:root{color-scheme:dark;--bg: #170b33;--bg-2: #1f0f45;--surface: #2a1758;--surface-2: #372070;--line: #4b3389;--fg: #fbf7ff;--fg-2: #cdbff0;--fg-3: #a593d6;--c-interest: #ff4f8b;--c-comfort: #2fe3b8;--c-mood: #ffc542;--c-poor: #ff7a6b;--on-accent: #1a0730;--primary: var(--c-interest);--primary-hover: #ff6d9f;--focus: #ffe08a;--stage: #1a0f38;--shadow: 0 1px 2px rgb(8 2 24 / .5), 0 12px 32px -8px rgb(8 2 24 / .65);--wa-bg: #0e1626;--wa-me: #6b2bd9;--wa-them: #25304a;--wa-head: #1d2640;--wa-fg: #f3f5ff;--wa-muted: #a9b3cf;--font-body: "Rubik", "Assistant", "Arial Hebrew", "Noto Sans Hebrew", system-ui, sans-serif;--font-display: "Secular One", "Rubik", "Arial Hebrew", system-ui, sans-serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--r-sm: 10px;--r-md: 16px;--r-lg: 28px;--gutter-l: max(16px, env(safe-area-inset-left, 0px));--gutter-r: max(16px, env(safe-area-inset-right, 0px))}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.15;text-wrap:balance;margin:0;letter-spacing:0}p{margin:0;text-wrap:pretty}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--c-interest);color:var(--on-accent)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.muted{color:var(--fg-2)}.small{font-size:.88rem}.hint{color:var(--fg-2)}[dir=rtl] .icon-flip,[dir=rtl] .send .icon{transform:scaleX(-1)}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.55}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:46px;padding:.6rem 1.25rem;border-radius:999px;font-weight:500;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),border-color .16s var(--ease-out)}.primary{background:var(--primary);color:var(--on-accent)}.secondary{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 2px var(--fg-3)}.ghost{color:var(--fg-2);padding-inline:.8rem}.big{min-block-size:54px;padding-inline:1.6rem;font-size:1.06rem}.primary:active:not(:disabled),.secondary:active:not(:disabled),.reply:active:not(:disabled),.answer:active:not(:disabled),.seg button:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary:hover{box-shadow:inset 0 0 0 2px var(--fg)}.ghost:hover{color:var(--fg)}}.link-btn{color:var(--fg-2);text-decoration:underline;text-underline-offset:4px;padding:.4rem 0;display:inline-flex;align-items:center;gap:.35rem}.icon-btn{inline-size:44px;block-size:44px;border-radius:50%;display:inline-grid;place-items:center;color:var(--fg-2)}@media (hover: hover) and (pointer: fine){.icon-btn:hover{background:var(--surface);color:var(--fg)}.link-btn:hover{color:var(--fg)}}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.6rem;padding-left:var(--gutter-l);padding-right:var(--gutter-r);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid color-mix(in srgb,var(--line) 50%,transparent)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-size:1.35rem;color:var(--fg)}.nav{display:flex;align-items:center;gap:.25rem}.nav>button:not(.icon-btn){padding:.5rem .9rem;border-radius:999px;color:var(--fg-2);font-weight:500}.nav>button.on{background:var(--surface-2);color:var(--fg)}@media (hover: hover) and (pointer: fine){.nav>button:not(.icon-btn):hover{color:var(--fg)}}.page{max-inline-size:1180px;margin-inline:auto;padding-block:clamp(1.5rem,4vw,3.5rem) 4rem;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}.page.center{max-inline-size:640px;text-align:center;display:grid;justify-items:center;gap:1.1rem;padding-block-start:clamp(3rem,10vh,7rem)}.page-head{display:grid;gap:.6rem;margin-block-end:2rem;max-inline-size:62ch}.page h1{font-size:clamp(2rem,4.6vw,3.25rem)}.lead{font-size:1.15rem;color:var(--fg-2);max-inline-size:60ch}.gate .icon{color:var(--c-mood)}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.seg button{padding:.55rem 1rem;border-radius:999px;color:var(--fg-2);font-weight:500;transition:background-color .18s var(--ease-out),color .18s var(--ease-out),transform .16s var(--ease-out)}.seg button.on{background:var(--fg);color:var(--bg)}@media (hover: hover) and (pointer: fine){.seg button:not(.on):hover{color:var(--fg)}}.hero{max-inline-size:1280px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-block-size:calc(100dvh - 64px);padding-block:clamp(1.5rem,4vh,3rem);padding-left:var(--gutter-l);padding-right:var(--gutter-r)}.hero-copy{display:grid;gap:1.5rem;align-content:center}.hero h1{font-size:clamp(3rem,7.4vw,6.2rem);line-height:.98;color:var(--fg)}.hero .lead{font-size:clamp(1.1rem,1.6vw,1.3rem)}.hero-demo{display:grid;gap:.9rem;justify-items:center}.hero-stage{position:relative;inline-size:100%;aspect-ratio:4 / 4.6;max-block-size:72dvh;border-radius:var(--r-lg);overflow:hidden;background:var(--stage);box-shadow:var(--shadow)}.hero-stage canvas,.demo-stage canvas{display:block}.hero-notes{position:absolute;inset-block-end:14px;inset-inline:14px;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.hero-notes li,.demo-notes li,.cue-captions li{background:#2a1758eb;box-shadow:inset 0 0 0 1px #ffffff24;color:#fbf7ff;border-radius:999px;padding:.3rem .8rem;font-size:.9rem;animation:note-in .26s var(--ease-out) both}.hero-notes li:nth-child(2){animation-delay:40ms}.hero-notes li:nth-child(3){animation-delay:80ms}.hero-notes li:nth-child(4){animation-delay:.12s}@keyframes note-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-cap{color:var(--fg-3);font-size:.95rem}.seg.wide{justify-content:center}.band{padding-block:clamp(3rem,8vw,6rem);padding-left:var(--gutter-l);padding-right:var(--gutter-r)}.band-in{max-inline-size:1180px;margin-inline:auto;display:grid;gap:2rem}.band-in.narrow{max-inline-size:680px;text-align:center;justify-items:center;gap:1rem}.band h2{font-size:clamp(2rem,4.4vw,3.4rem)}.band.how{background:var(--c-interest);color:var(--on-accent)}.band.how h2{color:var(--on-accent)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem)}.steps li{display:grid;gap:.6rem;align-content:start}.step-n{font-family:var(--font-display);font-size:clamp(3.5rem,7vw,5.5rem);line-height:1}.steps h3{font-size:1.6rem}.steps p{font-size:1.05rem;max-inline-size:38ch}.band.cues{background:var(--bg-2)}.split{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,5rem)}.split>div{display:grid;gap:1.2rem;justify-items:start;position:sticky;top:96px}.cue-index{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-block-start:1px solid var(--line)}.cue-index li{border-block-end:1px solid var(--line)}.cue-index button{inline-size:100%;text-align:start;display:grid;grid-template-columns:auto 1fr;gap:.9rem;padding:1.1rem .4rem;align-items:start;transition:background-color .16s var(--ease-out)}.cue-index .icon{color:var(--c-interest);margin-block-start:3px}.cue-index strong{display:block;font-size:1.12rem;font-weight:500}.cue-index span span{color:var(--fg-2);font-size:.95rem}@media (hover: hover) and (pointer: fine){.cue-index button:hover{background:var(--surface)}}.band.levels{background:var(--c-comfort);color:#04261f}.band.levels h2{color:#04261f}.ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem}.rung{background:#04261f;color:#e8fff8;border-radius:var(--r-md);padding:1.4rem;display:grid;gap:.5rem;align-content:start}.rung.r1{min-block-size:220px}.rung.r2{min-block-size:270px}.rung.r3{min-block-size:320px}.rung-n{font-size:.95rem;font-weight:500;color:#7ff5d6}.rung h3{font-size:1.7rem}.levels .primary{justify-self:start;background:#04261f;color:#e8fff8}@media (hover: hover) and (pointer: fine){.levels .primary:hover{background:#0b3d32}}.band.adult .icon{color:var(--c-mood)}.band.adult p{color:var(--fg-2);font-size:1.1rem}.foot{padding-block:2rem;padding-left:var(--gutter-l);padding-right:var(--gutter-r);text-align:center;color:var(--fg-3);font-size:.88rem;border-block-start:1px solid var(--line)}.lesson-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-block-start:1px solid var(--line)}.lesson-list li{border-block-end:1px solid var(--line)}.lesson-row{inline-size:100%;display:grid;grid-template-columns:2.6rem auto 1fr auto;align-items:center;gap:1rem;padding:1.15rem .5rem;text-align:start;transition:background-color .16s var(--ease-out)}.lesson-n{font-family:var(--font-display);font-size:1.6rem;color:var(--fg-3)}.lesson-ic{inline-size:52px;block-size:52px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--c-interest)}.lesson-txt{display:grid;gap:.15rem}.lesson-txt strong{font-size:1.2rem;font-weight:500}.lesson-txt span{color:var(--fg-2)}.lesson-row .go{color:var(--fg-3);transition:transform .2s var(--ease-out)}@media (hover: hover) and (pointer: fine){.lesson-row:hover{background:var(--surface)}.lesson-row:hover .go{color:var(--c-interest);transform:translate(-4px)}}.drill-cta{margin-block-start:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);border-radius:var(--r-lg);background:var(--c-mood);color:#2b1a00}.drill-cta h2{font-size:clamp(1.7rem,3vw,2.4rem)}.drill-cta .primary{background:#2b1a00;color:#fff3d6}.lesson .back{margin-block-end:1.2rem}.lesson-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:start}.lesson-demo{position:sticky;top:88px;display:grid;gap:.9rem;justify-items:center}.demo-stage{position:relative;inline-size:100%;aspect-ratio:4 / 4.4;max-block-size:68dvh;border-radius:var(--r-lg);overflow:hidden;background:var(--stage);box-shadow:var(--shadow)}.demo-stage.tall{aspect-ratio:4 / 4.2}.demo-notes{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.demo-notes li{background:var(--surface-2);color:var(--fg)}.lesson-text{display:grid;gap:1rem;max-inline-size:62ch}.lesson-k{color:var(--c-interest);font-weight:500}.lesson-text h1{font-size:clamp(2.2rem,4.5vw,3.4rem)}.lesson-text h2{font-size:1.45rem;margin-block-start:.8rem}.look-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.look-list li{display:flex;gap:.6rem;align-items:flex-start}.look-list .icon{color:var(--c-comfort);margin-block-start:5px;flex:none}.trap{background:var(--surface);border-radius:var(--r-md);padding:1.2rem 1.3rem;display:grid;gap:.4rem;box-shadow:inset 0 0 0 1px var(--line)}.trap h2{margin:0;color:var(--c-mood);font-size:1.25rem}.lesson-text .actions{margin-block-start:1rem}.mini-chat{block-size:100%;display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:1.5rem;background:var(--wa-bg);color:var(--wa-fg)}.mini-chat .bubble{font-size:1.05rem}.gap-note{align-self:center;display:inline-flex;gap:.35rem;align-items:center;font-size:.9rem;color:var(--wa-muted)}.mini-cues{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.mini-cues li{border-radius:999px;padding:.25rem .75rem;font-size:.9rem;background:var(--wa-them)}.mini-cues li.up{box-shadow:inset 0 0 0 2px var(--c-comfort)}.mini-cues li.down{box-shadow:inset 0 0 0 2px var(--c-poor)}.drill-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.round-tag{position:absolute;inset-block-start:14px;inset-inline-start:14px;background:#120828d1;color:#fbf7ff;border-radius:999px;padding:.25rem .8rem;font-size:.9rem}.drill-side{display:grid;gap:1.2rem}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.answer{min-block-size:64px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:1.1rem;font-weight:500;padding:.8rem;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out)}.answer:disabled{opacity:1;cursor:default}.answer.is-right{background:var(--c-comfort);color:#04261f;box-shadow:none}.answer.is-wrong{background:var(--c-poor);color:#2b0600;box-shadow:none}@media (hover: hover) and (pointer: fine){.answer:not(:disabled):hover{background:var(--surface-2)}}.verdict{display:grid;gap:.6rem;padding:1.2rem;border-radius:var(--r-md);background:var(--surface);animation:note-in .24s var(--ease-out) both}.verdict-h{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:1.15rem}.verdict.ok .verdict-h{color:var(--c-comfort)}.verdict.no .verdict-h{color:var(--c-poor)}.verdict ul{margin:0;padding-inline-start:1.2rem;color:var(--fg-2)}.verdict .primary{justify-self:start;margin-block-start:.4rem}.k{font-size:.92rem;font-weight:500;color:var(--fg-3)}.level-pick h2,.scen-pick h2{font-size:1.5rem;margin-block-end:1rem}.level-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.level-opt{text-align:start;display:grid;gap:.3rem;align-content:start;padding:1.1rem 1.2rem;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .16s var(--ease-out),background-color .16s var(--ease-out)}.level-opt strong{font-family:var(--font-display);font-weight:400;font-size:1.45rem}.level-opt>span:last-child{color:var(--fg-2);font-size:.95rem}.level-opt .rung-n{color:var(--fg-3)}.level-opt.on{background:var(--surface-2);box-shadow:inset 0 0 0 3px var(--c-comfort)}.level-opt.on .rung-n{color:var(--c-comfort)}.lib{margin-block-start:2.6rem;display:grid;gap:1.2rem}.lib-filters{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;justify-content:space-between}.seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.seg button{display:inline-flex;align-items:center;gap:.35rem;border:0;background:none;padding:.45rem 1rem;border-radius:999px;cursor:pointer;color:var(--fg-2);font-weight:500;transition:background-color .18s var(--ease-out),color .18s var(--ease-out)}.seg button.on{background:var(--fg);color:var(--on-accent)}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;align-items:center;gap:.45rem;border:0;cursor:pointer;padding:.38rem .85rem;border-radius:999px;background:var(--surface);color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .18s var(--ease-out),color .18s var(--ease-out),box-shadow .18s var(--ease-out),transform .16s var(--ease-out)}.chip:active{transform:scale(.97)}.chip:disabled{opacity:.4;cursor:default}.chip.on{background:var(--c-comfort);color:var(--on-accent);box-shadow:none}.chip-n{font-size:.78rem;font-variant-numeric:tabular-nums;opacity:.75}.lib-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:.9rem}.lib-grid>li{display:grid;animation:card-in .42s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 35ms)}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.lib-card{--tint: var(--c-interest);position:relative;overflow:hidden;text-align:start;border:0;cursor:pointer;color:var(--fg);display:grid;grid-template-rows:auto auto 1fr auto;gap:.45rem;min-block-size:190px;padding:1.15rem 1.2rem 1rem;border-radius:var(--r-md);background:linear-gradient(160deg,color-mix(in oklab,var(--tint) 22%,var(--surface)) 0%,var(--surface) 62%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tint) 30%,var(--line));transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.lib-card:after{content:"";position:absolute;inset-block-start:-40%;inset-inline-end:-30%;inline-size:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--tint) 35%,transparent),transparent);opacity:.5;transition:opacity .26s var(--ease-out),transform .4s var(--ease-out);pointer-events:none}.lib-card.chat{--tint: #8b5cf6}.lib-card.area-friends{--tint: var(--c-mood)}.lib-card.area-neighbors{--tint: var(--c-comfort)}.lib-card.area-work{--tint: #5aa9ff}.lib-card.area-family{--tint: #ff9a5a}.lib-card.area-strangers{--tint: #c7b8ff}.lib-card.gen{--tint: var(--c-mood);background:var(--bg-2);box-shadow:inset 0 0 0 1.5px var(--line);border:0;outline:1.5px dashed color-mix(in oklab,var(--c-mood) 45%,transparent);outline-offset:-8px}@media (hover: hover) and (pointer: fine){.lib-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--tint),0 14px 30px -14px color-mix(in oklab,var(--tint) 60%,black)}.lib-card:hover:after{opacity:.9;transform:scale(1.12)}.lib-card:hover .lib-go{background:var(--tint);color:var(--on-accent);transform:scale(1.06)}}.lib-card:active{transform:scale(.985)}.lib-top{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;font-weight:500}.lib-mode{display:inline-flex;align-items:center;gap:.35rem;color:var(--tint)}.lib-area{color:var(--fg-3)}.lib-title{font-family:var(--font-display);font-weight:400;font-size:1.4rem;line-height:1.2;text-wrap:balance}.lib-teaser{color:var(--fg-2);font-size:.98rem;line-height:1.5}.lib-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-start:.4rem}.lib-go{margin-inline-start:auto;display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;background:var(--surface-2);color:var(--fg);transition:background-color .2s var(--ease-out),color .2s var(--ease-out),transform .2s var(--ease-out)}.lib-go .icon{transform:scaleX(-1)}.tone{font-size:.8rem;padding:.15rem .6rem;border-radius:999px;background:var(--surface-2);color:var(--fg-2)}.tone-tense,.tone-difficult,.tone-grief{color:var(--c-poor);background:color-mix(in oklab,var(--c-poor) 14%,var(--surface))}.lib-empty{padding-block:1rem}@media (prefers-reduced-motion: reduce){.lib-grid>li{animation:none}.lib-card,.lib-card:after{transition:none}}.briefing{max-inline-size:860px;display:grid;gap:1.2rem}.brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:.8rem}.brief-grid section{background:var(--surface);border-radius:var(--r-md);padding:1.2rem 1.3rem;display:grid;gap:.5rem;align-content:start}.brief-grid section.span{grid-column:1 / -1}.brief-grid h2{font-size:1.3rem;color:var(--c-comfort)}.watch{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.watch li{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;background:var(--surface-2)}.watch .icon{color:var(--c-interest)}.app.immersive main{block-size:100dvh}.player.face{block-size:100dvh;display:grid;grid-template-columns:minmax(0,1fr) min(440px,38vw);background:var(--stage)}.stage{position:relative;min-block-size:0;overflow:hidden}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0}.stage-top{position:absolute;inset-block-start:max(12px,env(safe-area-inset-top,0px));inset-inline:12px;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;z-index:2}.stage-title{font-family:var(--font-display);font-size:1.2rem;color:#fbf7ff;text-shadow:0 1px 8px rgb(0 0 0 / .5);margin-inline-end:auto}.chip-btn,.level-tag,.switch{display:inline-flex;align-items:center;gap:.4rem;min-block-size:40px;padding:.3rem .85rem;border-radius:999px;background:#120828d1;color:#fbf7ff;font-size:.92rem}.level-tag{min-block-size:32px;background:var(--c-comfort);color:#04261f;font-weight:500}.switch{cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{inline-size:34px;block-size:20px;border-radius:999px;background:#5a4790;position:relative;transition:background-color .18s var(--ease-out)}.switch .track i{position:absolute;inset-block-start:2px;inset-inline-start:2px;inline-size:16px;block-size:16px;border-radius:50%;background:#fff;transition:transform .2s var(--ease-out)}.switch input:checked+.track{background:var(--c-comfort)}[dir=rtl] .switch input:checked+.track i{transform:translate(-14px)}[dir=ltr] .switch input:checked+.track i{transform:translate(14px)}.switch input:focus-visible+.track{outline:3px solid var(--focus);outline-offset:2px}.cue-captions{position:absolute;inset-block-start:64px;inset-inline-start:12px;list-style:none;margin:0;padding:0;display:grid;gap:6px;justify-items:start;max-inline-size:min(340px,70%);z-index:2}.cue-captions li.note{background:var(--c-mood);color:#2b1a00;border-radius:12px}.speech{position:absolute;inset-block-end:18px;inset-inline:50% auto;transform:translate(50%);inline-size:min(640px,calc(100% - 32px));background:#fbf7ff;color:#1d0e40;border-radius:20px;padding:.9rem 1.2rem;box-shadow:var(--shadow);display:grid;gap:.15rem;font-size:1.15rem;z-index:2;animation:speech-in .28s var(--ease-out) both}[dir=ltr] .speech{transform:translate(-50%);inset-inline:50% auto}.speech strong{font-size:.9rem;color:#b5104f;font-weight:500}@keyframes speech-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.panel{background:var(--bg);overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end;padding-block:1.5rem calc(1.5rem + env(safe-area-inset-bottom,0px));padding-inline:1.4rem}.panel-body{display:grid;gap:1rem}.panel .setting{font-size:1.05rem}.ended-k{color:var(--fg-3)}.ended-v{font-family:var(--font-display);font-size:2.2rem;line-height:1.1;color:var(--c-comfort)}.replies ol{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.replies-q{font-size:1.35rem;margin-block-end:.2rem}.reply{inline-size:100%;display:flex;gap:.75rem;align-items:flex-start;text-align:start;padding:.85rem 1rem;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);line-height:1.5;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.kbd{flex:none;inline-size:26px;block-size:26px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--fg-2);font-size:.85rem;font-weight:500;margin-block-start:1px}@media (hover: hover) and (pointer: fine){.reply:not(:disabled):hover{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--c-interest)}}@media not ((hover: hover) and (pointer: fine)){.only-fine{display:none}}.typebox{display:grid;gap:.6rem}.typebox-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.typebox-row{display:flex;gap:.5rem;align-items:flex-end}.typebox textarea{flex:1;min-inline-size:0;resize:none;border-radius:var(--r-md);border:0;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:.8rem 1rem;line-height:1.5;font-size:1.05rem}.typebox textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--c-interest)}.typebox .send{flex:none}.panel .typebox-row{flex-direction:column;align-items:stretch}.timer{display:inline-flex;align-items:center;gap:.3rem;font-variant-numeric:tabular-nums;color:var(--fg-2);font-weight:500}.timer.low{color:var(--c-poor)}.timebar{block-size:4px;border-radius:4px;background:var(--surface-2);overflow:hidden}.timebar i{display:block;block-size:100%;background:var(--c-mood);transform-origin:right;transition:transform 1s linear}[dir=ltr] .timebar i{transform-origin:left}.player.chat{block-size:100dvh;display:grid;place-items:center;background:var(--stage);padding:max(0px,env(safe-area-inset-top,0px)) 0 0}.phone{inline-size:min(480px,100%);block-size:min(100dvh,860px);display:flex;flex-direction:column;overflow:hidden;background:var(--wa-bg);color:var(--wa-fg)}@media (min-width: 560px){.phone{block-size:min(92dvh,860px);border-radius:32px;box-shadow:0 30px 80px -20px #000000b3}}.wa-head{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;background:var(--wa-head);color:#fff;flex-wrap:wrap}.wa-head .icon-btn{color:#fff}.avatar{inline-size:40px;block-size:40px;border-radius:50%;display:grid;place-items:center;background:var(--c-interest);color:var(--on-accent);font-weight:700}.who{flex:1;min-inline-size:0;line-height:1.25}.who .name{font-weight:500}.who .status{font-size:.82rem;opacity:.8}.wa-head .level-tag{min-block-size:28px;font-size:.82rem;padding-inline:.6rem}.switch.light{background:#ffffff1f;min-block-size:32px;font-size:.82rem;padding-inline:.6rem}.wa-body{flex:1;overflow-y:auto;padding:.9rem;display:flex;flex-direction:column;gap:.4rem}.wa-setting{align-self:center;text-align:center;max-inline-size:92%;font-size:.88rem;background:var(--c-mood);color:#2b1a00;border-radius:12px;padding:.5rem .8rem;margin-block-end:.6rem}.wa-day{align-self:center;font-size:.8rem;font-weight:500;color:var(--wa-fg);background:#ffffff17;border-radius:8px;padding:.22rem .75rem;margin-block:.7rem .3rem;animation:day-in .38s var(--ease-out) both;box-shadow:0 1px #00000040}@keyframes day-in{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.bubble.reacted{margin-block-end:.85rem}.bubble .react{position:absolute;inset-block-end:-.95rem;inset-inline-start:.5rem;font-size:.95rem;line-height:1;padding:.22rem .32rem;border-radius:999px;background:var(--wa-head);box-shadow:0 0 0 2px var(--wa-bg);animation:react-pop .42s cubic-bezier(.34,1.56,.64,1) both}@keyframes react-pop{0%{opacity:0;transform:scale(.3) translateY(4px)}}.bubble.voice{min-inline-size:min(270px,78%)}.vn{display:grid;gap:.35rem}.vn-row{display:flex;align-items:center;gap:.5rem}.vn-av{position:relative;flex:none;display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:50%;background:var(--c-interest);color:var(--on-accent);font-weight:600}.mic-badge{position:absolute;inset-block-end:-2px;inset-inline-end:-4px;display:grid;place-items:center;inline-size:17px;block-size:17px;border-radius:50%;background:var(--c-comfort);color:var(--on-accent)}.vn-play{flex:none;display:grid;place-items:center;inline-size:34px;block-size:34px;border:0;padding:0;border-radius:50%;background:none;color:var(--wa-fg);cursor:pointer;transition:transform .14s var(--ease-out)}.vn-play:active{transform:scale(.9)}.vn-wave{flex:1;display:flex;align-items:center;gap:2px;block-size:26px;min-inline-size:0}.vn-wave i{flex:1;min-inline-size:2px;border-radius:2px;background:#ffffff59;transition:background-color .12s linear}.vn-wave i.on{background:var(--c-comfort)}.vn-time{flex:none;font-size:.75rem;color:var(--wa-muted);font-variant-numeric:tabular-nums}.vn-text{font-size:.95rem;animation:note-in .3s var(--ease-out) both}.vn-hint{font-size:.78rem;color:var(--wa-muted)}.typing.rec .rec-dot{display:inline-grid;place-items:center;color:var(--c-poor);animation:rec 1.1s ease-in-out infinite}@keyframes rec{50%{opacity:.35;transform:scale(.9)}}.wa-system{align-self:center;font-size:.85rem;color:var(--wa-muted);background:var(--wa-them);border-radius:10px;padding:.25rem .7rem}.bubble{max-inline-size:82%;padding:.5rem .75rem .3rem;border-radius:16px;position:relative;display:flex;flex-direction:column;line-height:1.45;animation:note-in .22s var(--ease-out) both}.bubble.me{align-self:flex-end;background:var(--wa-me);color:#fff;border-end-end-radius:4px}.bubble.them{align-self:flex-start;background:var(--wa-them);color:var(--wa-fg);border-end-start-radius:4px}.bubble .meta{align-self:flex-end;font-size:.72rem;opacity:.75;display:inline-flex;gap:.25rem}.ticks{letter-spacing:-.2em}.ticks.read{color:#7ff5d6;opacity:1}.bubble .cap{font-size:.78rem;color:var(--wa-muted);display:inline-flex;gap:.25rem;align-items:center}.typing .dots{display:inline-flex;gap:4px;padding-block:.35rem}.typing .dots i{inline-size:7px;block-size:7px;border-radius:50%;background:var(--wa-muted);animation:blink 1.2s infinite}.typing .dots i:nth-child(2){animation-delay:.2s}.typing .dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.wa-foot{padding:.6rem .6rem calc(.6rem + env(safe-area-inset-bottom,0px));background:var(--wa-head)}.wa-foot .replies ol{gap:.4rem}.wa-foot .reply{background:#ffffff14;color:#fff;box-shadow:none;padding:.6rem .8rem;font-size:.98rem}.wa-foot .kbd{background:#ffffff24;color:#fff}.wa-foot .typebox textarea{background:#ffffff1a;color:#fff;box-shadow:none;border-radius:22px}.wa-foot .typebox textarea::placeholder{color:#fff9}.wa-foot .send{inline-size:48px;block-size:48px;padding:0;border-radius:50%;min-block-size:0}.wa-foot .timebar{background:#ffffff1f}.wa-foot .hint{color:#ffffffb3}.end-box{display:grid;gap:.5rem;color:#fff;padding:.4rem}.end-box .primary{justify-self:start}.debrief{max-inline-size:1040px;margin-inline:auto;padding-block:clamp(1.5rem,4vw,3rem) 4rem;padding-left:var(--gutter-l);padding-right:var(--gutter-r);display:grid;gap:2rem}.guess-card{max-inline-size:640px;margin:clamp(2rem,10vh,6rem) auto 0;text-align:center;display:grid;gap:1rem;justify-items:center}.guess-card h2{font-size:clamp(1.8rem,4vw,2.6rem)}.guess-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-block-start:.5rem}.guess-btn{min-inline-size:120px;min-block-size:60px;border-radius:var(--r-md);font-size:1.15rem;font-weight:500;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.guess-btn:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.guess-btn:hover{box-shadow:inset 0 0 0 2px var(--c-interest)}}.score-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:clamp(1.5rem,3.5vw,2.6rem);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}.score-num{position:relative;inline-size:clamp(150px,22vw,210px);aspect-ratio:1}.ring{inline-size:100%;block-size:100%}.ring-bg{fill:none;stroke:var(--surface-2);stroke-width:12}.ring-fg{fill:none;stroke:var(--c-interest);stroke-width:12;stroke-linecap:round;animation:ring-in .9s var(--ease-out) both}@keyframes ring-in{0%{stroke-dashoffset:339.3}}.score-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;line-height:1}.score-inner .n{font-family:var(--font-display);font-size:clamp(3.2rem,7vw,4.6rem);font-variant-numeric:tabular-nums}.score-inner .of{color:var(--fg-3);font-size:1rem;margin-block-start:.3rem}.score-text{display:grid;gap:.7rem}.score-k{color:var(--fg-3)}.grade{font-size:clamp(2rem,4.4vw,3.2rem)}.grade.excellent,.grade.good{color:var(--c-comfort)}.grade.fair{color:var(--c-mood)}.grade.retry{color:var(--c-interest)}.calib.exact{color:var(--c-comfort)}.calib.close{color:var(--c-mood)}.calib.off{color:var(--c-poor)}.parts{display:flex;flex-wrap:wrap;gap:.6rem;margin:.3rem 0}.parts div{background:var(--surface-2);border-radius:var(--r-sm);padding:.45rem .9rem;display:flex;gap:.6rem;align-items:baseline}.parts dt{color:var(--fg-2);font-size:.92rem}.parts dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.reveal{display:grid;gap:.8rem}.reveal h3{font-size:1.6rem}.chart{inline-size:100%;block-size:auto;background:var(--surface);border-radius:var(--r-md)}.chart .grid{stroke:var(--line);stroke-dasharray:3 5}.chart .axis{fill:var(--fg-3);font-size:13px;font-family:var(--font-body)}.chart .label{font-size:15px;font-weight:500;font-family:var(--font-body)}.turn-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.turn{background:var(--surface);border-radius:var(--r-lg);padding:clamp(1.1rem,2.5vw,1.6rem);display:grid;gap:1rem}.turn-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.turn-n{font-family:var(--font-display);font-size:1.4rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .8rem;border-radius:999px;font-weight:500;font-size:.92rem}.badge.good{background:var(--c-comfort);color:#04261f}.badge.ok{background:var(--c-mood);color:#2b1a00}.badge.poor{background:var(--c-poor);color:#2b0600}.said-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem}.said{border-radius:var(--r-md);padding:1rem 1.1rem;display:grid;gap:.45rem;align-content:start;background:var(--surface-2)}.said .v{font-size:1.12rem;font-weight:500}.said .why{color:var(--fg-2)}.said.better{background:color-mix(in srgb,var(--c-comfort) 16%,var(--surface));box-shadow:inset 0 0 0 2px var(--c-comfort)}.said.better .k{color:var(--c-comfort)}.said.best{display:flex;align-items:center;gap:.6rem;color:var(--c-comfort);font-weight:500;background:transparent;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c-comfort) 50%,transparent)}.coach{background:var(--surface);border-radius:var(--r-sm);padding:.6rem .8rem;font-size:.96rem}.showed{display:grid;gap:.5rem}.inference{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.dim-tag{padding:.2rem .7rem;border-radius:999px;font-weight:500;font-size:.9rem}.dim-tag.interest{background:var(--c-interest);color:var(--on-accent)}.dim-tag.comfort{background:var(--c-comfort);color:#04261f}.dim-tag.mood{background:var(--c-mood);color:#2b1a00}.cue-chip{padding:.2rem .7rem;border-radius:999px;font-size:.9rem;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.cue-chip .val{color:var(--fg-2)}.inference.single{opacity:.8}.caveat{color:var(--fg-3);font-size:.95rem;max-inline-size:70ch}.actions.end{justify-content:flex-start}.generator{max-inline-size:760px;display:grid;gap:1rem}.generator textarea{inline-size:100%;border-radius:var(--r-md);border:0;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);padding:1rem;font-size:1.05rem;resize:vertical}.generator textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--c-interest)}.generator .row{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}.generator select{background:var(--surface);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;padding:.45rem .7rem}.notice{border-radius:var(--r-md);padding:.8rem 1rem;background:var(--surface)}.notice.error{box-shadow:inset 0 0 0 2px var(--c-poor)}.notice.ai{box-shadow:inset 0 0 0 2px var(--c-comfort)}.notice.offline{box-shadow:inset 0 0 0 2px var(--c-mood)}.result{display:grid;gap:.7rem;justify-items:start;background:var(--surface);border-radius:var(--r-lg);padding:1.4rem}.result h3{font-size:1.7rem}@media (max-width: 900px){.hero{grid-template-columns:1fr;min-block-size:0;padding-block-start:1.5rem}.hero-stage{aspect-ratio:4 / 4.2;max-block-size:58dvh}.steps,.ladder,.level-row{grid-template-columns:1fr}.rung.r1,.rung.r2,.rung.r3{min-block-size:0}.split{grid-template-columns:1fr}.split>div{position:static}.cue-index,.lesson-grid,.drill-grid{grid-template-columns:1fr}.lesson-demo{position:static}.demo-stage{aspect-ratio:4 / 3.8;max-block-size:52dvh}.scen-pick{grid-template-columns:1fr}.player.face{grid-template-columns:1fr;grid-template-rows:minmax(0,56dvh) auto;block-size:auto;min-block-size:100dvh}.stage{block-size:56dvh}.panel{justify-content:flex-start;padding-inline:var(--gutter-l) var(--gutter-r)}.score-hero{grid-template-columns:1fr;justify-items:center;text-align:center}.score-text{justify-items:center}.parts,.score-hero .actions{justify-content:center}.said-grid,.brief-grid{grid-template-columns:1fr}.brand span{font-size:1.15rem}}@media (max-width: 480px){body{font-size:16px}.nav>button:not(.icon-btn){padding-inline:.6rem}.brand span{display:none}.hero h1{font-size:2.8rem}.seg button{padding:.5rem .75rem;font-size:.95rem}.lesson-row{grid-template-columns:auto 1fr auto}.lesson-n{display:none}.answer-grid{grid-template-columns:1fr 1fr}.speech{font-size:1.02rem;padding:.7rem 1rem}.cue-captions{inset-block-start:104px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}.typing .dots i{opacity:.7}}@media (max-width: 900px){.cue-captions{inset-block-start:auto;inset-block-end:calc(18px + 5.2rem);inset-inline:12px;display:flex;flex-wrap:wrap;gap:5px;max-inline-size:none}.cue-captions li{font-size:.8rem;padding:.2rem .6rem}.cue-captions li:nth-child(n+5){display:none}}.page>*{animation:page-in .46s var(--ease-out) both}.page>:nth-child(2){animation-delay:50ms}.page>:nth-child(3){animation-delay:.1s}.page>:nth-child(4){animation-delay:.15s}.page>:nth-child(n+5){animation-delay:.19s}@keyframes page-in{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}}.level-opt:active,.seg button:active{transform:scale(.98)}.level-opt{transition:box-shadow .16s var(--ease-out),background-color .16s var(--ease-out),transform .14s var(--ease-out)}@media (prefers-reduced-motion: reduce){.page>*{animation:none}}.onb{position:relative;block-size:100dvh;overflow:hidden;background:var(--stage)}.onb-stage{position:absolute;top:0;right:0;bottom:0;left:0}.onb-stage canvas{display:block}.onb-top{position:absolute;inset:0 0 auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(.8rem + env(safe-area-inset-top,0px)) var(--gutter-r) .8rem var(--gutter-l);background:linear-gradient(to bottom,rgb(10 4 30 / .55),transparent)}.onb-brand{font-family:var(--font-display);font-size:1.2rem}.onb-dots{list-style:none;display:flex;gap:6px;margin:0;padding:0}.onb-dots li{inline-size:22px;block-size:4px;border-radius:4px;background:#ffffff40;transition:background-color .3s var(--ease-out),inline-size .3s var(--ease-out)}.onb-dots li.on{background:var(--c-comfort);inline-size:30px}.onb-card{position:absolute;z-index:2;inset-block-end:calc(1rem + env(safe-area-inset-bottom,0px));inset-inline-start:max(16px,env(safe-area-inset-left,0px));inline-size:min(440px,calc(100% - 32px));display:grid;gap:.8rem;padding:1.4rem 1.4rem 1.3rem;border-radius:var(--r-lg);background:#1c0c40db;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:inset 0 0 0 1px #ffffff1a,0 24px 60px -20px #000000b3;animation:onb-in .52s var(--ease-out) both}@keyframes onb-in{0%{opacity:0;transform:translateY(18px) scale(.98);filter:blur(4px)}}.onb-card>*{animation:page-in .46s var(--ease-out) both}.onb-card>:nth-child(2){animation-delay:60ms}.onb-card>:nth-child(3){animation-delay:.12s}.onb-card>:nth-child(n+4){animation-delay:.18s}.onb-card h1{font-size:clamp(1.8rem,4vw,2.4rem)}.onb-card h2{font-size:clamp(1.45rem,3.2vw,1.85rem)}.onb-card .primary,.onb-card .secondary{justify-self:start}.onb-k{color:var(--c-comfort);font-weight:500;font-size:.92rem}.onb-choices{display:flex;flex-wrap:wrap;gap:.5rem}.onb-opt{border:0;cursor:pointer;padding:.6rem 1.1rem;border-radius:999px;background:#ffffff1a;color:var(--fg);font-weight:500;transition:background-color .2s var(--ease-out),transform .16s var(--ease-out),box-shadow .2s var(--ease-out)}.onb-opt:not(:disabled):hover{background:#ffffff2e}.onb-opt:active{transform:scale(.97)}.onb-opt:disabled{cursor:default;opacity:.55}.onb-opt.truth{opacity:1;background:var(--c-comfort);color:var(--on-accent)}.onb-opt.wrong{opacity:1;background:color-mix(in oklab,var(--c-poor) 35%,transparent);box-shadow:inset 0 0 0 1.5px var(--c-poor);animation:shake .38s var(--ease-out)}@keyframes shake{20%{transform:translate(-4px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.onb-fb{display:grid;gap:.55rem;animation:page-in .42s var(--ease-out) both}.onb-fb strong{font-size:1.1rem}.onb-cues,.onb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.onb-cues li{font-size:.88rem;padding:.25rem .7rem;border-radius:999px;background:#ffffff17}.onb-list{display:grid;gap:.5rem}.onb-list li{display:flex;align-items:center;gap:.55rem}.onb-list .icon{color:var(--c-interest);flex:none}.onb-says{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.onb-says .reply{inline-size:100%}.meters{display:grid;gap:.45rem}.meter{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.6rem;font-size:.9rem;color:var(--fg-2)}.meter i{block-size:8px;border-radius:8px;background:#ffffff1a;overflow:hidden}.meter b{display:block;block-size:100%;border-radius:8px;transition:inline-size .9s var(--ease-out)}.m-interest b{background:var(--c-interest)}.m-comfort b{background:var(--c-comfort)}.m-mood b{background:var(--c-mood)}@media (max-width: 640px){.onb-card{inset-inline:12px;inline-size:auto;padding:1.1rem}}.home{display:grid;gap:2.2rem}.home-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.2rem}.home-hello{color:var(--c-comfort);font-weight:500}.home-head h1{font-size:clamp(2rem,5vw,3.2rem)}.stats{list-style:none;margin:0;padding:0;display:flex;gap:.6rem}.stats li{display:grid;gap:.1rem;min-inline-size:92px;padding:.7rem 1rem;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.stats strong{font-family:var(--font-display);font-weight:400;font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums}.stats span{color:var(--fg-3);font-size:.82rem}.home-next{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:.9rem}.next-card{position:relative;overflow:hidden;border:0;cursor:pointer;text-align:start;color:var(--fg);display:grid;align-content:start;gap:.5rem;padding:1.4rem;border-radius:var(--r-lg);min-block-size:200px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out)}.next-card:not(.small){background:radial-gradient(120% 120% at 100% 0%,color-mix(in oklab,var(--c-interest) 55%,var(--surface)) 0%,var(--surface) 70%)}.next-card:not(.small).chat{background:radial-gradient(120% 120% at 100% 0%,#6b2bd9 0%,var(--surface) 70%)}.next-card strong{font-family:var(--font-display);font-weight:400;font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.15;text-wrap:balance}.next-card.small strong{font-size:1.35rem}.next-k{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:500;color:var(--fg-2)}.next-d{color:var(--fg-2)}.next-go{margin-block-start:auto;justify-self:start;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:999px;background:var(--fg);color:var(--on-accent);font-weight:600}.next-go .icon{transform:scaleX(-1)}.next-card.lesson .next-k{color:var(--c-comfort)}@media (hover: hover) and (pointer: fine){.next-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px var(--c-interest),0 18px 36px -18px #000000b3}}.next-card:active{transform:scale(.985)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-block-end:.9rem}.sec-head h2,.home-history h2{font-size:1.5rem}.link{border:0;background:none;color:var(--c-comfort);cursor:pointer;font-weight:500;padding:.2rem 0}.area-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:.7rem}.area-grid li{display:grid;animation:card-in .42s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}.area-tile{--tint: var(--c-interest);border:0;cursor:pointer;text-align:start;color:var(--fg);display:grid;gap:.25rem;padding:1rem;border-radius:var(--r-md);background:linear-gradient(160deg,color-mix(in oklab,var(--tint) 20%,var(--surface)),var(--surface) 70%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--tint) 30%,var(--line));transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.area-tile .icon{color:var(--tint);margin-block-end:.3rem}.area-tile strong{font-size:1.1rem;font-weight:600}.area-tile>span{color:var(--fg-3);font-size:.85rem}.area-bar{display:block;block-size:4px;border-radius:4px;background:#ffffff14;margin-block-start:.4rem;overflow:hidden}.area-bar b{display:block;block-size:100%;background:var(--tint);border-radius:4px}.area-tile.area-friends{--tint: var(--c-mood)}.area-tile.area-neighbors{--tint: var(--c-comfort)}.area-tile.area-work{--tint: #5aa9ff}.area-tile.area-family{--tint: #ff9a5a}.area-tile.area-strangers{--tint: #c7b8ff}@media (hover: hover) and (pointer: fine){.area-tile:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--tint)}}.area-tile:active{transform:scale(.98)}.home-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:.7rem}.quick{border:0;cursor:pointer;text-align:start;color:var(--fg);display:flex;gap:.9rem;align-items:center;padding:1rem 1.2rem;border-radius:var(--r-md);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .18s var(--ease-out)}.quick:hover{background:var(--surface)}.quick .icon{color:var(--c-mood);flex:none}.quick>span{display:grid}.quick>span>span{color:var(--fg-3);font-size:.9rem}.home-history ul{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.4rem}.home-history button{inline-size:100%;border:0;cursor:pointer;color:var(--fg);text-align:start;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.8rem;padding:.6rem .9rem;border-radius:var(--r-sm);background:var(--surface)}.home-history button:hover{background:var(--surface-2)}.score-pill{display:grid;place-items:center;inline-size:2.6rem;block-size:2.6rem;border-radius:50%;font-weight:600;font-variant-numeric:tabular-nums;color:var(--on-accent)}.score-pill.shi{background:var(--c-comfort)}.score-pill.smid{background:var(--c-mood)}.score-pill.slo{background:var(--c-poor)}.h-meta{color:var(--fg-3);font-size:.85rem}@media (max-width: 820px){.home-next{grid-template-columns:1fr}.next-card{min-block-size:0}.stats{inline-size:100%}.stats li{flex:1;min-inline-size:0}}@media (prefers-reduced-motion: reduce){.onb-card,.onb-card>*,.area-grid li{animation:none}}.read-check{display:grid;gap:.8rem;animation:page-in .38s var(--ease-out) both}.read-q{font-size:1.15rem;font-weight:500}.read-opts{display:flex;flex-wrap:wrap;gap:.45rem}.read-check .link{justify-self:start}.read-fb{display:inline-flex;align-items:center;gap:.4rem;font-size:.92rem;padding:.35rem .8rem;border-radius:999px;justify-self:start;margin-block-end:.6rem;animation:react-pop .42s cubic-bezier(.34,1.56,.64,1) both}.read-fb.ok{background:color-mix(in oklab,var(--c-comfort) 22%,transparent);color:var(--c-comfort)}.read-fb.no{background:color-mix(in oklab,var(--c-poor) 20%,transparent);color:var(--c-poor)}.next-card:not(.small){padding-inline-end:min(46%,300px);min-block-size:280px}.next-stage{position:absolute;inset-block:0;inset-inline-end:0;inline-size:min(44%,290px);pointer-events:none;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 22%);mask-image:linear-gradient(to left,transparent 0,#000 22%)}.next-stage canvas{display:block}@media (max-width: 520px){.next-card:not(.small){padding-inline-end:40%}.next-stage{inline-size:46%}}.player.chat.ig{--wa-bg: #000000;--wa-head: #121212;--wa-them: #262626;--wa-fg: #f5f5f5;--wa-muted: #a8a8a8}.player.chat.ig .bubble{border-radius:22px}.player.chat.ig .bubble.me{background:linear-gradient(135deg,#7638fa,#d300c5 60%,#ff0069);border-end-end-radius:22px}.player.chat.ig .bubble.them{border-end-start-radius:22px}.player.chat.ig .avatar{background:conic-gradient(from 200deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);padding:2px}.player.chat.ig .wa-setting{background:#1c1c1c;color:#f5f5f5;box-shadow:inset 0 0 0 1px #333}body.wm-lock{overflow:hidden}.wm-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0802188c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:flex-start;animation:wm-fade .2s var(--ease-out) both}@keyframes wm-fade{0%{opacity:0}}@keyframes wm-in{0%{transform:translate(28px);opacity:0}}@keyframes wm-up{0%{transform:translateY(10px);opacity:0}}.wm{position:relative;inline-size:min(520px,100%);block-size:100%;background:var(--bg);color:var(--fg);display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 0 0 1px var(--line),-24px 0 64px -12px #080218cc;animation:wm-in .32s var(--ease-out) both;padding-block-start:env(safe-area-inset-top,0px)}.wm-head{display:flex;align-items:center;gap:.7rem;padding-block:.7rem;padding-inline:max(16px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-left,0px));border-block-end:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),var(--bg))}.wm-mark{inline-size:40px;block-size:40px;border-radius:12px;display:grid;place-items:center;color:var(--on-accent);background:conic-gradient(from 210deg,var(--c-interest),var(--c-mood),var(--c-comfort),var(--c-interest));box-shadow:0 6px 18px -6px var(--c-interest)}.wm-title{display:grid;flex:1;min-width:0}.wm-title strong{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.wm-title span{color:var(--fg-3);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wm-new{font-size:.85rem;text-decoration:none}.wm-thread{position:relative;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:.9rem;padding-block:1rem 1.4rem;padding-inline:max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-left,0px))}.wm-bot,.wm-me{animation:wm-up .26s var(--ease-out) both;min-width:0}.wm-bot{align-self:stretch;display:grid;gap:.75rem}.wm-hello p,.wm-text{margin:0;line-height:1.6;background:var(--surface);padding:.8rem 1rem;border-radius:4px var(--r-md) var(--r-md) var(--r-md);box-shadow:inset 0 0 0 1px var(--line);white-space:pre-wrap}.wm-starters{display:flex;flex-wrap:wrap;gap:.45rem}.wm-starters .chip{font-size:.86rem;text-align:start}.wm-me{align-self:flex-start;max-inline-size:86%;display:grid;gap:.4rem;justify-items:start}.wm-me p{margin:0;background:var(--wa-me);color:#fff;padding:.6rem .9rem;border-radius:var(--r-md) 4px var(--r-md) var(--r-md);white-space:pre-wrap}.wm-attach{font-size:.8rem;color:var(--fg-2);display:inline-flex;gap:.3rem;align-items:center;background:var(--surface);padding:.25rem .6rem;border-radius:999px}.wm-draft-q{display:block;font-size:.9rem;color:var(--fg-2);border-inline-start:3px solid var(--c-mood);padding-inline-start:.6rem}.wm-draft-q:before,.wm-draft-q:after{content:""}.wm-thumbs{display:flex;gap:.4rem;flex-wrap:wrap}.wm-thumbs img{inline-size:64px;block-size:96px;object-fit:cover;border-radius:10px;box-shadow:0 0 0 1px var(--line)}.wm-thumbs.pending span{position:relative}.wm-thumbs.pending img{inline-size:52px;block-size:72px}.wm-thumbs.pending button{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;inline-size:22px;block-size:22px;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg)}.wm-err p{margin:0;background:color-mix(in srgb,var(--c-poor) 16%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-poor) 50%,transparent);padding:.8rem 1rem;border-radius:var(--r-md)}.wm-loading{gap:.6rem}.wm-phase{margin:0;color:var(--fg-2);animation:wm-up .3s var(--ease-out) both}.wm-skel{display:grid;gap:.6rem}.wm-skel i{display:block;block-size:84px;border-radius:var(--r-md);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:300% 100%;animation:wm-shimmer 1.4s linear infinite}.wm-skel i:nth-child(2){animation-delay:.12s}.wm-skel i:nth-child(3){animation-delay:.24s}@keyframes wm-shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.wm-read{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;background:var(--surface);border-radius:var(--r-md);padding:.9rem;box-shadow:inset 0 0 0 1px var(--line)}.wm-gauge{--c: var(--c-mood);inline-size:76px;block-size:76px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--surface) 78%,transparent 80% 100%),conic-gradient(var(--c) calc(var(--v) * 1%),var(--surface-2) 0)}.wm-read.hi .wm-gauge{--c: var(--c-comfort)}.wm-read.lo .wm-gauge{--c: var(--c-poor)}.wm-gauge strong{font-family:var(--font-display);font-size:1.5rem;font-weight:400;line-height:1;font-variant-numeric:tabular-nums}.wm-gauge span{font-size:.68rem;color:var(--fg-3);letter-spacing:.02em}.wm-read-body{display:grid;gap:.4rem;min-width:0}.wm-read-body p{margin:0;line-height:1.5}.wm-interest{justify-self:start;font-size:.8rem;font-weight:600;padding:.15rem .6rem;border-radius:999px;color:var(--on-accent);background:var(--c-mood)}.wm-interest.hi{background:var(--c-comfort)}.wm-interest.lo{background:var(--c-poor)}.wm-signals{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.35rem}.wm-signals li{font-size:.8rem;color:var(--fg-2);background:var(--bg-2);padding:.2rem .55rem;border-radius:8px}.wm-wh{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.wm-wh>div{background:var(--surface);border-radius:var(--r-md);padding:.7rem .9rem;box-shadow:inset 0 0 0 1px var(--line)}.wm-wh h4{margin:0 0 .3rem;font-size:.85rem;display:flex;gap:.3rem;align-items:center}.wm-wh .good h4{color:var(--c-comfort)}.wm-wh .bad h4{color:var(--c-poor)}.wm-wh ul{margin:0;padding-inline-start:1.1rem;display:grid;gap:.2rem;font-size:.9rem;line-height:1.45}.wm-warn,.wm-advice{border-radius:var(--r-md);padding:.8rem 1rem;line-height:1.5}.wm-warn{background:color-mix(in srgb,var(--c-poor) 18%,var(--surface));box-shadow:inset 0 0 0 1px var(--c-poor)}.wm-warn strong{color:var(--c-poor);margin-inline-end:.3rem}.wm-advice{background:color-mix(in srgb,var(--c-comfort) 12%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-comfort) 60%,transparent)}.wm-advice strong{color:var(--c-comfort);margin-inline-end:.3rem}.wm-sub{margin:.2rem 0 0;font-size:.9rem;color:var(--fg-2)}.wm-options{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.wm-opt{--tone: var(--c-interest);background:var(--surface);border-radius:var(--r-md);padding:.9rem 1rem;box-shadow:inset 0 0 0 1px var(--line),inset -3px 0 0 0 var(--tone);display:grid;gap:.6rem;animation:wm-up .34s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 90ms)}.wm-opt.s-mysterious{--tone: #9b7bff}.wm-opt.s-warm{--tone: var(--c-mood)}.wm-opt-top{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:space-between}.wm-style{font-size:.8rem;font-weight:600;color:var(--tone);letter-spacing:.02em}.wm-tech{font-size:.75rem;color:var(--fg-3);background:var(--bg-2);padding:.15rem .5rem;border-radius:6px}.wm-msg{margin:0;font-size:1.08rem;line-height:1.5;background:var(--wa-me);color:#fff;padding:.7rem .95rem;border-radius:var(--r-md) 4px var(--r-md) var(--r-md);justify-self:start;max-inline-size:100%;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.wm-opt-actions{display:flex;gap:.8rem;align-items:center}.wm-copy{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;min-block-size:36px;border-radius:999px;background:var(--fg);color:var(--bg);font-weight:600;font-size:.88rem;transition:transform .14s var(--ease-out),background-color .18s var(--ease-out)}.wm-copy:active{transform:scale(.96)}.wm-copy.done{background:var(--c-comfort);color:var(--on-accent)}.wm-opt-actions .link-btn{font-size:.85rem;text-decoration:none}.wm-logic{border-block-start:1px dashed var(--line);padding-block-start:.6rem;display:grid;gap:.4rem}.wm-logic h5{margin:0;font-size:.8rem;color:var(--fg-3);letter-spacing:.03em}.wm-logic p{margin:0;line-height:1.55;font-size:.93rem;color:var(--fg-2)}.wm-logic blockquote{margin:0;font-size:.88rem;color:var(--fg);background:var(--bg-2);border-radius:8px;padding:.4rem .65rem;border-inline-start:3px solid var(--tone)}.wm-logic blockquote span{color:var(--fg-3);margin-inline-end:.25rem}.wm-nextstep strong{color:var(--fg);font-weight:600}.wm-compose{border-block-start:1px solid var(--line);background:var(--bg-2);display:grid;gap:.55rem;padding-block:.7rem max(.7rem,env(safe-area-inset-bottom,0px));padding-inline:max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-left,0px))}.wm-ctx{display:grid;gap:.45rem;animation:wm-up .22s var(--ease-out) both}.wm-chiprow{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.wm-chiprow>span{font-size:.78rem;color:var(--fg-3);min-inline-size:3.5rem}.wm-chiprow .chip{font-size:.82rem;padding:.28rem .7rem}.wm-tools{display:flex;flex-wrap:wrap;gap:.35rem}.wm-tools .chip{font-size:.82rem;white-space:nowrap;flex:none}.wm-input{inline-size:100%;font:inherit;color:var(--fg);background:var(--surface);border:0;border-radius:14px;padding:.6rem .8rem;box-shadow:inset 0 0 0 1px var(--line);resize:none}.wm-input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.wm-chatbox{font-size:.9rem}.wm-row{display:flex;gap:.5rem;align-items:flex-end}.wm-main{flex:1;min-block-size:46px;max-block-size:160px;field-sizing:content}.wm-send{flex:none;inline-size:46px;block-size:46px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--on-accent);transition:transform .14s var(--ease-out),opacity .16s}.wm-send:disabled{opacity:.35}.wm-send:not(:disabled):active{transform:scale(.94)}[dir=rtl] .wm-send svg{transform:scaleX(-1)}.wm-privacy{margin:0;font-size:.74rem;color:var(--fg-3);display:flex;gap:.3rem;align-items:center}@media (max-width: 640px){.wm-scrim{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}.wm{inline-size:100%;box-shadow:none;animation-name:wm-up}}@media (prefers-reduced-motion: reduce){.wm,.wm-scrim,.wm-bot,.wm-me,.wm-opt,.wm-ctx,.wm-phase,.wm-skel i{animation:none}}.wm-entry{position:relative;overflow:hidden;inline-size:100%;display:grid;grid-template-columns:auto 1fr;gap:.6rem 1rem;align-items:center;text-align:start;color:var(--fg);padding:1.2rem 1.3rem;border-radius:var(--r-lg);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--c-interest) 28%,transparent),transparent 60%),linear-gradient(135deg,var(--surface-2),var(--surface));box-shadow:inset 0 0 0 1px var(--line),var(--shadow);transition:transform .18s var(--ease-out)}.wm-entry:active{transform:scale(.99)}.wm-entry-ic{inline-size:56px;block-size:56px;border-radius:16px;display:grid;place-items:center;color:var(--on-accent);background:conic-gradient(from 210deg,var(--c-interest),var(--c-mood),var(--c-comfort),var(--c-interest));box-shadow:0 10px 24px -8px var(--c-interest)}.wm-entry-body{display:grid;gap:.3rem;min-width:0}.wm-entry-body strong{font-family:var(--font-display);font-weight:400;font-size:1.5rem}.wm-entry-demo{grid-column:1 / -1;display:grid;gap:.3rem;justify-items:start}.wm-entry-demo .b{font-style:normal;font-size:.85rem;padding:.35rem .7rem;border-radius:12px;animation:wm-up .4s var(--ease-out) both}.wm-entry-demo .them{justify-self:end;background:var(--wa-them);border-end-end-radius:4px}.wm-entry-demo .me{background:var(--wa-me);color:#fff;border-end-start-radius:4px;animation-delay:.3s}.wm-entry-demo .tip{font-size:.72rem;color:var(--on-accent);background:var(--c-comfort);padding:.15rem .55rem;border-radius:999px;animation-delay:.6s}@media (min-width: 760px){.wm-entry{grid-template-columns:auto 1fr minmax(220px,34%)}.wm-entry-demo{grid-column:auto}}@media (hover: hover) and (pointer: fine){.wm-entry:hover{transform:translateY(-2px)}}.player.chat .wm-open{color:var(--wa-fg)}.app-icon{flex:none;border-radius:24%;filter:drop-shadow(0 4px 10px rgb(255 79 139 / .35))}.onb-brand{display:inline-flex;align-items:center;gap:.5rem}.wm-code{display:flex;gap:.5rem}.wm-code .wm-input{flex:1}