.device{isolation:isolate;background:var(--ink);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:clip}@media (min-width:500px){body:has(>.device){place-items:center;padding-block:24px;display:grid}.device{border-radius:44px;width:390px;height:min(844px,100dvh - 48px);box-shadow:0 0 0 10px #0b0910,0 0 0 11px #3a3444,0 30px 80px #0009}}.scene{z-index:-1;position:absolute;inset:0}.backdrop{object-fit:cover}.sprite{z-index:-1;aspect-ratio:2/3;height:96%;animation:3.6s ease-in-out infinite idle;position:absolute;top:4%;left:50%;translate:-50%}.pose{opacity:0}.pose.is-active{opacity:1;animation:.38s cubic-bezier(.34,1.56,.64,1) pose-hop}@keyframes idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pose-hop{0%{transform:translateY(12px)scale(.97)}to{transform:none}}.sprite img{object-fit:contain;object-position:top center}.topbar{padding:calc(env(safe-area-inset-top) + 18px) 16px 0;justify-content:space-between;align-items:center;gap:12px;display:flex}.situation{border:2.5px solid var(--ink);background:var(--paper-solid);min-width:0;color:var(--ink);box-shadow:2px 2px 0 var(--ink);text-wrap:balance;border-radius:9px;margin:0;padding:5px 12px 6px;font-size:.8125rem;font-weight:700;line-height:1.25;animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in;rotate:-2deg}@media (prefers-reduced-motion:reduce){.situation{animation:none}}.dialogue{background:var(--paper);-webkit-backdrop-filter:blur(10px);border-top:3px solid var(--ink);border-radius:22px 22px 0 0;flex-direction:column;height:58%;margin-top:auto;display:flex;position:relative}.nameplate{z-index:1;background:var(--pink);color:var(--white);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);letter-spacing:.03em;border-radius:10px;margin:0;padding:3px 16px 5px;font-size:1.0625rem;font-weight:700;position:absolute;top:0;left:16px;translate:0 -62%;rotate:-3deg}.log-scroll{overscroll-behavior:contain;flex-direction:column-reverse;flex:1;min-height:0;padding:30px 14px 26px;display:flex;overflow-y:auto}.log-scroll,.preview-scroll,.sheet-body,.picker-scroll,.account-scroll{-webkit-mask-image:linear-gradient(#0000,#000 26px calc(100% - 26px),#0000);mask-image:linear-gradient(#0000,#000 26px calc(100% - 26px),#0000)}.log{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.line{border:2px solid var(--ink);max-width:86%;box-shadow:3px 3px 0 var(--ink);border-radius:16px;padding:7px 13px 8px;position:relative}.line p,.suggestion p{margin:0}.line--character{background:var(--white);border-bottom-left-radius:4px;align-self:flex-start}.line--you{background:var(--yellow);border-bottom-right-radius:4px;align-self:flex-end}:is(.line,.suggestion) .line-transliteration{color:var(--muted);margin-top:2px;font-size:.8125rem;line-height:1.4}:is(.line,.suggestion) .line-translation{color:var(--faint);border-top:1px dashed #1b162240;margin-top:4px;padding-top:4px;font-size:.8125rem;line-height:1.4}.line .line-dev{background:var(--ink);width:fit-content;color:var(--white);border-radius:6px;gap:6px;margin-top:8px;padding:2px 8px 3px;font:600 .75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;animation:.2s ease-out both fade-down;display:flex}.line-dev span{color:var(--cyan)}@media (prefers-reduced-motion:reduce){.line .line-dev{animation:none}}.line--typing{gap:5px;padding:14px 16px;display:flex}.line--typing span{background:var(--muted);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite typing}.line--typing span:nth-child(2){animation-delay:.15s}.line--typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;translate:0}30%{opacity:1;translate:0 -3px}}@media (prefers-reduced-motion:reduce){.line--typing span{opacity:.6;animation:none}}.log-note{color:var(--muted);align-self:center;align-items:center;gap:8px;font-size:.875rem;display:flex}.log-note :is(button,a){border:2px solid var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);color:var(--ink);cursor:pointer;border-radius:999px;padding:2px 12px 3px;font-weight:700;text-decoration:none}.fair-use{border:2px solid var(--ink);background:var(--white);max-width:86%;box-shadow:3px 3px 0 var(--ink);transform-origin:0 100%;border-radius:18px 18px 18px 4px;align-self:flex-start;gap:6px;padding:12px 16px 13px;animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in;display:grid}.fair-use--panel{border-radius:14px;align-self:stretch;max-width:none;margin-top:12px}.fair-use p{margin:0}.fair-use-says b{margin-right:4px}.fair-use-facts{color:var(--muted);font-size:.8125rem;line-height:1.45}.fair-use-facts a,.upgrade-fine a,.welcome-terms a{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-underline-offset:2px;transition:color .12s}@media (hover:hover) and (pointer:fine){.fair-use-facts a:hover,.upgrade-fine a:hover,.welcome-terms a:hover{color:var(--pink)}}.fair-use-facts a:active,.upgrade-fine a:active,.welcome-terms a:active{color:var(--pink)}.fair-use-facts a:focus-visible,.upgrade-fine a:focus-visible,.welcome-terms a:focus-visible{color:var(--pink);outline:none;text-decoration-thickness:2.5px}@media (prefers-reduced-motion:reduce){.fair-use{animation:none}.fair-use-facts a,.upgrade-fine a,.welcome-terms a{transition:none}}.composer{padding:10px 14px calc(env(safe-area-inset-bottom) + 12px);border-top:2px dashed #1b162226;align-items:center;gap:10px;display:flex}.composer-input{border:2px solid var(--ink);background:var(--white);min-width:0;height:48px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);font:inherit;border-radius:999px;flex:1;padding:0 18px;font-size:1rem}.composer-input::placeholder{color:var(--faint)}.composer-input:focus-visible{box-shadow:3px 3px 0 var(--pink);outline:none}.send{border:3px solid var(--ink);background:var(--pink);width:48px;height:48px;color:var(--white);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.send:disabled{box-shadow:2px 2px 0 var(--ink);cursor:default;background:#d8d0c4}.round-button{background:var(--ink);width:40px;height:40px;color:var(--white);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.aid-fan{border:2px solid var(--ink);background:var(--paper-solid);width:24px;height:24px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;left:-11px}.aid-fan:after{content:"";border-radius:50%;position:absolute;inset:-10px}.aid-fan[aria-expanded=true]{background:var(--yellow);box-shadow:none;translate:2px 2px}.aid-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.aid-chips[hidden]{display:none}.aid-badge{border:2px solid var(--ink);background:var(--paper-solid);width:36px;height:36px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:700;line-height:1;display:grid}.aid-chip{box-shadow:2px 2px 0 var(--ink);cursor:pointer}.aid-chip[aria-pressed=true]{background:var(--yellow);box-shadow:none;translate:2px 2px}.aid-icon ruby{font-size:.9375rem;line-height:1}.aid-icon rt{font-size:.5em}:is(.line,.suggestion) .line-text--ruby{line-height:1.6}.suggestion{border:2px dashed var(--ink);background:#ffe06659;border-radius:16px 16px 4px;align-self:flex-end;max-width:86%;margin-top:4px;padding:11px 13px 8px;position:relative}.log-tag{background:var(--ink);color:var(--white);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:6px;padding:1px 7px 2px;font-size:.6875rem;font-weight:700;line-height:1.3;position:absolute;top:0;left:12px;translate:0 -58%;rotate:-2deg}.correction .log-tag{background:var(--pink);box-shadow:0 0 0 2px var(--ink)}.sheet-backdrop{z-index:10;background:#15121b73;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{width:100%;padding:18px 18px calc(env(safe-area-inset-bottom) + 6px);border-top:3px solid var(--ink);background:var(--paper-solid);border-radius:22px 22px 0 0;animation:.22s ease-out sheet-up}@keyframes sheet-up{0%{translate:0 100%}to{translate:0}}.sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-head h2{margin:0;font-size:1.25rem}.sheet-done{border:2px solid var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:999px;padding:6px 16px 7px;font-weight:700}.sheet-note{color:var(--muted);margin:10px 0 6px;font-size:.875rem;line-height:1.5}.switches{margin:0;padding:0;list-style:none}.sheet-dev-link{margin:2px 0 0}.sheet-section{border-top:2px solid var(--ink);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:10px 0 0;padding-top:14px;font-size:.6875rem;font-weight:700}.switches li+li{border-top:2px dashed #1b162226}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.switch-text{flex-direction:column;flex:1;display:flex}.switch-text span{color:var(--muted);font-size:.8125rem}.switch input{border:2px solid var(--ink);appearance:none;cursor:pointer;background:#e2dacd;border-radius:999px;flex:none;width:52px;height:30px;margin:0;transition:background .15s;position:relative}.switch input:before{content:"";border:2px solid var(--ink);background:var(--white);border-radius:50%;width:22px;height:22px;transition:translate .15s,width .15s;position:absolute;top:2px;left:2px}.switch input:checked{background:var(--pink)}.switch input:checked:before{translate:22px}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}@keyframes fade-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dim-in{0%{background-color:#15121b00}}@keyframes dim-out{to{background-color:#15121b00}}@keyframes sheet-down{0%{translate:0}to{translate:0 100%}}.line,.suggestion,.log-note{animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in}.line--character{transform-origin:0 100%}.line--you,.suggestion{transform-origin:100% 100%}.log-note{transform-origin:50% 100%}:is(.line,.suggestion) :is(.line-transliteration,.line-translation){animation:.2s ease-out both fade-down}.aid-chip{animation:.2s ease-out both fade-down;animation-delay:calc(var(--i,0) * 45ms)}.line-text rt{animation:.2s ease-out both fade-in}.sheet-backdrop{animation:.2s ease-out both dim-in}.sheet-backdrop.is-closing{animation:.2s ease-in both dim-out}.sheet-backdrop.is-closing .sheet{animation:.2s ease-in both sheet-down}.switch:active input:before{width:28px}.switch:active input:checked:before{translate:16px}:is(.aid-chip,.aid-fan,.send,.round-button,.sheet-done,.log-note :is(button,a),.replay) *{pointer-events:none}.line--voiced{padding-right:26px}.line--flaggable{padding-right:30px}.line-flag{transform-origin:13px 22px;width:44px;height:44px;color:var(--ink);opacity:.4;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0 18px 0 0;transition:opacity .12s,color .12s,scale .12s;display:grid;position:absolute;bottom:-5px;right:-14px}.line-flag *{pointer-events:none}.line-flag svg{position:relative}.line-flag:before{content:"";border-radius:50%;width:30px;height:30px;transition:box-shadow .12s;position:absolute;top:7px;left:-2px}@media (hover:hover) and (pointer:fine){.line-flag:hover{opacity:1;color:var(--pink)}}.line-flag:active{opacity:1;scale:.88}.line-flag:focus-visible{opacity:1;outline:none}.line-flag:focus-visible:before{background:var(--paper-solid);box-shadow:2px 2px 0 var(--pink)}@media (prefers-reduced-motion:reduce){.line-flag,.line-flag:before{transition:none}}.correction{border:2px solid var(--ink);background:var(--paper-solid);max-width:86%;box-shadow:3px 3px 0 var(--ink);transform-origin:100% 0;border-radius:16px 4px 16px 16px;align-self:flex-end;margin-top:4px;padding:11px 34px 8px 13px;animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in;position:relative}:is(.correction,.recap-entry) p{margin:0}.correction-diff{line-break:strict;font-size:1.0625rem;font-weight:500;line-height:1.6}.correction-diff del{color:var(--faint);text-decoration:line-through;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);text-decoration-thickness:2px}.correction-diff ins{background:linear-gradient(transparent 24%, var(--yellow) 24%, var(--yellow) 90%, transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;font-weight:700;text-decoration:none}.correction-romaji{color:var(--muted);margin-top:2px;font-size:.8125rem;line-height:1.4}.correction-note{color:var(--faint);border-top:1px dashed #1b162240;margin-top:4px;padding-top:4px;font-size:.8125rem;line-height:1.4}.recap-list{gap:10px;margin:12px 0 2px;padding:0;list-style:none;display:grid}.recap-entry{border:2px solid var(--ink);background:var(--white);box-shadow:2px 2px 0 var(--ink);animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in;animation-delay:calc(var(--i,0) * 30ms);border-radius:14px;padding:8px 34px 10px 12px;position:relative}.recap-kind{background:var(--ink);color:var(--white);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;margin-top:7px;padding:1px 8px 2px;font-size:.6875rem;font-weight:700;display:inline-block}.pill-button.pill-button--recap{background:var(--yellow);gap:8px}.scene-end-clean{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.875rem;display:flex}.clean-mark{border:2px solid var(--ink);background:var(--yellow);width:24px;height:24px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);border-radius:50%;flex:none;place-items:center;animation:.52s cubic-bezier(.2,.9,.3,1.35) .25s both crown-slap;display:grid;rotate:-8deg}@media (prefers-reduced-motion:reduce){.correction,.recap-entry,.clean-mark{animation:none}}.flag-quote{border:2px solid var(--ink);background:var(--white);box-shadow:2px 2px 0 var(--ink);border-radius:14px 14px 14px 4px;margin:12px 0 0;padding:7px 12px 9px}.flag-quote--you{background:var(--yellow);border-radius:14px 14px 4px}.flag-quote p{margin:0}.flag-quote-who{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.flag-quote-text{line-break:strict;font-size:1rem;font-weight:500;line-height:1.5}.flag-quote-meaning{color:var(--faint);margin-top:2px;font-size:.8125rem;line-height:1.4}.flag-form{margin-top:16px}.flag-thanks h3{margin:0;font-size:1.125rem}.flag-thanks h3:focus{outline:none}.sheet-actions{flex-wrap:wrap;gap:10px;margin:8px 0 6px;display:flex}.replay{border:2px solid var(--ink);background:var(--paper-solid);width:34px;height:34px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:-12px;right:-14px}.replay[data-speaking]{background:var(--pink);color:var(--white)}.replay[data-speaking] .replay-wave{animation:.9s ease-in-out infinite sound-wave}.replay[data-speaking] .replay-wave--far{animation-delay:.15s}@keyframes sound-wave{0%,to{opacity:.35}50%{opacity:1}}.aid-badge,.aid-fan,.replay,.round-button,.send{padding:0}.aid-chip,.aid-fan,.send,.sheet-done,.log-note :is(button,a),.replay,.round-button,.composer-input,.switch input{transition:translate .12s,scale .12s,box-shadow .12s,background-color .12s}@media (hover:hover) and (pointer:fine){:is(.aid-chip,.aid-fan,.sheet-done,.log-note :is(button,a),.replay):not(:disabled,[aria-pressed=true],[aria-expanded=true]):hover{box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}.send:not(:disabled):hover{box-shadow:4px 4px 0 var(--ink);translate:-1px -1px}.round-button:hover{background:var(--pink)}.switch:hover input{box-shadow:2px 2px 0 var(--ink);translate:-1px -1px}.composer-input:hover:not(:focus-visible){box-shadow:3px 3px 0 var(--ink)}}:is(.aid-chip,.aid-fan,.send,.sheet-done,.log-note :is(button,a),.replay):not(:disabled):active{box-shadow:none;translate:2px 2px}.round-button:active{scale:.92}@media (prefers-reduced-motion:reduce){.replay,.replay[data-speaking] .replay-wave,.line,.suggestion,.log-note,:is(.line,.suggestion) :is(.line-transliteration,.line-translation),.aid-chips,.aid-fan,.line-text,.line-text rt,.sheet-backdrop,.sheet-backdrop.is-closing,.sheet-backdrop.is-closing .sheet,.aid-chip,.send,.sheet-done,.log-note :is(button,a),.round-button,.composer-input,.sprite,.pose.is-active,.sheet,.switch input,.switch input:before{transition:none;animation:none}}.topbar-start{align-items:center;gap:10px;min-width:0;display:flex}.picker{background:radial-gradient(#1b162212 1px, transparent 1.5px) 0 0 / 12px 12px, var(--paper-solid)}.picker-head{padding:calc(env(safe-area-inset-top) + 34px) 22px 0}.picker-head h1{margin:0;font-size:1.875rem;line-height:1.15}.picker-head p{color:var(--muted);margin:6px 0 0;font-size:.9375rem}.picker-brand{width:auto;max-width:100%;height:40px;margin:0 0 18px -2px;display:block;overflow:visible}.picker-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.tiles{padding:26px 20px calc(env(safe-area-inset-bottom) + 28px) 18px;gap:18px;margin:0;list-style:none;display:grid}.tiles li{animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;animation-delay:calc(var(--i,0) * 70ms)}.picker-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.picker-title h1{min-width:0}.filter-bar{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:8px;animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;display:flex}.filter-pill{flex:none;align-items:center;gap:7px;animation:.28s cubic-bezier(.2,.9,.3,1.15) .12s both pop-in;display:inline-flex}.filter-note{color:var(--muted);font-size:.875rem}.filter-clear{color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:6px 2px;font-size:.875rem;font-weight:700;-webkit-text-decoration:underline #1b162240;text-decoration:underline #1b162240;text-decoration-thickness:2px;transition:color .12s,text-decoration-color .12s,scale .12s}@media (hover:hover) and (pointer:fine){.filter-clear:hover{color:var(--pink);-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}}.filter-clear:active{scale:.94}.filter-clear:focus-visible{color:var(--pink);-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);outline:none}.filter-status{margin-top:18px}.filter-empty{border:2px dashed var(--ink);background:var(--paper-solid);border-radius:18px;justify-items:start;gap:12px;padding:20px;display:grid}.filter-empty p{margin:0;font-weight:700}@media (prefers-reduced-motion:reduce){.filter-bar,.filter-pill{animation:none}.filter-clear{transition:none}}.tile{isolation:isolate;border:3px solid var(--ink);background:var(--ink);height:176px;box-shadow:3px 3px 0 var(--ink);color:var(--white);-webkit-tap-highlight-color:transparent;border-radius:20px;align-items:flex-end;gap:12px;padding:12px 14px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile-art{z-index:-1;position:absolute;inset:0}.tile-backdrop{object-fit:cover;object-position:50% 30%}.tile-art:after{content:"";background:linear-gradient(#0000,#15121b1a 45%,#15121b8c);position:absolute;inset:0}.tile-face{border:3px solid var(--ink);background:var(--yellow);width:60px;height:60px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:none;position:relative;overflow:hidden}.tile-face img,.history-face img{object-fit:cover;object-position:50% 0;transform-origin:50% 14%;transform:translateY(36%)scale(3)}.tile-text{flex-direction:column;gap:6px;min-width:0;display:flex}.tile-title{text-wrap:balance;font-size:1.125rem;font-weight:700;line-height:1.25}.tile-who{flex-wrap:wrap;align-items:center;gap:8px;font-size:.8125rem;display:flex}.tile-name{border:2px solid var(--ink);background:var(--pink);border-radius:8px;padding:1px 9px 2px;font-weight:700;rotate:-3deg}.tile-place{color:#ffffffd9;font-weight:500}.scene-end{padding:14px 14px calc(env(safe-area-inset-bottom) + 18px);transform-origin:50% 100%;border-top:2px dashed #1b162226;flex-direction:column;align-items:center;gap:12px;animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in;display:flex}.scene-end-text{color:var(--muted);align-items:center;gap:10px;margin:0;font-size:.875rem;display:flex}.scene-end-mark{background:var(--ink);color:var(--white);border-radius:8px;padding:2px 10px 3px;font-weight:700;rotate:-3deg}.scene-end-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.pill-button{border:2px solid var(--ink);background:var(--paper-solid);height:44px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.pill-button--primary{background:var(--pink);color:var(--white)}.tile,.pill-button{transition:translate .12s,box-shadow .12s}.tile-backdrop{transition:scale .3s}.tile *{pointer-events:none}@media (hover:hover) and (pointer:fine){.tile:hover,.pill-button:not(:disabled):hover{box-shadow:4px 4px 0 var(--ink);translate:-1px -1px}.pill-button:not(:disabled):hover{box-shadow:3px 3px 0 var(--ink)}.tile:hover .tile-backdrop{scale:1.04}}.tile:active,.pill-button:not(:disabled):active{box-shadow:none;translate:2px 2px}.pill-button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.tiles li,.tile,.tile-backdrop,.scene-end,.pill-button{transition:none;animation:none}}.topbar-end{flex:none;gap:8px;display:flex}.sheet{flex-direction:column;max-height:88%;display:flex}.sheet-body{overscroll-behavior:contain;min-height:0;padding-top:26px;padding-bottom:26px;overflow-y:auto}.sheet-body>:first-child{margin-top:0}.preview-panel{height:64%}.preview-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:30px 16px 26px;overflow-y:auto}.preview-title{text-wrap:balance;margin:0;font-size:1.375rem;line-height:1.25}.preview-situation{color:var(--muted);margin:6px 0 4px;font-size:.9375rem;line-height:1.5}.preview-start{padding:12px 14px calc(env(safe-area-inset-bottom) + 16px);border-top:2px dashed #1b162226;justify-content:center;display:flex}.preview-start .pill-button{flex:1;justify-content:center;max-width:320px}.sticker-tabs{gap:8px;margin-top:14px;display:flex}.sticker-tab{border:2px solid var(--ink);background:var(--white);min-height:38px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9375rem;font-weight:700;transition:translate .12s,box-shadow .12s,background-color .12s;display:inline-flex}.sticker-tab[aria-selected=true]{background:var(--yellow);box-shadow:none;translate:2px 2px}.vocab-count{background:var(--ink);min-width:20px;color:var(--white);text-align:center;border-radius:999px;padding:0 6px;font-size:.75rem;line-height:1.5}@media (hover:hover) and (pointer:fine){.sticker-tab[aria-selected=false]:hover{box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}}.sticker-tab:active{box-shadow:none;translate:2px 2px}@media (prefers-reduced-motion:reduce){.sticker-tab{transition:none}}.vocab-list:focus-visible{outline:none}.vocab-list{gap:10px;margin:8px 0 2px;padding:0;list-style:none;display:grid}.vocab-entry{border:2px solid var(--ink);background:var(--white);box-shadow:2px 2px 0 var(--ink);animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in;animation-delay:calc(var(--i,0) * 30ms);border-radius:14px;padding:8px 12px 9px}.vocab-entry p{margin:0}.vocab-entry--voiced{padding-right:48px;position:relative}.vocab-entry .replay{top:8px;right:8px}.vocab-entry .line-text{font-size:1.0625rem}.vocab-romaji{color:var(--muted);font-size:.8125rem}.vocab-meaning{margin-top:2px;font-size:.875rem;font-weight:700}.vocab-note{color:var(--faint);margin-top:2px;font-size:.8125rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.vocab-entry{animation:none}}.star{pointer-events:none;flex:none;height:auto;display:inline-block;overflow:visible}.account-note .star{vertical-align:-.2em;width:1.2em;margin-right:6px;rotate:10deg}.ask-panel:focus-visible{outline:none}.ask-note{color:var(--muted);margin:12px 0 0;font-size:.875rem;line-height:1.5}.ask-form{gap:10px;margin-top:12px;display:flex}.ask-input{border:2px solid var(--ink);background:var(--white);min-width:0;height:44px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);font:inherit;border-radius:999px;flex:1;padding:0 16px;font-size:1rem;transition:box-shadow .12s}.ask-input::placeholder{color:var(--faint)}.ask-input:focus-visible{box-shadow:3px 3px 0 var(--pink);outline:none}@media (hover:hover) and (pointer:fine){.ask-input:hover:not(:focus-visible){box-shadow:3px 3px 0 var(--ink)}}.ask-form .pill-button{flex:none}.ask-list{gap:10px;margin:14px 0 2px;padding:0;list-style:none;display:grid}.ask-answer .ask-question{color:var(--faint);border-bottom:1px dashed #1b162240;margin-bottom:6px;padding-bottom:5px;font-size:.8125rem;font-style:italic;line-height:1.4}.ask-waiting{border:2px solid var(--ink);background:var(--white);width:fit-content;box-shadow:2px 2px 0 var(--ink);transform-origin:0 0;border-radius:14px;gap:5px;margin:14px 0 0;padding:14px 16px;animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in;display:flex}.ask-waiting span{background:var(--muted);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite typing}.ask-waiting span:nth-child(2){animation-delay:.15s}.ask-waiting span:nth-child(3){animation-delay:.3s}.ask-failed{color:#c2185b;margin:12px 0 0;font-size:.8125rem;font-weight:700;line-height:1.45;animation:.2s ease-out both fade-down}@media (prefers-reduced-motion:reduce){.ask-waiting,.ask-failed{animation:none}.ask-waiting span{opacity:.6;animation:none}.ask-input{transition:none}}:is(.round-button,.aid-chip,.aid-fan,.replay,.send,.sheet-done,.log-note :is(button,a),.pill-button,.tile,.switch input,.sticker-tab,.sign-in-button,.profile-sticker):focus-visible{box-shadow:3px 3px 0 var(--pink);outline:none}.splash-sprite{aspect-ratio:2/3;height:96%;position:absolute;top:4%;left:50%;translate:-50%}.splash-sprite img{object-fit:contain;object-position:top center}.splash-panel{height:auto;padding:28px 22px calc(env(safe-area-inset-bottom) + 28px);gap:12px;animation:.32s cubic-bezier(.2,.9,.3,1) both sheet-up}.splash-panel .picker-brand{margin-bottom:4px}.splash-title{text-wrap:balance;margin:0;font-size:1.625rem;line-height:1.15}.splash-lede{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.5}.welcome-glow{transform-origin:51% 35%;pointer-events:none;background:radial-gradient(340px at 51% 35%,#ffd23f80,#ff4f8b24 45%,#0000);animation:.9s ease-out 80ms both welcome-glow;position:absolute;inset:-50%}@keyframes welcome-glow{0%{opacity:0;transform:scale(.6)}40%{opacity:1}}.welcome-sprite{animation:.64s cubic-bezier(.34,1.56,.64,1) 60ms both welcome-rise}@keyframes welcome-rise{0%{opacity:0;transform:translateY(14%)scale(.94)}45%{opacity:1}}.welcome-bob{animation:3.6s ease-in-out .8s infinite idle;position:absolute;inset:0}.welcome-bob img{object-fit:contain;object-position:top center}.welcome-sparkle{height:auto;animation:crown-slap .48s cubic-bezier(.2, .9, .3, 1.35) calc(.32s + var(--i) * 90ms) both;position:absolute;overflow:visible}.welcome-panel{gap:12px;padding-top:30px}.welcome-nameplate{transform-origin:0 100%;animation:.24s cubic-bezier(.2,.9,.3,1.15) .28s both pop-in}.welcome-line{max-width:100%;animation-delay:.38s}.welcome-title{align-items:center;animation:.24s cubic-bezier(.2,.9,.3,1.15) .48s both pop-in;display:flex}.welcome .crown--title{animation-delay:.62s}.welcome-panel .splash-lede{animation:.24s cubic-bezier(.2,.9,.3,1.15) .56s both pop-in}.welcome-places{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:2px 0 4px;padding:0;list-style:none;display:grid}.welcome-places li{min-width:0;animation:pop-in .24s cubic-bezier(.2, .9, .3, 1.15) calc(.66s + var(--i) * 70ms) both}.welcome-place{color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;gap:7px;text-decoration:none;display:flex}.welcome-place *{pointer-events:none}.welcome-place-art{aspect-ratio:4/3;border:2.5px solid var(--ink);background:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:12px;transition:translate .12s,box-shadow .12s;display:block;position:relative}.welcome-place-photo{border-radius:9.5px;position:absolute;inset:0;overflow:hidden}.welcome-place-photo img{object-fit:cover;object-position:50% 30%;transition:scale .3s}.welcome-place-face{width:30px;height:30px;box-shadow:1.5px 1.5px 0 var(--ink);border-width:2px;position:absolute;top:-9px;left:-7px}.welcome-place-name{text-wrap:balance;font-size:.6875rem;font-weight:700;line-height:1.25}@media (hover:hover) and (pointer:fine){.welcome-place:hover .welcome-place-art{box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}.welcome-place:hover .welcome-place-photo img{scale:1.06}}.welcome-place:active .welcome-place-art{box-shadow:none;translate:2px 2px}.welcome-place:focus-visible{outline:none}.welcome-place:focus-visible .welcome-place-art{box-shadow:3px 3px 0 var(--pink)}.welcome-go{justify-content:center;height:48px;font-size:1.0625rem;animation:.24s cubic-bezier(.2,.9,.3,1.15) .96s both pop-in}.welcome-terms{animation:.24s 1.04s both fade-in}@media (max-height:720px){.welcome-panel{gap:8px;padding-top:26px}.welcome-panel .splash-title{font-size:1.375rem}.welcome-go{height:44px}}@media (prefers-reduced-motion:reduce){.welcome-glow,.welcome-sprite,.welcome-bob,.welcome-sparkle,.welcome-nameplate,.welcome-line,.welcome-title,.welcome .crown--title,.welcome-panel .splash-lede,.welcome-places li,.welcome-go,.welcome-terms{animation:none}.welcome-place-art,.welcome-place-photo img{transition:none}}.splash-note{color:var(--ink);margin:0;font-size:.875rem;font-weight:700;line-height:1.45}.sign-in-confirm{justify-items:stretch;gap:12px;margin:0;display:grid}.sign-in-confirm .pill-button{justify-content:center;height:48px;font-size:1.0625rem}.sign-in-confirm-back{color:var(--muted);text-underline-offset:2px;justify-self:center;font-size:.8125rem;text-decoration:underline}@media (hover:hover){.sign-in-confirm-back:hover{color:var(--ink)}}.sign-in-confirm-back:active{color:var(--ink)}.email-sign-in{gap:8px;display:grid}.email-label{font-size:.875rem;font-weight:700}.email-row{flex-wrap:wrap;gap:8px;display:flex}.email-input{border:2px solid var(--ink);background:var(--white);min-width:0;height:48px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:inherit;border-radius:14px;flex:170px;padding:0 14px;font-size:1rem;transition:box-shadow .12s}.email-input::placeholder{color:var(--faint)}.email-input:focus-visible{box-shadow:3px 3px 0 var(--pink);outline:none}.email-input[aria-invalid=true]{border-color:#c2185b}.email-send{flex:none;height:48px}.email-sent{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);border-radius:14px;margin:4px 0 0;padding:12px 14px;font-size:.9375rem;line-height:1.45;animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in}.tile[data-locked] .tile-backdrop{filter:saturate(.5)brightness(.72)}.tile[data-used] .tile-backdrop{filter:saturate(.75)brightness(.84)}.tile-crown,.tile-clock{z-index:2;border:2.5px solid var(--ink);background:var(--yellow);width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;rotate:8deg}.tile-crown .crown{vertical-align:0;width:24px;rotate:-6deg}.tile-clock{background:var(--paper-solid);animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;rotate:-8deg}button.tile{width:100%;font:inherit;text-align:left;cursor:pointer}.picker-body{display:contents}.free-used{gap:12px;display:grid}.free-used p{margin:0;line-height:1.5}.free-used-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}@media (prefers-reduced-motion:reduce){.tile-clock{animation:none}}.account-card:is(.upgrade-card,.access-card){align-items:start;gap:10px;display:grid}.access-terms{grid-template-columns:max-content minmax(0,1fr);margin:0;font-size:.875rem;line-height:1.45;display:grid}.access-terms div{display:contents}.access-terms :is(dt,dd){border-top:1px solid #1b162224;padding:8px 0}.access-terms dt{color:var(--muted);padding-right:14px;font-weight:700}.access-terms dd{margin:0}.access-note{color:var(--muted);margin:0;font-size:.875rem;line-height:1.45}.why-cancelling{gap:12px}.why-cancelling .pill-button{justify-self:start}.invite-card{gap:12px}.invite-card .pill-button{justify-self:start}.invite-link{border:2px solid var(--ink);background:var(--paper-solid);width:100%;box-shadow:2px 2px 0 var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:12px;margin:0;padding:10px 12px;font-size:.875rem;line-height:1.4}.invite-said{color:var(--faint);margin:0;font-size:.8125rem;line-height:1.45}.invite-said:empty{display:none}.upgrade-kicker{color:#c2185b;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.upgrade-opens{gap:10px;margin:0;padding:0;font-weight:700;list-style:none;display:grid}.upgrade-opens li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;display:grid}.upgrade-opens li:before{content:"✓";border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8125rem;line-height:1;display:grid}.upgrade-price{color:var(--muted);margin:4px 0 0;font-size:.875rem}.upgrade-renewal{color:var(--muted);margin:6px 0 0;font-size:.8125rem;line-height:1.5}.upgrade-fine{color:var(--faint);margin:6px 0 0;font-size:.75rem;font-style:italic}.account-add{flex-wrap:wrap;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.email-sent{animation:none}.email-input{transition:none}}.splash-error{color:#c2185b;margin:0;font-size:.875rem;font-weight:700;line-height:1.45}.sign-in-button{border:2px solid var(--ink);background:var(--white);color:#1f1f1f;height:50px;box-shadow:3px 3px 0 var(--ink);-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:12px;margin-top:6px;font-size:1rem;text-decoration:none;transition:translate .12s,box-shadow .12s;display:flex}.sign-in-button>*{pointer-events:none;flex:none}.sign-in-button--apple{color:#fff;background:#000;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-weight:500}.sign-in-button--apple svg{margin-top:-3px}@media (hover:hover) and (pointer:fine){.sign-in-button:hover{box-shadow:4px 4px 0 var(--ink);translate:-1px -1px}}.sign-in-button:active{box-shadow:none;translate:2px 2px}.sign-in-choices{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.sign-in-choices .sign-in-button{flex:none;gap:10px;margin-top:0;padding:0 16px 0 14px;font-size:.875rem}.sign-in-choices .sign-in-button--apple{flex:1 0 100%}.sign-in-choices .sign-in-button--email{flex:88px}.sign-in-button--email{color:var(--ink);font:inherit;cursor:pointer;font-weight:700}.sign-in-choices .sign-in-button--email{font-size:.9375rem}.sign-in-email{gap:6px;display:grid}.sign-in-back{color:var(--muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;justify-self:start;align-items:center;gap:6px;padding:6px 4px;font-size:.875rem;font-weight:700;transition:color .12s,translate .12s;display:inline-flex}.sign-in-back>*{pointer-events:none}@media (hover:hover) and (pointer:fine){.sign-in-back:hover{color:#c2185b}}.sign-in-back:active{color:#c2185b;translate:1px 1px}.sign-in-back:focus-visible{box-shadow:2px 2px 0 var(--pink);outline:none}.sign-in-email,.sign-in-choices[data-swapped]{animation:.24s cubic-bezier(.2,.9,.3,1.15) both pop-in}@media (prefers-reduced-motion:reduce){.sign-in-email,.sign-in-choices[data-swapped],.sign-in-back{transition:none;animation:none}}.splash-fine{color:var(--faint);margin:0;font-size:.75rem;line-height:1.5}.splash-fine a{color:inherit;font-weight:700}@media (prefers-reduced-motion:reduce){.splash-panel,.sign-in-button{transition:none;animation:none}}.picker-head{position:relative}.profile-sticker{top:calc(env(safe-area-inset-top) + 30px);border:2.5px solid var(--ink);background:var(--yellow);width:46px;height:46px;box-shadow:2px 2px 0 var(--ink);color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:50%;place-items:center;font-size:1.0625rem;font-weight:700;line-height:1;text-decoration:none;transition:translate .12s,box-shadow .12s;animation:.28s cubic-bezier(.2,.9,.3,1.15) .2s both pop-in;display:grid;position:absolute;right:20px}@media (hover:hover) and (pointer:fine){a.profile-sticker:hover{box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}}a.profile-sticker:active{box-shadow:none;translate:2px 2px}.profile-face{border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.profile-picture{object-fit:cover}.crown{vertical-align:-.2em;pointer-events:none;flex:none;width:1.3em;height:auto;display:inline-block;overflow:visible}.pill-button .crown,.log-note a .crown,.account-note .crown{margin-right:6px;rotate:-8deg}.crown--title{width:32px;margin-right:8px;animation:.52s cubic-bezier(.2,.9,.3,1.35) .15s both crown-slap;rotate:-10deg}.crown--perched{z-index:1;width:34px;animation:.52s cubic-bezier(.2,.9,.3,1.35) .3s both crown-slap;position:absolute;top:-21px;right:0;rotate:12deg}.profile-sticker--big .crown--perched{width:46px;top:-29px;right:1px}@keyframes crown-slap{0%{opacity:0;transform:translateY(-45%)rotate(-14deg)scale(1.6)}}@media (prefers-reduced-motion:reduce){.crown--title,.crown--perched{animation:none}}.profile-person{width:58%;height:58%}.profile-sticker--big{width:64px;height:64px;box-shadow:3px 3px 0 var(--ink);flex:none;font-size:1.5rem;animation:none;position:relative;inset:auto}.account{background:radial-gradient(#1b162212 1px, transparent 1.5px) 0 0 / 12px 12px, var(--paper-solid)}.account-top{padding:calc(env(safe-area-inset-top) + 24px) 22px 0;align-items:center;gap:14px;display:flex}.account-title{margin:0;font-size:1.625rem;line-height:1.15}.account-scroll{overscroll-behavior:contain;min-height:0;padding:26px 22px calc(env(safe-area-inset-bottom) + 28px);flex-direction:column;flex:1;align-items:flex-start;gap:12px;display:flex;overflow-y:auto}.account-card{border:2.5px solid var(--ink);background:var(--white);width:100%;box-shadow:3px 3px 0 var(--ink);border-radius:18px;align-items:center;gap:16px;padding:16px;animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;display:flex}.account-who{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.account-who b{font-size:1.125rem}.account-who span{color:var(--muted);font-size:.9375rem}.account-who .account-via{color:var(--faint);font-size:.8125rem}.account .sheet-section{width:100%;margin-top:14px}.account-tabs{width:100%;margin-top:6px}.account-tabs .sticker-tab{flex:auto;justify-content:center;gap:6px;padding:0 10px}@media (max-width:359px){.account-tabs{gap:6px}.account-tabs .sticker-tab{gap:4px;padding:0 8px;font-size:.875rem}}.account-tabs .crown{width:1.25em;margin-left:-2px;rotate:-8deg}.account-tabs .sticker-tab{position:relative}.alert-mark{pointer-events:none;flex:none;height:auto;display:inline-block;overflow:visible}.alert-mark--perched{width:24px;animation:.52s cubic-bezier(.2,.9,.3,1.35) .25s both crown-slap;position:absolute;top:-11px;right:-8px;rotate:12deg}.premium-offer{gap:12px}.premium-offer .upgrade-opens{font-size:.9375rem}.premium-offer-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:6px 0 -2px;font-size:.75rem;font-weight:700}.premium-offer-places{margin:4px 0 0}.premium-offer-places li{animation-delay:calc(.12s + var(--i) * 70ms)}.premium-offer .upgrade-price{margin:0}.premium-offer .upgrade-renewal,.premium-offer .upgrade-fine{margin:6px 0 0}.premium-offer-go{justify-content:center;justify-self:stretch;gap:2px;height:48px;font-size:1.0625rem}.account-panel{flex-direction:column;align-items:flex-start;gap:12px;width:100%;animation:.18s ease-out both fade-in;display:flex}.account-panel[hidden]{display:none}.account-panel:focus-visible{outline:none}.account-panel>.sheet-section:first-child{border-top:0;margin-top:4px;padding-top:0}.account-note{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.5}.account-links{gap:18px;margin:14px 0 0;font-size:.875rem;display:flex}.account-links a{color:var(--ink);font-weight:700}@media (prefers-reduced-motion:reduce){.profile-sticker,.account-card,.account-panel,.alert-mark--perched,.premium-offer-places li{transition:none;animation:none}}.close-card{align-items:start;gap:10px;display:grid}.close-card h2{margin:0;font-size:1.125rem;line-height:1.25}.close-points{gap:8px;margin:0;padding-left:20px;font-size:.9375rem;line-height:1.5;display:grid}.close-points a{color:var(--ink);font-weight:700}.close-sign-in{gap:12px;width:100%;display:grid}.close-sign-in .sign-in-button{margin-top:0}.close-done{color:var(--ink);align-items:center;gap:10px;font-weight:700;display:flex}.close-check{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.875rem;line-height:1;animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;display:grid}.close-form{gap:16px;width:100%;display:grid}.close-form .pill-button{justify-self:start}.close-confirm{color:var(--ink);cursor:pointer;align-items:flex-start;gap:12px;font-size:.9375rem;font-weight:700;line-height:1.45;display:flex}.close-confirm input{border:2.5px solid var(--ink);background:var(--white);width:26px;height:26px;box-shadow:2px 2px 0 var(--ink);appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;flex:none;margin:0;transition:translate .12s,box-shadow .12s,background-color .12s;position:relative}.close-confirm input:before{content:"";border:solid var(--ink);border-width:0 3px 3px 0;width:7px;height:12px;transition:scale .12s;position:absolute;top:2px;left:6px;rotate:45deg;scale:0}.close-confirm input:checked{background:var(--yellow)}.close-confirm input:checked:before{scale:1}@media (hover:hover) and (pointer:fine){.close-confirm:hover input{box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}}.close-confirm:active input{box-shadow:none;translate:2px 2px}.close-confirm input:focus-visible{box-shadow:2px 2px 0 var(--pink);outline:none}@media (prefers-reduced-motion:reduce){.close-check,.close-confirm input,.close-confirm input:before{transition:none;animation:none}}.suggest-tile{border:2.5px dashed var(--ink);background:var(--paper-solid);color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:18px;align-items:center;gap:14px;padding:18px;text-decoration:none;transition:translate .12s,box-shadow .12s;display:flex}.suggest-tile>*{pointer-events:none}.suggest-plus{border:2.5px solid var(--ink);background:var(--yellow);width:46px;height:46px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.suggest-tile-text{gap:2px;display:grid}.suggest-tile-text b{font-size:1.0625rem}.suggest-tile-text span{color:var(--muted);font-size:.875rem}@media (hover:hover) and (pointer:fine){.suggest-tile:hover{box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}}.suggest-tile:active{box-shadow:none;translate:2px 2px}.suggest-tile:focus-visible{box-shadow:3px 3px 0 var(--pink);outline:none}.suggest-form{gap:18px;width:100%;display:grid}.suggest-field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.suggest-label{color:var(--ink);padding:0;font-size:.9375rem;font-weight:700}.suggest-label span{color:var(--faint);font-weight:500}.suggest-input{border:2px solid var(--ink);background:var(--white);width:100%;box-shadow:2px 2px 0 var(--ink);color:var(--ink);font:inherit;border-radius:14px;padding:12px 16px;font-size:1rem;line-height:1.5;transition:box-shadow .12s}textarea.suggest-input{resize:none}.suggest-input::placeholder{color:var(--faint)}.suggest-input:focus-visible{box-shadow:3px 3px 0 var(--pink);outline:none}.suggest-input[aria-invalid=true]{border-color:#c2185b}.suggest-error{color:#c2185b;margin:0;font-size:.8125rem;font-weight:700;line-height:1.45;animation:.2s ease-out both fade-down}.suggest-who legend{margin-bottom:8px}.who-chips{flex-wrap:wrap;gap:8px;display:flex}.who-chip{border:2px solid var(--ink);background:var(--white);box-shadow:2px 2px 0 var(--ink);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;padding:7px 14px;font-size:.9375rem;font-weight:700;transition:translate .12s,box-shadow .12s,background-color .12s;display:inline-flex;position:relative}.who-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.who-chip:hover:not(:has(input:checked)){box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}}.who-chip:active{box-shadow:none;translate:2px 2px}.who-chip:has(input:checked){box-shadow:none;translate:2px 2px}.who-chip:has(input:checked){background:var(--yellow)}.who-chip:has(input:focus-visible){box-shadow:3px 3px 0 var(--pink)}.suggest-form .pill-button{justify-self:start}.suggest-thanks{border:2.5px solid var(--ink);background:var(--white);width:100%;box-shadow:3px 3px 0 var(--ink);border-radius:18px;gap:10px;padding:18px;animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;display:grid}.suggest-thanks h2{margin:0;font-size:1.25rem}.suggest-thanks h2:focus{outline:none}.suggest-thanks p{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.5}.suggest-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}@media (prefers-reduced-motion:reduce){.suggest-tile,.suggest-input,.suggest-error,.who-chip,.suggest-thanks{transition:none;animation:none}}.level-choices{gap:8px;width:100%;display:grid}.level-choice,.level-chosen{border:2px solid var(--ink);background:var(--white);box-shadow:2px 2px 0 var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;transition:translate .12s,box-shadow .12s,background-color .12s;display:grid;position:relative}.level-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.level-code{border:2px solid var(--ink);background:var(--paper-solid);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.level-text{gap:2px;display:grid}.level-text b{font-size:.9375rem}.level-text span{color:var(--muted);font-size:.8125rem;line-height:1.4}@media (hover:hover) and (pointer:fine){.level-choice:not(:has(input:checked)):hover{box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}}.level-choice:active{box-shadow:none;translate:2px 2px}.level-choice:has(input:checked){box-shadow:none;translate:2px 2px}:is(.level-choice:has(input:checked),.level-chosen){background:var(--yellow)}:is(.level-choice:has(input:checked) .level-code,.level-chosen .level-code){background:var(--white)}.level-chosen{width:100%;box-shadow:none;cursor:default;animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;translate:2px 2px}.level-choice:has(input:focus-visible){box-shadow:3px 3px 0 var(--pink)}.level-status{min-height:1.4em;color:var(--muted);margin:0;font-size:.875rem}.level-first .level-choice,.level-choices--opened .level-choice{animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;animation-delay:calc(var(--i,0) * 40ms)}.onboarding-scroll{padding-bottom:20px}.onboarding-footer{padding:14px 22px calc(env(safe-area-inset-bottom) + 20px);background:var(--paper-solid);border-top:2px solid #1b16221f}.onboarding-continue{transition:translate .12s,box-shadow .12s,opacity .2s}@media (prefers-reduced-motion:reduce){.level-choice,.level-chosen,.level-first .level-choice,.level-choices--opened .level-choice,.onboarding-continue{transition:none;animation:none}}.voice-demo{border:2.5px solid var(--ink);background:var(--white);width:100%;box-shadow:3px 3px 0 var(--ink);border-radius:18px;gap:12px;padding:14px;animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;display:grid;rotate:-1deg}.voice-demo-box{border:2px solid var(--ink);background:var(--white);min-width:0;height:44px;box-shadow:2px 2px 0 var(--pink);white-space:nowrap;border-radius:999px;align-items:center;margin:0;padding:0 16px;font-size:1rem;display:flex;overflow:hidden}.voice-demo-words{animation:1.3s steps(14,end) .5s both voice-words}.voice-demo-caret{background:var(--pink);flex:none;width:2px;height:1.2em;margin-left:2px}@keyframes voice-words{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.voice-demo-keys{gap:8px;padding-right:14px;display:flex}.voice-demo-key{border:2px solid var(--ink);background:var(--paper-solid);width:44px;height:38px;box-shadow:0 2px 0 var(--ink);color:var(--ink);border-radius:9px;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.voice-demo-key--space{color:var(--faint);flex:1}.voice-demo-key--mic{background:var(--pink);color:var(--white);position:relative}.voice-demo-waves{color:var(--pink);position:absolute;top:50%;left:calc(100% - 10px);translate:0 -50%}.voice-demo-wave{animation:.9s ease-in-out infinite sound-wave}.voice-demo-wave--far{animation-delay:.15s}.voice-steps{display:block}.voice-steps>ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.voice-steps>ol>li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.voice-step-number{border:2px solid var(--ink);background:var(--yellow);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.875rem;font-weight:700;display:grid}.voice-step-body{gap:8px;min-width:0;padding-top:3px;display:grid}.voice-step-body p{margin:0;font-size:.9375rem;line-height:1.6}.voice-path{flex-wrap:wrap;align-items:center;gap:6px 4px;margin:0;padding:0;list-style:none;display:flex}.voice-path li{color:var(--ink);white-space:nowrap;align-items:center;gap:4px;font-size:.8125rem;font-weight:700;display:inline-flex}.voice-path li:before{content:"›";color:var(--faint);font-weight:400}.voice-path li:first-child:before{content:none}.key-cap{border:1.5px solid var(--ink);background:var(--paper-solid);min-width:26px;height:24px;box-shadow:0 1.5px 0 var(--ink);color:var(--ink);vertical-align:.05em;white-space:nowrap;border-radius:6px;place-items:center;margin:0 2px;padding:0 6px;font-family:inherit;font-size:.75rem;font-weight:700;line-height:1;display:inline-grid}.key-cap[data-key=mic]{background:var(--pink);color:var(--white)}.voice-way{gap:4px;display:grid}.voice-way h3{margin:0;font-size:1rem}.voice-way p{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.voice-demo,.voice-demo-words,.voice-demo-wave{animation:none}}.picker-history{top:calc(env(safe-area-inset-top) + 33px);animation:.28s cubic-bezier(.2,.9,.3,1.15) .15s both pop-in;position:absolute;right:78px}.history-scroll{align-items:stretch}.history-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history-list li{animation:.28s cubic-bezier(.2,.9,.3,1.15) both pop-in;animation-delay:calc(min(var(--i,0), 8) * 50ms)}.history-entry{border:2.5px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:18px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;transition:translate .12s,box-shadow .12s;display:flex}.history-entry *{pointer-events:none}@media (hover:hover) and (pointer:fine){.history-entry:hover{box-shadow:4px 4px 0 var(--ink);translate:-1px -1px}}.history-entry:active{box-shadow:none;translate:2px 2px}.history-face{border:2.5px solid var(--ink);background:var(--yellow);border-radius:50%;flex:none;width:52px;height:52px;position:relative;overflow:hidden}.history-text{flex:1;gap:2px;min-width:0;display:grid}.history-text b{font-size:1rem;line-height:1.3}.history-with{color:var(--muted);font-size:.875rem}.history-when{color:var(--faint);flex-wrap:wrap;gap:0 10px;font-size:.8125rem;display:flex}.history-end{background:var(--ink);color:var(--white);border-radius:8px;flex:none;padding:2px 9px 3px;font-size:.8125rem;font-weight:700;rotate:-4deg}@media (prefers-reduced-motion:reduce){.picker-history,.history-list li{animation:none}.history-entry{transition:none}}