:root{--color-dark: #0A2E2E;--color-cream: #FAF6EE;--color-ink: #1A1A1A;--color-muted: #6B7280;--color-teal: #2ECECE;--color-teal-border: rgba(46, 206, 206, .3);--color-purple-border: rgba(168, 127, 224, .3);--color-gray-border: rgba(107, 114, 128, .25);--color-cold-bg: rgba(107, 114, 128, .06);--font-heading: "Cooper Black", "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--max-width: 600px;--section-padding: 2rem 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--color-cream);color:var(--color-ink);line-height:1.6;transition:background .4s ease}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--section-padding);padding-top:3rem;padding-bottom:4rem}.screen--dark{background:var(--color-dark);color:var(--color-cream);justify-content:center}.screen__inner{width:100%;max-width:var(--max-width)}.eyebrow{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-teal);margin-bottom:1rem}.screen--dark .eyebrow{color:#2ecececc}.headline{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.2;color:var(--color-ink);margin-bottom:1.25rem}.screen--dark .headline{color:var(--color-cream)}.body-text{font-size:1rem;line-height:1.75;color:var(--color-ink);margin-bottom:1.5rem}.muted{color:var(--color-muted);font-size:.9rem}.screen--dark .body-text{color:#faf6eed9}.screen--dark .muted{color:#faf6ee80}.scenario-block{border-left:3px solid var(--color-teal);padding:1.25rem 1.5rem;margin:1.5rem 0;background:#2ecece0a;border-radius:0 6px 6px 0;font-size:1rem;line-height:1.75;color:var(--color-ink)}.scenario-block em{font-style:italic;font-weight:500}.code-block{background:var(--color-dark);color:var(--color-cream);font-family:var(--font-mono);font-size:.9rem;padding:1.25rem 1.5rem;border-radius:6px;margin:1.5rem 0;line-height:1.6}.ai-block{border-radius:8px;padding:1.25rem 1.5rem;margin:1.25rem 0;line-height:1.75;font-size:.95rem;animation:fadeIn .5s ease}.ai-block--cold{border:1.5px solid var(--color-gray-border);background:var(--color-cold-bg);color:var(--color-muted)}.ai-block--explore{border:1.5px solid var(--color-purple-border);background:#a87fe00a;color:var(--color-ink)}.ai-block--synthesize{border:1.5px solid var(--color-teal-border);background:#2ecece0a;color:var(--color-ink)}.ai-block__label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.75rem}.btn{display:inline-block;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;border-radius:6px;border:none;cursor:pointer;transition:opacity .15s ease,transform .1s ease;text-decoration:none;min-height:44px}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-teal);color:var(--color-dark)}.btn--secondary{background:transparent;color:var(--color-muted);border:1.5px solid var(--color-gray-border)}.btn--dark-primary{background:var(--color-cream);color:var(--color-dark)}.btn-group{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}@media (min-width: 480px){.btn-group--row{flex-direction:row;align-items:center}}.reaction-group{display:flex;flex-direction:column;gap:.6rem;margin:1.25rem 0}.reaction-chip{display:block;width:100%;text-align:left;font-family:var(--font-body);font-size:.9rem;padding:.75rem 1rem;border-radius:6px;border:1.5px solid var(--color-gray-border);background:transparent;color:var(--color-ink);cursor:pointer;transition:all .15s ease;min-height:44px}.reaction-chip:hover{border-color:var(--color-teal);background:#2ecece0a}.reaction-chip--selected{border-color:var(--color-teal);background:#2ecece14;font-weight:500}.field-group{display:flex;flex-direction:column;gap:1.25rem;margin:1.5rem 0}.field{display:flex;flex-direction:column;gap:.4rem}.field__label{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.field__textarea{font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--color-ink);border:1.5px solid var(--color-gray-border);border-radius:6px;padding:.75rem 1rem;background:#fff;resize:vertical;min-height:80px;transition:border-color .15s ease}.field__textarea:focus{outline:none;border-color:var(--color-teal)}.field__textarea--decision{min-height:64px;font-style:italic}.privacy-note{font-size:.78rem;color:var(--color-muted);margin-top:.5rem;line-height:1.5}.compare-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}@media (min-width: 640px){.compare-grid{grid-template-columns:1fr 1fr}}.compare-col{display:flex;flex-direction:column;gap:.5rem}.compare-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.user-decision-block{border-left:3px solid var(--color-teal);padding:1rem 1.25rem;margin:1.25rem 0;background:#2ecece0d;border-radius:0 6px 6px 0;font-style:italic;color:var(--color-ink);font-size:.95rem;line-height:1.7;animation:fadeIn .5s ease}.user-decision-block__prompt{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-teal);margin-bottom:.5rem;font-style:normal}.recognition-list{list-style:none;padding:0;margin:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}.recognition-list li{font-size:.95rem;color:var(--color-ink);line-height:1.6;padding-left:1rem;border-left:2px solid rgba(46,206,206,.3)}.notice{font-size:.9rem;color:var(--color-muted);font-style:italic;margin:1rem 0;line-height:1.65}.error-block{padding:1rem 1.25rem;border:1.5px solid rgba(239,68,68,.3);border-radius:6px;background:#ef44440a;color:#991b1b;font-size:.9rem;margin:1rem 0}.divider{height:1px;background:var(--color-gray-border);margin:2rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.screen-enter{animation:fadeIn .35s ease}.ai-block--teammate{border:1.5px solid var(--color-teal-border);background:#2ecece0a;color:var(--color-ink)}.baseline-block{border-left:3px solid rgba(46,206,206,.4);padding:1.25rem 1.5rem;margin:1.5rem 0;background:#2ecece08;border-radius:0 6px 6px 0}.baseline-block__label{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.75rem}.baseline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.baseline-list li{font-size:.95rem;color:var(--color-ink);line-height:1.6;padding-left:1rem;position:relative}.baseline-list li:before{content:"—";position:absolute;left:0;color:var(--color-teal)}.action-card{border:1.5px solid var(--color-gray-border);border-radius:8px;padding:1.5rem;background:#fff}.artifact-card{border:1.5px solid var(--color-gray-border);border-radius:8px;overflow:hidden}.artifact-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:#2ecece0d;border-bottom:1px solid var(--color-gray-border)}.artifact-card__title{font-weight:600;font-size:.95rem;color:var(--color-ink);margin-bottom:.2rem}.artifact-card__description{font-size:.8rem;color:var(--color-muted)}.artifact-card__content{padding:1.25rem;background:#fff;max-height:280px;overflow-y:auto}.btn-copy{flex-shrink:0;font-family:var(--font-body);font-size:.78rem;font-weight:600;padding:.4rem .85rem;border-radius:4px;border:1.5px solid var(--color-gray-border);background:#fff;color:var(--color-muted);cursor:pointer;transition:all .15s ease;min-height:32px;white-space:nowrap}.btn-copy:hover{border-color:var(--color-teal);color:var(--color-dark)}.btn-copy--copied{border-color:var(--color-teal);color:var(--color-teal);background:#2ecece0f}