:root{--color-ink:#0a0a0a;--color-charcoal:#3a3a3a;--color-mute:#3a3a3a;--color-paper:#fff9f5;--color-paper-dark:#fff0e8;--color-panel:#fff;--color-line:#0a0a0a;--color-magenta:#c4177a;--color-violet:#7c3aed;--color-gold:#ffb800;--color-accent:#c4177a;--color-good:#7c3aed;--color-warn:#ffb800;--color-success:#15803d;--color-info:#2563eb;--color-danger:#dc2626;--color-disabled:#d6d2cc;--color-field:#faf7f4;--color-placeholder:#8c857e}html,body,#root{height:100%}body{background:var(--color-paper);color:var(--color-ink);background-image:radial-gradient(var(--color-paper-dark) 1.5px, transparent 1.5px);background-size:22px 22px;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:500}h1,h2,h3{letter-spacing:-.01em}:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}::selection{background:var(--color-gold);color:var(--color-ink)}:root{accent-color:var(--color-magenta)}button,[role=button],a[href],summary{cursor:pointer}button:disabled{cursor:not-allowed}.nb{border:3px solid var(--color-ink);box-shadow:5px 5px 0 0 var(--color-ink)}.nb-sm{border:2px solid var(--color-ink);box-shadow:3px 3px 0 0 var(--color-ink)}.nb-press{transition:transform 50ms,box-shadow 50ms}.nb-press:hover{box-shadow:6px 6px 0 0 var(--color-ink);transform:translate(-1px,-1px)}.nb-press:active{box-shadow:2px 2px 0 0 var(--color-ink);transform:translate(3px,3px)}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.ds-btn{border:2px solid var(--color-ink);box-shadow:3px 3px 0 0 var(--color-ink);text-transform:uppercase;letter-spacing:.025em;cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:800;transition:transform 50ms,box-shadow 50ms;display:inline-block}.ds-btn:hover{box-shadow:6px 6px 0 0 var(--color-ink);transform:translate(-1px,-1px)}.ds-btn:active{box-shadow:2px 2px 0 0 var(--color-ink);transform:translate(3px,3px)}.ds-btn:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.ds-btn-primary{background:var(--color-magenta);color:#fff}.ds-btn-violet{background:var(--color-violet);color:#fff}.ds-btn-ghost{background:var(--color-panel);color:var(--color-ink)}.ds-btn:disabled{background:var(--color-disabled);color:var(--color-charcoal);box-shadow:none;cursor:not-allowed;transform:none}.ds-badge{border:2px solid var(--color-ink);background:var(--color-paper-dark);color:var(--color-ink);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.ds-badge-gold{background:var(--color-gold);color:var(--color-ink)}.ds-badge-violet{background:var(--color-violet);color:#fff}.ds-badge-success{background:var(--color-success);color:#fff}.ds-badge-info{background:var(--color-info);color:#fff}.ds-card{background:var(--color-panel);color:var(--color-ink);border:3px solid var(--color-ink);box-shadow:5px 5px 0 0 var(--color-ink);border-radius:8px;padding:20px}.ds-card-magenta{background:var(--color-magenta);color:#fff}.ds-card-violet{background:var(--color-violet);color:#fff}.ds-card-gold{background:var(--color-gold);color:var(--color-ink)}.ds-input{box-sizing:border-box;background:var(--color-field);width:100%;color:var(--color-ink);border:2px solid var(--color-ink);border-radius:6px;outline:none;padding:8px 12px;font-size:.875rem}.ds-input::placeholder{color:var(--color-placeholder);opacity:1}.ds-input:focus{border-color:var(--color-magenta);background:var(--color-panel)}.ds-input:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.ds-note{border:2px solid var(--color-ink);box-shadow:3px 3px 0 0 var(--color-ink);color:#fff;border-radius:6px;padding:8px 12px;font-size:.875rem}.ds-note-success{background:var(--color-success);font-weight:700}.ds-note-info{background:var(--color-info);font-weight:600}.ds-note-error{background:var(--color-danger);font-weight:700}.ds-spinner{border:3px solid var(--color-ink);border-top-color:var(--color-magenta);border-radius:9999px;width:.875rem;height:.875rem;animation:.7s linear infinite ds-spin;display:inline-block}@keyframes ds-spin{to{transform:rotate(360deg)}}*,:before,:after{box-sizing:border-box}body{font-size:.875rem;line-height:1.5}h1[tabindex="-1"]:focus{outline:none}h1{margin:.25rem 0 1rem;font-size:1.5rem;font-weight:800;line-height:1.1}h2{margin:1.5rem 0 .5rem;font-size:1.25rem;font-weight:800}h3{font-size:1.125rem;font-weight:800}p{margin:0 0 1rem}label{font-weight:800}.muted{color:var(--color-charcoal)}.small{font-size:.75rem}.reading{font-size:1rem;line-height:1.5}.shell-header{background:var(--color-gold);border-bottom:3px solid var(--color-ink)}.column{max-width:48rem;margin:0 auto;padding:0 16px}#main{padding-top:24px;padding-bottom:24px}.shell-footer{color:var(--color-charcoal);padding-top:24px;padding-bottom:24px;font-size:.75rem;font-weight:600}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 0;display:flex}.bar-right{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.brand{align-items:center;gap:8px;font-size:1.125rem;font-weight:800;display:flex}.logo{background:var(--color-magenta);color:#fff;border-radius:6px;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.ds-note.mock-banner{background:var(--color-gold);color:var(--color-ink);margin:12px 0 0;font-weight:700}.shell-footer a{color:var(--color-ink);text-underline-offset:2px;text-decoration-thickness:2px}.stack{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack>.ds-btn{align-self:flex-start}.ds-card>:last-child{margin-bottom:0}.ds-card>.kicker{margin:0 0 4px}.ds-note{margin:0 0 16px}.ds-note:empty{display:none}.delete-voice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.delete-voice .ds-note{margin:0}.confirm-text{font-weight:700}.inset{background:var(--color-paper);border-radius:6px;margin:0 0 16px;padding:12px 16px}.check{align-items:flex-start;gap:10px;display:flex}.check input{flex:none;width:1.2rem;height:1.2rem;margin:.1rem 0 0}.script{max-height:22rem;overflow-y:auto}.prose p{margin:.5rem 0}.prose ul,.prose ol{margin:.5rem 0;padding-left:1.2rem}.timer{font-variant-numeric:tabular-nums;margin:0 0 8px;font-size:1.875rem;font-weight:800;line-height:1.1}.timer.live:before{content:"";vertical-align:middle;border:2px solid var(--color-ink);background:var(--color-info);border-radius:9999px;width:.75rem;height:.75rem;margin-right:8px;display:inline-block}audio{width:100%;margin:0 0 12px}.recorder .row{margin-top:12px}.recorder .ds-note{margin:12px 0 0}.questions{flex-direction:column;gap:16px;margin:0 0 16px;padding:0;list-style:none;display:flex}.question{text-align:left;width:100%;font:inherit;background:var(--color-panel);color:var(--color-ink);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 20px;font-weight:500;display:flex}.question:disabled{background:var(--color-disabled);color:var(--color-charcoal);box-shadow:none;transform:none}.live{align-items:center;gap:12px;display:flex}.status{margin:0;font-size:1rem;font-weight:800}.pulse{border:3px solid var(--color-ink);background:var(--color-disabled);border-radius:9999px;flex:none;width:1.5rem;height:1.5rem}.pulse[data-state=speaking]{background:var(--color-violet);animation:.9s ease-in-out infinite beat}.pulse[data-state=listening]{background:var(--color-info)}.pulse[data-state=building],.pulse[data-state=connecting]{background:var(--color-panel);border-top-color:var(--color-magenta);animation:.7s linear infinite ds-spin}@keyframes beat{50%{transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.pulse,.ds-spinner{animation:none!important}}.best-self{margin:0 0 16px;font-size:1rem;line-height:1.5}.said summary{font-weight:800}.said p{margin:8px 0 0}.is-landing .column{max-width:68rem}html:has(.is-landing){overflow-x:clip}.landing{padding:0}.hero{border-bottom:3px solid var(--color-ink);background-color:var(--color-paper-dark);background-image:radial-gradient(var(--color-paper) 2px, transparent 2px);background-size:22px 22px;margin:-24px calc(50% - 50vw) 0;padding:24px 0 40px}.hero-inner{box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:4px;max-width:68rem;margin:0 auto;padding:0 16px;display:grid}.hero-art{order:-1;justify-self:center;width:100%;max-width:230px;height:auto}.hero h1{letter-spacing:-.03em;margin:0 0 24px;font-size:clamp(2.75rem,11vw,4.75rem);font-weight:800;line-height:1.02}.hero h1:focus{outline:none}.hero-mark{background:var(--color-gold);border:3px solid var(--color-ink);box-shadow:5px 5px 0 0 var(--color-ink);white-space:nowrap;border-radius:8px;padding:0 .18em .04em;display:inline-block;transform:rotate(-1.5deg)}.lede{max-width:30rem;margin:0 0 24px;font-size:1.125rem;line-height:1.5}@media (width>=880px){.hero{padding:48px 0 64px}.hero-inner{grid-template-columns:minmax(0,31rem) minmax(0,1fr);align-items:center;column-gap:48px}.hero-art{order:0;justify-self:end;max-width:540px}}.cta{max-width:31rem;margin:0}.segmented{background:var(--color-panel);border-radius:6px;grid-template-columns:1fr 1fr;margin:0 0 20px;display:grid;overflow:hidden}.seg{color:var(--color-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 12px;font-weight:800}.seg+.seg{border-left:2px solid var(--color-ink)}.seg[aria-selected=true]{background:var(--color-ink);color:#fff}.seg:focus-visible{outline:3px solid var(--color-magenta);outline-offset:-3px}.dm-title,.how h2,.notes h2{margin-top:0}.hint{font-weight:500}.social-row{flex-wrap:wrap;gap:12px;margin:0 0 16px;display:flex}.social-link{background:var(--color-panel);min-width:84px;color:var(--color-ink);border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;font-weight:800;text-decoration:none;display:flex}.social-icon{place-items:center;display:grid}.dm-title[tabindex="-1"]:focus{outline:none}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.how{margin:40px 0 0}.steps{grid-template-columns:1fr;gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.steps{grid-template-columns:repeat(3,1fr)}}.step{margin:0}.step h3{margin:10px 0 6px}.step p{margin:0}.notes{margin:24px 0 0}.notes ul{margin:0;padding-left:1.2rem}.notes li+li{margin-top:6px}.lang-toggle{padding:4px 10px}