:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--bg-subtle:#f7f7f8;--bg-hover:#f1f1f3;--bg-active:#ebebee;--bg-elevated:#fff;--fg:#1f2023;--fg-muted:#6b6e76;--fg-faint:#a0a2a9;--border:#ebebee;--border-strong:#dcdce1;--accent:#5e6ad2;--brand:#46a0db;--accent-hover:#4f5bc3;--accent-fg:#fff;--accent-text:#5e6ad2;--accent-ring:#5e6ad238;--current-bg:#f5f6fd;--danger:#d4483f;--now:color-mix(in srgb, var(--accent) 38%, var(--bg));--toast-bg:#1f2023;--toast-fg:#f4f4f6;--toast-action:#a8b0ff;--overlay:#0f0f1452;--shadow-sm:0 1px 2px #0000000d;--shadow-lg:0 0 0 1px #0000000a, 0 12px 32px #00000024, 0 2px 6px #0000000f;--radius-sm:4px;--radius:6px;--radius-lg:10px;--c-grey:#5f6368;--c-blue:#1a73e8;--c-red:#d93025;--c-yellow:#e8a600;--c-green:#188038;--c-pink:#d01884;--c-purple:#a142f4;--c-cyan:#007b83;--c-orange:#f28b30}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141518;--bg-subtle:#1a1b1f;--bg-hover:#202126;--bg-active:#26272d;--bg-elevated:#1c1d22;--fg:#e6e6e9;--fg-muted:#9b9ca4;--fg-faint:#696b74;--border:#25262b;--border-strong:#32333a;--accent:#6872de;--accent-hover:#7a84ea;--accent-fg:#fff;--accent-text:#9aa2ff;--accent-ring:#6872de59;--current-bg:#1d1f2c;--danger:#f07b72;--toast-bg:#2a2b31;--toast-fg:#f0f0f2;--toast-action:#a8b0ff;--overlay:#00000080;--shadow-sm:0 1px 2px #0000004d;--shadow-lg:0 0 0 1px #ffffff0f, 0 12px 32px #00000080;--c-grey:#bdc1c6;--c-blue:#8ab4f8;--c-red:#f28b82;--c-yellow:#fdd663;--c-green:#81c995;--c-pink:#ff8bcb;--c-purple:#c58af9;--c-cyan:#78d9ec;--c-orange:#fcad70}}.c-grey{--dot:var(--c-grey)}.c-blue{--dot:var(--c-blue)}.c-red{--dot:var(--c-red)}.c-yellow{--dot:var(--c-yellow)}.c-green{--dot:var(--c-green)}.c-pink{--dot:var(--c-pink)}.c-purple{--dot:var(--c-purple)}.c-cyan{--dot:var(--c-cyan)}.c-orange{--dot:var(--c-orange)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif}#root{height:100%}button,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{height:100%;height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}.top{padding:calc(env(safe-area-inset-top) + 4px) 4px 4px;border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:4px;display:flex;position:relative}.top-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;font-weight:600;overflow:hidden}.icon-btn,.icon-btn-spacer{flex:none;width:44px;height:44px}.icon-btn{border-radius:var(--radius-lg);color:var(--fg-muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:active{background:var(--bg-active)}.icon-btn.play{color:var(--fg-muted)}.icon-btn.stop{color:var(--dot,var(--accent))}.menu{z-index:20;border-radius:var(--radius-lg);background:var(--bg-elevated);width:min(320px,100vw - 16px);box-shadow:var(--shadow-lg);padding:6px;position:absolute;top:calc(100% + 4px);right:8px}.menu-backdrop{z-index:19;position:fixed;inset:0}.menu-hint{display:block}.menu-email{color:var(--fg-muted);text-overflow:ellipsis;margin:6px 10px 8px;font-size:14px;overflow:hidden}.menu-item{border-radius:var(--radius);text-align:left;background:0 0;border:0;width:100%;min-height:44px;padding:0 10px;display:block}.menu-item:active{background:var(--bg-active)}.menu-item.danger{color:var(--danger)}.menu-note{margin:4px 10px 10px;font-size:14px}.code{letter-spacing:.08em;font:600 20px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.now{border-bottom:1px solid var(--border);background:var(--current-bg)}.now-row{align-items:center;gap:10px;min-height:52px;padding:0 4px 0 16px;display:flex}.now-row+.now-row{border-top:1px solid var(--border)}.now-dot,.project-dot{background:var(--dot,var(--accent));border-radius:50%;flex:none;width:10px;height:10px}.now-main{flex-direction:column;flex:1;min-width:0;display:flex}.now-kind{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.now-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.elsewhere{color:var(--fg-faint);font-size:13px}.content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.add{border-bottom:1px solid var(--border);min-height:52px;color:var(--fg-faint);align-items:center;gap:10px;padding:0 16px;display:flex}.add-input{min-width:0;height:44px;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:16px}.add-input::placeholder{color:var(--fg-faint)}.list{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--border);align-items:center;gap:4px;min-height:52px;padding:0 4px 0 16px;display:flex}.row.is-current{background:var(--current-bg)}.row-main{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:8px 0;display:flex}.row-title{overflow-wrap:anywhere}.row.is-done .row-title{color:var(--fg-faint);text-decoration:line-through}.row-open{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;min-height:52px;padding:0;display:flex}.project-row{padding-left:16px}.count{color:var(--fg-faint);margin-left:auto;padding-right:4px;font-size:14px}.badge{background:color-mix(in srgb, var(--dot,var(--fg-faint)) 14%, transparent);max-width:100%;color:color-mix(in srgb, var(--dot,var(--fg-muted)) 80%, var(--fg));text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;overflow:hidden}.check{flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-left:-12px;display:inline-flex;position:relative}.check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.check-box{border:1.5px solid var(--border-strong);width:22px;height:22px;color:var(--accent-fg);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.row.is-done .check-box{border-color:var(--accent);background:var(--accent)}.check input:focus-visible+.check-box{outline:2px solid var(--accent);outline-offset:2px}.project-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:52px;padding:0 4px 0 16px;font-weight:600;display:flex}.project-head .row-title{flex:1}.done-section{padding-bottom:16px}.section-toggle{width:100%;min-height:44px;color:var(--fg-muted);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0 16px;font-size:14px;display:flex}.section-toggle .count{margin-left:0}.empty{color:var(--fg-faint);text-align:center;margin:32px 24px}.banner{margin:0;padding:10px 16px}.error{color:var(--danger)}.status{border-top:1px solid var(--border);min-height:28px;color:var(--fg-faint);align-items:center;gap:8px;padding:4px 16px;font-size:12px;display:flex}.status.has-problem{color:var(--danger)}.status-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tabbar{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--bg-subtle);display:flex}.tab{min-height:52px;color:var(--fg-faint);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.tab.is-active{color:var(--accent-text)}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);min-height:44px;padding:0 18px;font-weight:500}.btn:disabled{opacity:.5}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.btn.danger{border-color:var(--danger);background:var(--danger);color:#fff}@media (prefers-color-scheme:dark){.btn.danger{color:var(--bg)}}.btn.ghost{color:var(--accent-text);background:0 0;border-color:#0000}.btn.small{min-height:32px;padding:0 10px;font-size:12px}.hint{color:var(--fg-faint);font-size:13px}.login{max-width:420px;min-height:100%;padding:calc(env(safe-area-inset-top) + 48px) 24px calc(env(safe-area-inset-bottom) + 24px);background:var(--bg);flex-direction:column;align-items:stretch;gap:12px;margin:0 auto;display:flex}.login-title{margin:0;font-size:28px}.login-text{color:var(--fg-muted);margin:0 0 12px}.login-code{flex-wrap:wrap;gap:8px;display:flex}.field{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg);flex:1;min-width:0;height:44px;padding:0 12px;font-size:16px}.code-input{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.login-code .hint{flex-basis:100%;margin:0}.overlay{z-index:50;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.is-loading{background:var(--bg)}.dialog-backdrop{z-index:60;padding:16px;padding-bottom:calc(env(safe-area-inset-bottom) + 16px);background:var(--overlay);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog{background:var(--bg-elevated);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:14px;padding:18px}.dialog-title{margin:0 0 8px;font-size:17px}.dialog-text{color:var(--fg-muted);margin:0 0 16px}.dialog-actions{gap:8px;display:flex}.dialog-actions .btn{flex:1}