:root{--bg: #000;--ink: #f5f6fa;--ink-2: #a1a4b0;--ink-3: #6b6e7a;--surface: #1c1c1e;--surface-2: #2a2a2d;--edge: rgba(255, 255, 255, .07);--main: #fff;--main-ink: #000;--accent: #5ee0b4;--danger: #ff6b7d;--focus: #7aa2ff;--sel: rgba(90, 140, 240, .4);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #fff;--ink: #0d0d10;--ink-2: #5d6070;--ink-3: #8d909c;--surface: #f2f2f4;--surface-2: #e6e6ea;--edge: rgba(0, 0, 0, .05);--main: #000;--main-ink: #fff;--accent: #0f9e74;--focus: #2f6ff7;--sel: rgba(47, 111, 247, .22);color-scheme:light}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden;overscroll-behavior:none}::selection{background:var(--sel)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.app{position:relative;height:100svh;max-width:560px;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto auto auto;grid-template-columns:minmax(0,1fr);padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));overflow:hidden}.top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.round{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--edge);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;transition:background .2s,transform .2s cubic-bezier(.16,1,.3,1)}.round:active{transform:scale(.92)}.round[aria-expanded=true]{background:var(--surface-2)}.sheet{position:absolute;top:70px;right:0;z-index:5;min-width:0;padding:6px;border-radius:18px;background:var(--surface);border:1px solid var(--edge);box-shadow:0 18px 40px -12px #0009;display:grid;animation:sheet .25s cubic-bezier(.16,1,.3,1) both}@keyframes sheet{0%{opacity:0;transform:translateY(-6px) scale(.97)}}.swatches{display:grid;grid-template-columns:repeat(4,36px);gap:10px;padding:10px}.swatch{width:36px;height:36px;border:0;border-radius:50%;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1)}.swatch:active{transform:scale(.9)}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}.stage{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:16px 0}.orb{position:relative;flex:none;display:grid;place-items:center;touch-action:manipulation}.orb :focus-visible{outline-offset:10px;border-radius:50%}.orb-hit{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:60%;height:60%;border:0;border-radius:50%;background:transparent;cursor:pointer}.mode{margin:0;min-height:1.4em;font-size:15px;color:var(--ink-3);text-align:center;transition:color .3s}[data-phase=error] .mode{color:var(--danger)}.mode .dots:after{content:"";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.timer-slot{flex:1;display:grid;place-items:center}.timer{height:32px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:16px;background:var(--surface);border:1px solid var(--edge);font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}.timer-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.toasts{--h: 64px;--peek: 10px;--gap: 8px;height:0;transition:height .45s cubic-bezier(.32,.72,0,1)}.toasts.reserve{height:calc(var(--h) + 2 * var(--peek))}.toasts.open{height:calc(var(--n) * (var(--h) + var(--gap)) - var(--gap))}.toasts ol{position:relative;height:100%;margin:0;padding:0;list-style:none;cursor:pointer}.toast{position:absolute;left:0;right:0;bottom:0;z-index:calc(10 - var(--i));height:var(--h);display:flex;align-items:center;gap:14px;padding:0 18px;border-radius:20px;background:var(--surface);border:1px solid var(--edge);box-shadow:0 8px 24px -8px #0009;transform-origin:50% 0;transform:translateY(calc(var(--i) * -1 * var(--peek))) scale(calc(1 - var(--i) * .05));transition:transform .45s cubic-bezier(.32,.72,0,1),opacity .3s;animation:toast-in .5s cubic-bezier(.32,.72,0,1) both}.toast>*{transition:opacity .25s}.toast.back>*{opacity:0}.toasts.open .toast{transform:translateY(calc(var(--i) * -1 * (var(--h) + var(--gap))))}.toasts.open .toast>*{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(calc(var(--h) * .9)) scale(.96)}}.toast{--tone: var(--ink-2)}.toast[data-kind=task],.toast[data-kind=done]{--tone: #5ee0b4}.toast[data-kind=event]{--tone: #7fa6ff}.toast[data-kind=notification]{--tone: #ffb85c}.toast[data-kind=find]{--tone: #a99bff}.toast[data-kind=error]{--tone: var(--danger)}.toast-date{flex:none;min-width:34px;padding-right:14px;margin-right:2px;border-right:1px solid var(--edge-strong, rgba(255, 255, 255, .1));display:grid;justify-items:center;line-height:1.05}.toast-date b{font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.toast-date span{font-size:12px;color:var(--ink-3)}.toast-text{flex:1;min-width:0;display:grid;gap:2px}.toast-caption,.toast-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-caption{min-width:0}.toast-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.toast-caption{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:6px}.toast-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--tone)}.toast-side{flex:none;font-size:20px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.captions{height:22svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 8px 16px;transition:opacity .35s}.captions.hidden{opacity:0;pointer-events:none}.subs{width:100%;max-height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden;text-align:center;mask-image:linear-gradient(to bottom,transparent 0,#000 14px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px)}.you{margin:0;font-size:16px;line-height:1.35;color:var(--ink-2);text-wrap:balance;animation:word .5s cubic-bezier(.16,1,.3,1) both}.you.interim{opacity:.55}.bot{margin:0;font-size:clamp(21px,6vw,25px);line-height:1.3;font-weight:500;letter-spacing:-.015em;text-wrap:balance}.w{display:inline;animation:word .55s cubic-bezier(.16,1,.3,1) both;transition:color .25s}.w.later{color:var(--ink-3)}@keyframes word{0%{opacity:0;filter:blur(8px)}}.dock{display:flex;align-items:center;gap:8px;padding:12px 0 20px}.compose{flex:1;min-width:0;height:60px;display:flex;align-items:center;gap:6px;padding:0 7px 0 22px;border-radius:999px;background:var(--surface);border:1px solid var(--edge)}.compose input{flex:1;min-width:0;width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:17px;caret-color:var(--focus)}.compose input::placeholder{color:var(--ink-3)}.send{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:var(--main);color:var(--main-ink);cursor:pointer}.ctl{width:60px;height:60px;flex:none;display:grid;place-items:center;border:1px solid var(--edge);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;transition:background .2s,opacity .2s,transform .2s cubic-bezier(.16,1,.3,1)}.ctl:active{transform:scale(.92)}.ctl:disabled{opacity:.4;cursor:default}.ctl-mic[aria-pressed=true]{background:var(--danger);color:#fff;border-color:transparent}.ctl-main{background:var(--main);color:var(--main-ink);border-color:transparent}.ico{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ctl-main .ico{width:26px;height:26px;stroke-width:2.1}.send .ico{width:20px;height:20px;stroke-width:2.2}@media(max-width:360px){.app{padding-left:14px;padding-right:14px}.ctl,.compose{height:54px}.ctl{width:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{height:var(--app-height, 100svh);container-type:size;overflow-y:auto;overscroll-behavior:contain;grid-template-rows:auto minmax(120px,1fr) auto auto auto}.preview-badge{color:var(--ink-2);font-size:13px;text-align:center}.preview-note{margin:10px 0 0;padding:0 16px;color:var(--ink-3);font-size:12px;text-align:center}.preview-hint{flex:1;min-width:0;color:var(--ink-2);font-size:13px}@media(max-height:580px){.stage{min-height:0}.preview-note{margin-top:4px;font-size:11px}.dock{padding-top:8px;padding-bottom:8px}}@container (max-height: 580px){.stage{gap:6px;padding:8px 0}.preview-note{margin-top:0;font-size:11px}.captions{height:20cqh;padding-bottom:8px}.bot{font-size:20px}.dock{padding-top:8px;padding-bottom:8px}.ctl{width:48px;height:48px}}