:root{--hue:280;--font:"Nunito", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Bricolage Grotesque", ui-rounded, system-ui, sans-serif;--ease-spring:cubic-bezier(.2, 1.4, .4, 1);--ease-out:cubic-bezier(.2, .8, .2, 1);--bg:#0b0b14;--ink:#f3f1ff;--ink-soft:#f3f1ff9e;--glass:#ffffff0d;--glass-2:#ffffff17;--line:#ffffff1c;--partner-bg:#ffffff14;--great:oklch(85% .16 95);--good:oklch(82% .15 160);--warn:oklch(82% .14 70);--bad:oklch(74% .16 25);--shadow:0 18px 50px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,.stage,.screen,.level,.history-row{--accent:oklch(80% .15 var(--hue));--accent-ink:oklch(20% .05 var(--hue));--accent-soft:oklch(80% .15 var(--hue) / 16%);--you-bg:linear-gradient(135deg, oklch(85% .12 var(--hue)), oklch(77% .15 calc(var(--hue) + 35)));--you-ink:oklch(20% .05 var(--hue));--sheet-bg:oklch(18% .03 var(--hue))}[data-theme=day]{--bg:#f7f1e8;--ink:#1e1b2c;--ink-soft:#1e1b2c9e;--glass:#ffffff73;--glass-2:#ffffffb8;--line:#1e1b2c1a;--partner-bg:#ffffffc7;--great:oklch(58% .14 80);--good:oklch(52% .13 160);--warn:oklch(55% .13 60);--bad:oklch(52% .17 25);--shadow:0 18px 50px #3c281424;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=day],[data-theme=day] .stage,[data-theme=day] .screen,[data-theme=day] .level,[data-theme=day] .history-row{--accent:oklch(54% .17 var(--hue));--accent-ink:#fff;--accent-soft:oklch(60% .15 var(--hue) / 13%);--you-bg:linear-gradient(135deg, oklch(58% .17 var(--hue)), oklch(55% .18 calc(var(--hue) + 35)));--you-ink:#fff;--sheet-bg:#fffaf3}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--bg);color:var(--ink);margin:0}body{font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,a,label,select{touch-action:manipulation}h1,h2,h3{margin:0 0 .4em;line-height:1.2}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:0 0 .75em}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}textarea,select,input{font:inherit;color:inherit;font-size:max(16px,1em)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:.5rem 1rem;position:fixed;top:.5rem;left:-999px}.skip-link:focus{left:.5rem}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.spread{justify-content:space-between}.stack>*+*{margin-top:1rem}.kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 .5rem;font-size:.72rem;font-weight:800}.display{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0 0 .6rem;font-size:clamp(2rem,7vw,3.3rem);font-weight:800;line-height:1.02}.ambient{z-index:0;pointer-events:none;background:radial-gradient(120% 75% at 50% 0%, oklch(24% .07 var(--hue)) 0%, var(--bg) 62%);position:fixed;inset:0;overflow:hidden}[data-theme=day] .ambient{background:radial-gradient(120% 75% at 50% 0%, oklch(94% .04 var(--hue)) 0%, var(--bg) 62%)}.ambient i{filter:blur(90px);opacity:.42;border-radius:50%;width:62vmax;height:62vmax;transition:background 1.2s;animation:26s ease-in-out infinite alternate drift;position:absolute}.ambient i:first-child{background:oklch(58% .2 var(--hue));top:-30vmax;left:-18vmax}.ambient i:nth-child(2){background:oklch(52% .18 calc(var(--hue) + 60));animation-duration:32s;animation-delay:-9s;bottom:-34vmax;right:-22vmax}.ambient i:nth-child(3){background:oklch(50% .16 calc(var(--hue) - 55));opacity:.22;width:38vmax;height:38vmax;animation-duration:40s;animation-delay:-4s;top:35%;left:35%}[data-theme=day] .ambient i{opacity:.3}[data-theme=day] .ambient i:first-child{background:oklch(82% .12 var(--hue))}[data-theme=day] .ambient i:nth-child(2){background:oklch(84% .11 calc(var(--hue) + 60))}[data-theme=day] .ambient i:nth-child(3){background:oklch(86% .1 calc(var(--hue) - 55))}.grain{opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{to{transform:translate(9vmax,7vmax)scale(1.15)}}.stage{height:100dvh;color:var(--ink);isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.hud,.feed-scroll,.dock{z-index:1;position:relative}.hud{z-index:5;padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .25rem max(1rem, env(safe-area-inset-left));grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;display:grid}.hud-center{min-width:0}.hud-actions{justify-self:end;align-items:center;gap:.5rem;display:flex}.boot{z-index:1;font-family:var(--font-display);grid-row:2;place-self:center;margin:0;font-size:2.4rem;font-weight:800;animation:1.6s ease-in-out infinite breathe-text;position:relative}.boot span,.menu-brand span{color:var(--accent)}@keyframes breathe-text{50%{opacity:.4}}.icon-btn{background:var(--glass);border:1px solid var(--line);width:42px;height:42px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .15s,background .2s;display:grid}.icon-btn:hover{background:var(--glass-2)}.icon-btn:active{transform:scale(.9)}.icon-btn[disabled]{opacity:.4;cursor:default}.icon-btn svg,.send svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.presence{min-width:0;color:inherit;font:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:.6rem;padding:.25rem .9rem .25rem .25rem;transition:background .2s;display:flex}button.presence{cursor:pointer}button.presence:hover{background:var(--glass)}.orb{background:radial-gradient(circle at 35% 30%, oklch(92% .07 var(--hue)), oklch(62% .18 var(--hue)));width:42px;height:42px;box-shadow:0 0 0 3px oklch(80% .15 var(--hue) / 18%), 0 0 26px oklch(70% .2 var(--hue) / 45%);border-radius:50%;flex:none;place-items:center;font-size:1.3rem;display:grid}.orb.active{animation:1.4s ease-in-out infinite breathe}@keyframes breathe{50%{box-shadow:0 0 0 7px oklch(80% .15 var(--hue) / 22%), 0 0 42px oklch(70% .2 var(--hue) / 70%);transform:scale(1.06)}}.presence-text{text-align:left;flex-direction:column;min-width:0;line-height:1.2;display:flex}.presence-text strong{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.presence-status{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.streak{color:oklch(86% .15 75);animation:bump .55s var(--ease-spring);background:oklch(72% .18 55/.18);border-radius:999px;align-items:center;gap:.15rem;padding:.3rem .7rem;font-weight:800;display:inline-flex}[data-theme=day] .streak{color:oklch(52% .16 50)}@keyframes bump{0%{transform:scale(1.6)rotate(-6deg)}}.feed-scroll{overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 3.5rem calc(100% - .75rem),#0000);mask-image:linear-gradient(#0000 0,#000 3.5rem calc(100% - .75rem),#0000)}.feed-scroll::-webkit-scrollbar{display:none}.feed{flex-direction:column;justify-content:flex-end;gap:.85rem;max-width:680px;min-height:100%;margin:0 auto;padding:3rem 1rem 1rem;display:flex}.turn{flex-direction:column;gap:.4rem;display:flex}.turn.you{align-items:flex-end}.turn.partner{align-items:flex-start}.turn.demo{opacity:.75}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;max-width:min(85%,34rem);animation:pop-in .4s var(--ease-spring) both;border-radius:22px;padding:.75rem 1.05rem;font-size:1.08rem;line-height:1.45}.bubble.partner{background:var(--partner-bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:0 100%;border-bottom-left-radius:8px;align-self:flex-start}.bubble.you{background:var(--you-bg);color:var(--you-ink);transform-origin:100% 100%;box-shadow:0 8px 28px oklch(70% .18 var(--hue) / 25%);border-bottom-right-radius:8px;align-self:flex-end;font-weight:600;position:relative}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)scale(.9)}}.word{white-space:pre;animation:word-in .4s var(--ease-out) both;animation-delay:calc(min(var(--i), 40) * 38ms + .12s);display:inline-block}@keyframes word-in{0%{opacity:0;filter:blur(5px);transform:translateY(5px)}}.bubble.typing{padding:.95rem 1.1rem}.dots{align-items:center;gap:5px;display:inline-flex}.dots i{opacity:.4;background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{30%{opacity:1;transform:translateY(-5px)}}.narrator{text-align:center;max-width:38ch;color:var(--ink-soft);align-self:center;padding:.25rem 1rem;font-size:.92rem;font-style:italic;animation:.8s both fade-in}.narrator strong{color:var(--ink);font-style:normal}.feed>.narrator:first-child{margin-bottom:.5rem}.stamp-row{flex-direction:column;align-items:flex-end;gap:.3rem;max-width:85%;display:flex}.stamp{background:color-mix(in oklab, currentColor 13%, transparent);font:inherit;cursor:pointer;transform-origin:100%;animation:stamp .55s var(--ease-spring) both;border:1.5px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .55rem .3rem .75rem;font-size:.85rem;font-weight:800;display:inline-flex;position:relative}.stamp.great{color:var(--great)}.stamp.good{color:var(--good)}.stamp.tweak{color:var(--warn)}.stamp.fix{color:var(--bad)}.stamp-more{opacity:.7;font-size:.72rem;font-weight:700}.stamp:hover .stamp-more{opacity:1}.stamp.great:before,.stamp.good:before{content:"";border-radius:inherit;animation:ring .9s .25s var(--ease-out) both;pointer-events:none;border:2px solid;position:absolute;inset:-2px}@keyframes stamp{0%{opacity:0;transform:scale(1.9)rotate(-10deg)}55%{opacity:1}}@keyframes ring{0%{opacity:.9}to{opacity:0;transform:scale(1.5,1.9)}}.fixline{color:var(--ink-soft);text-align:right;margin:0;font-size:.92rem;animation:.6s .3s both fade-in}.ask-notes{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.2rem .4rem;font-size:.82rem;font-weight:800}.ask-notes:hover{color:var(--accent)}.ask-notes[disabled]{opacity:.6;cursor:default}.ask-notes.center{align-self:center}.dock{padding:.5rem max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left))}.dock>*{max-width:680px;margin-inline:auto}.dock-stack{flex-direction:column;gap:.6rem;display:flex}.dock-actions{animation:rise .5s var(--ease-out) both;flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.composer-wrap{animation:rise .5s var(--ease-out) both;flex-direction:column;gap:.5rem;margin-block:0;display:flex}.composer{background:var(--glass-2);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);box-shadow:var(--shadow);border-radius:28px;align-items:flex-end;gap:.5rem;padding:.4rem .4rem .4rem 1.15rem;transition:border-color .2s,box-shadow .2s;display:flex}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow)}.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-width:0;max-height:168px;padding:.65rem 0;font-size:1.05rem;line-height:1.4}.composer textarea::placeholder{color:var(--ink-soft)}.composer-count{color:var(--ink-soft);align-self:center;font-size:.75rem;font-weight:700}.send{background:var(--accent);width:46px;height:46px;color:var(--accent-ink);cursor:pointer;transition:transform .2s var(--ease-spring), opacity .2s;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.send svg{stroke-width:2.6px}.send:disabled{opacity:.3;cursor:default;transform:scale(.9)}.send:not(:disabled):hover{transform:scale(1.06)}.send:not(:disabled):active{transform:scale(.9)}.send .spinner{border-color:color-mix(in oklab, var(--accent-ink) 25%, transparent);border-top-color:var(--accent-ink)}.chips-rail{scrollbar-width:none;gap:.4rem;padding:.1rem .25rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.chips-rail::-webkit-scrollbar{display:none}.phrase-chip{border:1.5px dashed var(--accent);background:var(--accent-soft);color:var(--accent);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:.35rem .85rem;font-size:.85rem;font-weight:800;transition:transform .15s}.phrase-chip:active{transform:scale(.94)}.whisper-select{color:var(--ink-soft);justify-content:center;align-items:center;gap:.35rem;margin:0;font-size:.85rem;font-weight:700;display:flex}.whisper-select select{border:0;border-bottom:1.5px dashed var(--accent);width:auto;color:var(--accent);cursor:pointer;background:0 0;border-radius:0;padding:0 .15rem;font-size:.85rem;font-weight:800}select option{color:#1e1b2c;background:#fff}.btn{background:var(--accent);min-height:44px;color:var(--accent-ink);font:inherit;cursor:pointer;transition:transform .2s var(--ease-spring), filter .2s, background .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.95)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.big{box-shadow:0 10px 34px oklch(70% .2 var(--hue) / 35%);padding:.8rem 1.6rem;font-size:1.05rem}.btn.secondary{background:var(--glass-2);color:var(--ink);border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn.ghost{color:var(--accent);background:0 0}.btn.small{min-height:34px;padding:.3rem .8rem;font-size:.85rem}.chip{background:var(--glass-2);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.12rem .55rem;font-size:.75rem;font-weight:800;display:inline-block}.chip.good{color:var(--good);background:color-mix(in oklab, var(--good) 15%, transparent);border-color:#0000}.chip.warn{color:var(--warn);background:color-mix(in oklab, var(--warn) 15%, transparent);border-color:#0000}.chip.bad{color:var(--bad);background:color-mix(in oklab, var(--bad) 15%, transparent);border-color:#0000}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.menu{justify-self:start;position:relative}.menu-panel{z-index:30;background:var(--sheet-bg);border:1px solid var(--line);width:min(19rem,100vw - 2rem);max-height:calc(100dvh - 5rem);box-shadow:var(--shadow);transform-origin:0 0;animation:menu-in .28s var(--ease-spring) both;border-radius:22px;flex-direction:column;gap:.1rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .6rem);left:0;overflow-y:auto}@keyframes menu-in{0%{opacity:0;transform:scale(.88)translateY(-6px)}}.menu-group+.menu-group{border-top:1px solid var(--line);margin-top:.35rem;padding-top:.35rem}.menu-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:.35rem .75rem .15rem;font-size:.68rem;font-weight:800}.menu-brand{font-family:var(--font-display);color:var(--ink);padding:.4rem .75rem .5rem;font-size:1.35rem;font-weight:800;text-decoration:none}.menu-item{color:var(--ink);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:.75rem;padding:.6rem .75rem;text-decoration:none;display:flex}.menu-item:hover,.menu-item[aria-current=page]{background:var(--glass-2)}.menu-item small{color:var(--ink-soft);font-size:.78rem;display:block}.menu-emoji{text-align:center;width:1.8rem;font-size:1.3rem}.intro{z-index:20;cursor:pointer;background:color-mix(in oklab, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);place-items:center;padding:2rem;animation:.4s both fade-in;display:grid;position:fixed;inset:0}.intro-card{text-align:center;max-width:30rem}.intro-card>*{animation:rise .8s var(--ease-out) both}.intro-card>:nth-child(2){animation-delay:.1s}.intro-card>:nth-child(3){animation-delay:.18s}.intro-card>:nth-child(4){animation-delay:.3s}.intro-card>:nth-child(5){animation-delay:.9s}.intro-emoji{margin-bottom:1rem;font-size:4.2rem;line-height:1;display:inline-block;animation:drop .9s var(--ease-spring) both!important}.intro-text{color:var(--ink-soft);font-size:1.12rem}.intro-skip{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:2rem;font-size:.78rem;font-weight:700}.intro-timer{background:var(--accent);transform-origin:0;width:100%;height:3px;animation:linear both timer;position:absolute;bottom:0;left:0}@keyframes drop{0%{opacity:0;transform:translateY(-60px)scale(.6)rotate(-15deg)}}@keyframes timer{0%{transform:scaleX(0)}}.sheet{background:var(--sheet-bg);width:100%;max-width:680px;max-height:88dvh;color:var(--ink);overscroll-behavior:contain;border:0;border-radius:28px 28px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -20px 60px #00000059}.sheet[open]{animation:sheet-up .5s var(--ease-out) both}.sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05050c80}.sheet-body{padding:.6rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));position:relative}.sheet-grip{background:var(--line);border-radius:3px;width:44px;height:5px;margin:0 auto .75rem}.sheet-close{width:36px;height:36px;position:absolute;top:.9rem;right:1rem}.sheet-quote{font-family:var(--font-display);margin:.4rem 3rem 1rem 0;font-size:1.25rem;font-weight:600;line-height:1.25}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-in{0%{transform:translate(100%)}}@media (width>=900px){.sheet{border-radius:28px 0 0 28px;width:min(640px,46vw);max-width:none;height:100dvh;max-height:none;margin:0;inset:0 0 0 auto;box-shadow:-20px 0 60px #00000059}.sheet[open]{animation:sheet-in .45s var(--ease-out) both}.sheet::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#05050c47}.sheet-body{padding:1.4rem 1.5rem calc(2rem + env(safe-area-inset-bottom))}.sheet-grip{display:none}.sheet-close{top:1.2rem;right:1.2rem}}.card{background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:1rem 1.1rem}.card.soft{text-align:center}.sheet .card{background:0 0;border:0;padding:0}.feedback{gap:1rem;display:grid}.feedback .summary{font-size:1.08rem;font-weight:600}.dims{gap:.6rem;margin:0;display:grid}.dim{background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:0 .9rem}.dim summary{color:var(--ink);cursor:pointer;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.7rem 0;list-style:none;display:flex}.dim summary::-webkit-details-marker{display:none}.dim-title{margin-right:.1rem;font-weight:800}.dim-chevron{border:solid var(--ink-soft);width:.55rem;height:.55rem;transition:transform .2s var(--ease-out);border-width:0 2px 2px 0;margin-left:auto;transform:rotate(45deg)translate(-2px,-2px)}.dim[open] .dim-chevron{transform:rotate(-135deg)translate(-2px,-2px)}.dim-body{color:var(--ink-soft);padding:0 0 .8rem}.issue{border-left:3px solid var(--warn);color:var(--ink);margin-top:.5rem;padding-left:.7rem}.alt{border:1px solid var(--line);background:var(--glass);border-radius:16px;padding:.75rem .9rem}.alt q,.quote{quotes:"“" "”";font-size:1.05rem;font-weight:700}.callout{background:var(--accent-soft);border-radius:16px;padding:.75rem .9rem}.callout.warn{background:color-mix(in oklab, var(--warn) 15%, transparent)}details>summary{cursor:pointer;color:var(--accent);padding:.3rem 0;font-weight:800}.phrase-row{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.65rem 0;display:flex}.phrase-row:first-of-type{border-top:0}.notice{text-align:center;background:color-mix(in oklab, var(--bad) 13%, transparent);border:1px solid color-mix(in oklab, var(--bad) 35%, transparent);border-radius:16px;align-self:center;max-width:30rem;padding:.75rem 1rem;animation:.45s both shake}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.results{z-index:15;background:color-mix(in oklab, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:.4s both fade-in;position:fixed;inset:0;overflow-y:auto}.results-inner{max-width:640px;padding:max(3.5rem, calc(env(safe-area-inset-top) + 2.5rem)) 1.25rem calc(3rem + env(safe-area-inset-bottom));margin:0 auto;position:relative}.results-inner>.kicker,.results-inner>.display{animation:rise .7s var(--ease-out) both}.results-close{top:max(1rem, env(safe-area-inset-top));position:absolute;right:1rem}.tally{flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1.4rem;display:flex}.tally span{background:var(--glass-2);border:1px solid var(--line);animation:pop-in .5s var(--ease-spring) both;border-radius:999px;padding:.35rem .85rem;font-weight:700}.tally span:nth-child(2){animation-delay:80ms}.tally span:nth-child(3){animation-delay:.16s}.tally span:nth-child(4){animation-delay:.24s}.tally span:nth-child(5){animation-delay:.32s}.tally b{font-family:var(--font-display)}.results-loading{color:var(--accent);place-items:center;padding:3rem 0;display:grid}.results-loading .dots i{width:12px;height:12px}.results-body{animation:rise .6s var(--ease-out) both;gap:1rem;display:grid}.overview{font-size:1.15rem}.results-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;display:flex}.panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:1rem 1.1rem}.panel h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.08rem}.panel.good{border-color:color-mix(in oklab, var(--good) 40%, transparent)}.panel.accent{background:var(--accent-soft);border-color:#0000}.panel ul{margin:0;padding-left:1.2rem}.replay{border-top:1px solid var(--line);padding:.65rem 0}.replay:first-of-type{border-top:0}.replay-you{color:var(--ink-soft);font-size:.9rem}.replay-try{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.deck{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.1rem;padding:1rem 0;display:flex}.move-card{text-align:center;background:var(--glass-2);border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(100%,27rem);box-shadow:var(--shadow);animation:deal .6s var(--ease-spring) both;border-radius:28px;flex-direction:column;align-items:center;gap:.7rem;padding:1.7rem 1.4rem 1.4rem;display:flex}@keyframes deal{0%{opacity:0;transform:translate(48px)rotate(7deg)scale(.94)}}.move-card>*{margin:0}.move-phrase{font-size:clamp(1.8rem,6.5vw,2.6rem)}.move-say{letter-spacing:.04em;color:var(--accent);font-size:.9rem;font-weight:700}.move-tip{color:var(--ink-soft);font-size:.88rem}.move-tip summary{cursor:pointer;list-style:none}.move-tip summary::-webkit-details-marker{display:none}.move-tip p{margin-top:.3rem}.move-example{color:var(--ink-soft);font-size:1.05rem}.move-card .btn.big{margin-top:.6rem}.move-card .btn.small{box-shadow:none;opacity:.75;background:0 0;border:none}.pips{gap:.4rem;display:flex}.pips i{background:var(--line);width:8px;height:8px;transition:width .35s var(--ease-spring), background .3s;border-radius:4px}.pips i.on{background:var(--accent);width:22px}.screen{min-height:100dvh;color:var(--ink);isolation:isolate;position:relative}.screen-inner{z-index:1;max-width:760px;padding:max(3.5rem, calc(env(safe-area-inset-top) + 2.5rem)) max(1.25rem, env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));flex-direction:column;gap:1rem;margin:0 auto;display:flex;position:relative}.screen-inner>.kicker,.screen-inner>.display{animation:rise .6s var(--ease-out) both}.screen-inner>.display{margin-bottom:.25rem}.screen-close{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:2;position:fixed}.screen-menu{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));z-index:2;position:fixed}.section-title{font-family:var(--font-display);margin:1.5rem 0 0;font-size:1.25rem}.stats{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.stats div{background:var(--glass);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:.2rem;padding:.9rem;display:flex}.stats b{font-family:var(--font-display);font-size:2rem;line-height:1}.stats span{color:var(--ink-soft);font-size:.8rem}.bar{background:var(--glass-2);border-radius:999px;height:8px;margin:.35rem 0;overflow:hidden}.bar>i{border-radius:inherit;background:var(--accent);height:100%;display:block}.levels{grid-template-columns:repeat(auto-fill,minmax(min(200px,44%),1fr));gap:.8rem;display:grid}.level{color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:linear-gradient(160deg, oklch(60% .17 var(--hue) / 30%), var(--glass) 65%);border:1px solid var(--line);transition:transform .3s var(--ease-spring), border-color .2s;animation:rise .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms);border-radius:22px;flex-direction:column;gap:.2rem;padding:1.1rem 1.15rem 1.2rem;text-decoration:none;display:flex;position:relative;overflow:hidden}[data-theme=day] .level{background:linear-gradient(160deg, oklch(86% .1 var(--hue) / 70%), var(--glass) 65%)}.level:hover{border-color:var(--accent);transform:translateY(-2px)rotate(-.25deg)}.level:active{transform:scale(.97)}.level-emoji{transition:transform .35s var(--ease-spring);margin-bottom:.55rem;font-size:2.3rem;line-height:1}.level:hover .level-emoji{transform:scale(1.07)rotate(-3deg)}.level-meta{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:800}.level-meta em{font-style:normal}.level strong{font-family:var(--font-display);font-size:1.2rem;line-height:1.15}.level-blurb{color:var(--ink-soft);font-size:.9rem}.more-lessons ul{padding-left:1.2rem}.more-lessons li{margin:.35rem 0}.segmented{border:0;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;display:flex}.segmented legend{margin-bottom:.5rem;padding:0;font-weight:800}.panel>.segmented+.segmented,.panel>.toggle+.segmented,.panel>.segmented+.toggle{margin-top:1.4rem}.hint{color:var(--ink-soft);font-size:.85rem;font-weight:500;display:block}.segmented label{margin:0}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented label>span{border:1px solid var(--line);background:var(--glass);cursor:pointer;transition:background .2s, color .2s, transform .2s var(--ease-spring);border-radius:999px;padding:.5rem .95rem;font-weight:600;display:inline-block}.segmented label>span:active{transform:scale(.95)}.segmented input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:800}.segmented input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;margin:0;display:flex;position:relative}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle i{background:var(--line);border-radius:999px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.toggle i:after{content:"";width:24px;height:24px;transition:transform .3s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{transform:translate(20px)}.toggle input:focus-visible+i{outline:3px solid var(--accent);outline-offset:2px}.writing-inner{z-index:1;padding:2rem 1.25rem calc(3rem + env(safe-area-inset-bottom));text-align:center;flex-direction:column;grid-row:2/-1;justify-content:center;align-items:center;gap:.9rem;display:flex;position:relative}.writing-inner .display{animation:rise .6s var(--ease-out) both;margin:0}.writing-inner .notice{max-width:26rem}.writing-orb{background:radial-gradient(circle at 35% 30%, oklch(85% .14 var(--hue) / 55%), oklch(55% .18 var(--hue) / 20%) 70%);width:7rem;height:7rem;box-shadow:0 0 0 1px var(--line), 0 0 60px oklch(70% .2 var(--hue) / 35%);animation:orb 2.4s var(--ease-out) infinite;border-radius:50%;place-items:center;margin-bottom:.6rem;font-size:3.2rem;display:grid}.writing-orb.stalled{filter:grayscale(.6);opacity:.8;animation:none}@keyframes orb{0%,to{box-shadow:0 0 0 1px var(--line), 0 0 40px oklch(70% .2 var(--hue) / 25%);transform:scale(1)rotate(-4deg)}50%{box-shadow:0 0 0 10px oklch(80% .15 var(--hue) / 8%), 0 0 90px oklch(70% .2 var(--hue) / 45%);transform:scale(1.08)rotate(4deg)}}.writing-line{min-height:1.5em;color:var(--ink-soft);animation:word-in .5s var(--ease-out) both;margin:0;font-weight:700}.writing-skip{opacity:0;margin-top:2rem;animation:.6s 6s both fade-in}.level-list{flex-direction:column;gap:.6rem;margin:1rem 0 1.5rem;display:flex}.level-row{font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:var(--glass);border:1px solid var(--line);transition:transform .2s var(--ease-spring), border-color .2s;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;column-gap:.9rem;padding:.9rem 1.1rem;display:grid}.level-row-emoji{grid-row:span 2;font-size:1.8rem;line-height:1}.level-row strong{font-family:var(--font-display);font-size:1.15rem}.level-row span{color:var(--ink-soft);font-size:.9rem}.level-row:hover,.level-row[aria-current=true]{border-color:var(--accent)}.level-row:active{transform:scale(.98)}.writing-fallback{flex-direction:column;align-items:center;gap:.5rem;display:flex}.resend{animation:rise .4s var(--ease-out) both;justify-content:flex-end;display:flex}.remix-round{flex-direction:column;gap:.7rem;display:flex}.remix-card{text-align:center;background:linear-gradient(160deg, oklch(60% .17 var(--hue) / 30%), var(--glass) 70%);border:1px solid var(--line);animation:pop-in .5s var(--ease-spring) both;border-radius:26px;flex-direction:column;align-items:center;gap:.6rem;padding:1.3rem 1.2rem 1.4rem;display:flex}[data-theme=day] .remix-card{background:linear-gradient(160deg, oklch(86% .1 var(--hue) / 70%), var(--glass) 70%)}.remix-card .kicker{margin:0}.remix-phrase{margin:0;font-size:clamp(1.4rem,5vw,2rem);line-height:1.2}.remix-banned{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0;display:flex}.ban{color:var(--bad);background:color-mix(in oklab, var(--bad) 14%, transparent);border:1px dashed color-mix(in oklab, var(--bad) 55%, transparent);border-radius:999px;padding:.18rem .7rem;font-size:.9rem;font-weight:800;text-decoration-thickness:2px}.hint-btn{padding:.35rem .8rem;font-size:.85rem}.remix-hints{text-align:left;background:color-mix(in oklab, var(--accent) 10%, transparent);border:1px dashed color-mix(in oklab, var(--accent) 45%, transparent);animation:rise .35s var(--ease-out) both;border-radius:16px;flex-direction:column;align-self:stretch;gap:.4rem;padding:.7rem .9rem;display:flex}.remix-hints ul{flex-direction:column;gap:.2rem;margin:0;padding-left:1.1rem;display:flex}.hint-clues{flex-wrap:wrap;gap:.5rem;margin:0;display:flex}.hint-clues code{letter-spacing:.12em;font-size:1.05rem;font-weight:800}.remix-twist{color:var(--accent);margin:0;font-weight:800}.oops{color:var(--bad);background:color-mix(in oklab, var(--bad) 14%, transparent);border-radius:999px;align-self:center;margin:0;padding:.5rem 1rem;font-weight:800;animation:.45s both shake}.remix-verdict{background:var(--glass);border:1px solid var(--line);animation:rise .45s var(--ease-out) both;border-radius:20px;flex-direction:column;align-self:stretch;gap:.45rem;padding:.9rem 1rem;display:flex}.remix-verdict p{margin:0}.remix-verdict.stars-3{border-color:var(--accent);box-shadow:0 0 40px oklch(75% .17 var(--hue) / 22%)}.remix-verdict.stars-0{border-color:color-mix(in oklab, var(--bad) 45%, transparent)}.remix-verdict-head{align-items:center;gap:.6rem;display:flex}.remix-upgrades{flex-direction:column;gap:.4rem;margin-top:.2rem;display:flex}.stars{gap:.1rem;font-size:1.35rem;line-height:1;display:inline-flex}.stars i{color:var(--line);font-style:normal}.stars i.on{color:oklch(84% .16 85);animation:stamp .5s var(--ease-spring) both}.star-total{background:var(--glass);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .7rem;font-weight:700;display:inline-flex}.star-total b{font-family:var(--font-display)}.fresh-levels .level.fresh{border-color:oklch(80% .15 var(--hue) / 40%)}.history{flex-direction:column;gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.history-row{background:linear-gradient(100deg, oklch(60% .17 var(--hue) / 22%), var(--glass) 45%);border:1px solid var(--line);transition:border-color .2s, transform .3s var(--ease-spring);animation:rise .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 35ms);border-radius:20px;align-items:center;gap:.4rem;padding-right:.6rem;display:flex;position:relative}[data-theme=day] .history-row{background:linear-gradient(100deg, oklch(86% .1 var(--hue) / 60%), var(--glass) 45%)}.history-row:hover{border-color:var(--accent);transform:translate(3px)}.history-link{min-width:0;color:var(--ink);flex:1;align-items:center;gap:.9rem;padding:.85rem 0 .85rem 1rem;text-decoration:none;display:flex}.history-emoji{flex:none;font-size:1.9rem;line-height:1}.history-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.history-meta{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:800}.history-text strong{font-family:var(--font-display);font-size:1.08rem;line-height:1.2}.history-snippet{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.history-delete{opacity:.55;flex:none}.history-row:hover .history-delete,.history-delete:focus-visible{opacity:1}.history-confirm{animation:pop-in .25s var(--ease-spring) both;flex:none;gap:.2rem;display:flex}.btn.danger{background:var(--bad);color:#fff;border-color:#0000}.history-empty{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@media (width>=720px){.bubble{font-size:1.12rem}.feed{gap:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.phrase-row .btn{white-space:nowrap;flex:none}.bubble.you{--err:oklch(42% .24 25)}[data-theme=day] .bubble.you{--err:oklch(93% .09 25)}.err{cursor:help;-webkit-text-decoration:underline wavy var(--err);text-decoration:underline wavy var(--err);text-underline-offset:3px;outline-offset:2px;background:#ffffff61;border-radius:4px;text-decoration-thickness:2px}[data-theme=day] .err{background:#00000024}.err-tip{z-index:6;text-align:left;white-space:normal;width:max-content;max-width:min(18rem,78vw);color:var(--ink);background:var(--sheet-bg);border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;padding:.6rem .8rem;font-size:.88rem;font-weight:600;line-height:1.4;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 14px 40px #0006}.err:hover .err-tip,.err:focus .err-tip{opacity:1;visibility:visible;transform:none}.err-fix{margin-bottom:.25rem;font-weight:800;display:block}.err-fix s{color:var(--bad)}.err-fix b{color:var(--good)}.filters{animation:rise .5s var(--ease-out) both;flex-wrap:wrap;gap:.45rem;margin-top:.25rem;display:flex}.filter{min-height:38px;font:inherit;color:var(--ink-soft);background:var(--glass);border:1px solid var(--line);cursor:pointer;transition:transform .2s var(--ease-spring), background .2s, color .2s;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .95rem;font-size:.92rem;font-weight:800;display:inline-flex}.filter b{font-family:var(--font-display);opacity:.75}.filter:hover{background:var(--glass-2)}.filter:active{transform:scale(.95)}.filter[aria-pressed=true]{color:var(--accent-ink);background:var(--accent);border-color:#0000}.example-chat{background:var(--glass);border:1px solid var(--line);border-radius:16px;align-self:stretch;padding:0 .9rem}.example-chat summary{padding:.65rem 0}.example-chat-body{flex-direction:column;gap:.6rem;padding:.2rem 0 .9rem;display:flex}.account{align-items:center;gap:.8rem;display:flex}.account-avatar{background:var(--accent-soft);width:2.6rem;height:2.6rem;color:var(--accent);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;font-weight:800;display:grid;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-who{flex:1;min-width:0}.account-who strong,.account-who small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-who small{color:var(--ink-soft);font-size:.82rem}