:root{--bg:#fff;--bg-soft:#f3f4f6;--chat-bg:#eef1f5;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--accent:#2563eb;--accent-text:#fff;--accent-soft:#dbeafe;--mine:#d9f2c7;--theirs:#fff;--danger:#dc2626;--read:#16a34a;--shadow:0 1px 2px #00000014;--radius:14px;--header-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111827;--bg-soft:#1f2937;--chat-bg:#0b1220;--text:#f3f4f6;--muted:#9ca3af;--line:#273244;--accent:#3b82f6;--accent-soft:#1e3a5f;--mine:#23452e;--theirs:#1f2937;--danger:#f87171;--read:#4ade80;--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overscroll-behavior:none;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.solo{max-width:640px;height:100dvh;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}@media (width>=640px){.solo{border-left:1px solid var(--line);border-right:1px solid var(--line)}}.pane{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;min-height:0;overflow-y:auto}.header{min-height:var(--header-h);padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg);flex-shrink:0;align-items:center;gap:8px;display:flex}.header-title{flex:1;min-width:0}.header-main{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.header-sub{color:var(--muted);font-size:13px}.icon-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-soft)}.icon-btn:focus-visible,.btn:focus-visible,.list-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-btn:disabled{opacity:.4;cursor:default}.btn{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-weight:500;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.danger{color:var(--danger)}.btn.primary.danger{background:var(--danger);color:#fff}.btn.link{color:var(--accent);background:0 0;border-color:#0000}.btn.link.danger{color:var(--danger)}.btn.small{min-height:36px;padding:6px 12px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.error{color:var(--danger);margin:8px 0}.muted{color:var(--muted)}.small{font-size:13px}.accent{color:var(--accent)}.hint{color:var(--muted);margin:4px 16px 16px;font-size:13px}.segmented{background:var(--bg-soft);border-radius:10px;gap:4px;width:100%;padding:3px;display:flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;min-height:36px;font-size:14px}.segmented button.on{background:var(--bg);box-shadow:var(--shadow);color:var(--accent);font-weight:600}.nights-toggle{color:inherit;font:inherit}.nights-toggle svg{width:20px;height:20px;color:var(--muted);transition:transform .2s}.nights-toggle.open svg{transform:rotate(180deg)}.night-tabs button{flex-direction:column;align-items:center;padding:4px 2px;line-height:1.25;display:flex}.night-tab-time{color:var(--muted);font-size:12px;font-weight:400}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:20px 16px 6px;font-size:13px;font-weight:600}.list{border-radius:var(--radius);background:var(--bg);margin:8px;overflow:hidden}.list-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;flex-wrap:wrap;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 14px;display:flex}.list-row:last-child{border-bottom:0}.list-row:hover{background:var(--bg-soft)}.list-row .grow{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.diag-device{margin-top:16px}.diag-title{text-transform:none;letter-spacing:0}.diag-log{font-variant-numeric:tabular-nums;gap:4px;font-size:13px}.snore-about{text-align:center;margin-top:16px;font-size:14px;line-height:1.45}.volume{width:100%;color:var(--muted);align-items:center;gap:10px;display:flex}.volume>svg{flex-shrink:0;width:22px;height:22px}.volume-track{--thumb:44px;touch-action:pan-y;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;height:56px;position:relative}.volume-track:before,.volume-fill{content:"";top:50%;left:calc(var(--thumb) / 2);border-radius:5px;height:10px;margin-top:-5px;position:absolute}.volume-track:before{right:calc(var(--thumb) / 2);background:var(--bg-soft)}.volume-fill{width:calc((100% - var(--thumb)) * var(--p));background:linear-gradient(90deg, #60a5fa, var(--accent))}.volume-thumb{top:50%;left:calc((100% - var(--thumb)) * var(--p));width:var(--thumb);height:var(--thumb);margin-top:calc(var(--thumb) / -2);background:radial-gradient(circle at 32% 28%, #60a5fa 0%, var(--accent) 55%, #1d4ed8 100%);box-shadow:0 0 0 5px var(--accent-soft), 0 6px 14px #2563eb59;border-radius:50%;position:absolute}.volume-track:focus-visible{outline:none}.volume-track:focus-visible .volume-thumb{outline:3px solid var(--accent);outline-offset:7px}.snore-tips{cursor:default;gap:6px;margin:0;padding-left:32px;list-style:outside}.snore-tips:hover{background:0 0}.snore-dock{padding:14px 16px max(22px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);flex-direction:column;flex-shrink:0;align-items:center;gap:12px;max-height:75%;display:flex;overflow-y:auto}.snore-dock .error{text-align:center;margin:0}.mic-card{border-radius:var(--radius);background:var(--accent-soft);color:var(--text);flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;padding:14px 16px;font-size:15px;line-height:1.4;display:flex}.snore-go{background:radial-gradient(circle at 32% 28%, #60a5fa 0%, var(--accent) 55%, #1d4ed8 100%);color:#fff;width:168px;height:168px;font:inherit;box-shadow:0 0 0 10px var(--accent-soft), 0 14px 34px #2563eb59;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:19px;font-weight:600;transition:transform .15s,box-shadow .2s;display:flex;position:relative}.snore-go svg{width:40px;height:40px}.snore-go:active:not(:disabled){transform:scale(.96)}.snore-go:focus-visible{outline:3px solid var(--accent);outline-offset:14px}.snore-go:disabled{background:var(--bg-soft);color:var(--muted);box-shadow:0 0 0 10px var(--bg-soft);cursor:default}.snore-go.starting{background:radial-gradient(circle at 32% 28%, #60a5fa 0%, var(--accent) 55%, #1d4ed8 100%);color:#fff}.snore-go.starting:after{content:"";border:3px solid var(--accent);border-radius:50%;animation:1.2s ease-out infinite snore-pulse;position:absolute;inset:-10px}@keyframes snore-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}@media (height<=720px){.snore-go{width:128px;height:128px;font-size:17px}.snore-go svg{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){.snore-go{transition:none}.snore-go.starting:after{animation:none}}.night{z-index:1000;padding:max(28px, env(safe-area-inset-top)) 24px max(36px, env(safe-area-inset-bottom));color:#52525b;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#000;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.night-top{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.night-volume{align-items:flex-end;gap:5px;height:36px;margin-bottom:10px;display:flex;position:relative}.night-volume span{width:9px;height:calc(25% + 75% * var(--h));background:#27272a;border-radius:3px;position:relative;overflow:hidden}.night-volume i{opacity:calc(.45 + .45 * var(--glow));transform:scaleY(var(--f));transform-origin:bottom;background:#6d8bd1;transition:transform .2s ease-out,opacity .25s linear,background-color .4s;position:absolute;inset:0}.night-volume.lit i{opacity:1;background:#a5c0f7}.night-volume b{color:#52525b;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:12px;font-size:14px;font-weight:400;line-height:1;transition:color .4s;position:absolute;bottom:-2px;left:100%}.night-volume.lit b{color:#a1a1aa}@media (prefers-reduced-motion:reduce){.night-volume i,.night-volume b{transition:none}}.night-status{font-size:17px}.night-time{color:#3f3f46;font-variant-numeric:tabular-nums;font-size:44px;font-weight:300}.night-note{color:#71717a;max-width:300px;font-size:13px}.night-paused{text-align:center;color:#a1a1aa;flex-direction:column;align-items:center;gap:14px;max-width:320px;display:flex}.night-controls{align-items:center;gap:20px;display:flex}.night-btn{color:#71717a;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;line-height:1;display:grid}.night-btn svg{width:26px;height:26px}.night-btn.wide{color:#a1a1aa;border-radius:24px;width:auto;height:48px;padding:0 24px;font-size:16px}.night-stop{touch-action:none;color:#a1a1aa;cursor:pointer;background:0 0;border:0;border-radius:50%;width:clamp(88px,min(100vw - 200px,100dvh - 300px),156px);height:clamp(88px,min(100vw - 200px,100dvh - 300px),156px);font-size:19px;position:relative}.night-stop svg{position:absolute;inset:0;transform:rotate(-90deg)}.night-stop circle{fill:none;stroke-width:3px}.night-stop .track{stroke:#27272a}.night-stop .progress{stroke:#a1a1aa;stroke-dasharray:289;stroke-dashoffset:289px;transition:stroke-dashoffset .15s ease-out}.night-stop.holding .progress{stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.night-btn:focus-visible,.night-stop:focus-visible{outline-offset:3px;outline:2px solid #52525b}.night.done{background:var(--bg-soft);color:var(--text);justify-content:center;align-items:stretch}.night-done-body{flex-direction:column;gap:8px;width:100%;max-width:480px;margin:0 auto;display:flex}.night-done-body h2{margin:0 16px 8px}.night-done-body .btn{margin:8px 16px 0}
