:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--tab-bar-height:56px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;height:100svh;margin:0 auto;display:flex;overflow:hidden}body{margin:0}h1{font-family:var(--heading);color:var(--text-h);letter-spacing:-1.68px;margin:0;font-size:56px;font-weight:500}@media (width<=1024px){h1{font-size:36px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.app{text-align:left;flex-direction:column;flex:1;min-height:0;display:flex}.app-header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--border);flex:none;justify-content:flex-end;align-items:center;gap:16px;font-size:14px;display:flex}.app-header button{font:inherit;cursor:pointer;color:var(--text-h);border:1px solid var(--accent-border);background:0 0;border-radius:4px;padding:6px 12px}.app-header button:hover{border-color:var(--accent)}.day-nav{border-top:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:8px 16px;display:flex;position:relative}.day-nav button{font:inherit;cursor:pointer;color:var(--text-h);border:1px solid var(--border);background:0 0;border-radius:8px}.day-nav>button:not(.day-nav-label){flex:none;width:44px;height:40px;font-size:22px;line-height:1}.day-nav button:disabled{cursor:default;opacity:.35}.day-nav button:hover:not(:disabled){border-color:var(--accent)}.day-nav-label{flex:1;height:40px;font-size:16px}.day-nav-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:50%}.day-ruler{margin:12px 16px 24px;position:relative}.hour-mark{border-top:1px solid var(--border);position:absolute;left:0;right:0}.hour-mark span{font-variant-numeric:tabular-nums;width:44px;color:var(--text);background:var(--bg);font-size:12px;position:absolute;top:-8px;left:0}.day-blocks{position:absolute;inset:0 0 0 52px}.entry-block{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:1px 8px;font-size:13px;line-height:16px;position:absolute;left:0;right:0;overflow:hidden}.now-line{pointer-events:none;border-top:2px solid #e5484d;position:absolute;left:44px;right:0}.now-line:before{content:"";background:#e5484d;border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;left:-5px}.day{flex-direction:column;flex:1;min-height:0;display:flex}.day-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;transition:opacity .15s;overflow-y:auto}.day-scroll.is-loading{opacity:.6}.day-error{color:#d0342c;background:#d0342c1a;border-bottom:1px solid #d0342c66;flex:none;padding:10px 16px;font-size:14px}@media (prefers-color-scheme:dark){.day-error{color:#f87171}}.tab-bar{border-top:1px solid var(--border);background:var(--bg);padding-bottom:env(safe-area-inset-bottom);flex:none;display:flex}.tab-bar button{height:var(--tab-bar-height);font:inherit;cursor:pointer;color:var(--text);background:0 0;border:0;border-top:2px solid #0000;flex:1;font-size:15px}.tab-bar button[aria-current=page]{color:var(--accent);border-top-color:var(--accent)}.activity-row{border:1px solid var(--border);background:var(--bg);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:8px;align-items:stretch;gap:4px;list-style:none;display:flex}.activity-row.is-running{border-color:var(--accent-border);background:var(--accent-bg)}.activity-row.is-dragging{z-index:1;position:relative;box-shadow:0 6px 20px #0000004d}.activity-row button{font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:0}.activity-handle{width:40px;color:var(--text);cursor:grab;touch-action:none;letter-spacing:-2px;flex:none}.activity-handle:active{cursor:grabbing}.activity-select{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:14px 4px;display:flex}.activity-select:disabled{cursor:progress}.activity-dot{border-radius:50%;flex:none;width:14px;height:14px}.activity-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.activity-elapsed{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--accent);flex:none;font-size:15px}.activity-edit{width:44px;color:var(--text);flex:none}.activity-edit:hover,.activity-handle:hover{color:var(--accent)}.activity-list{flex-direction:column;gap:8px;margin:0;padding:16px;display:flex}.activity-sheet{width:420px;max-width:calc(100% - 32px);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:0;box-shadow:0 12px 40px #00000059}.activity-sheet::backdrop{background:#00000080}.activity-sheet form{text-align:left;flex-direction:column;gap:18px;padding:24px;display:flex}.activity-sheet h2{color:var(--text-h);margin:0;font-size:22px;font-weight:500}.activity-sheet label:not(.swatch){color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.activity-sheet input[type=text]{font:inherit;color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-size:16px}.activity-sheet input[type=text]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.swatches{border:0;grid-template-columns:repeat(6,1fr);gap:10px;margin:0;padding:0;display:grid}.swatches legend{color:var(--text-h);margin-bottom:8px;font-size:14px}.swatch{aspect-ratio:1;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.swatch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.swatch-check{color:#fff;text-shadow:0 1px 2px #0009;pointer-events:none;font-size:18px}.sheet-actions{align-items:center;gap:10px;display:flex}.sheet-spacer{flex:1}.sheet-actions button{font:inherit;cursor:pointer;color:var(--text-h);border:1px solid var(--border);background:0 0;border-radius:4px;padding:8px 16px;font-size:15px}.sheet-actions button:disabled{cursor:not-allowed;opacity:.5}.sheet-save{background:var(--accent-bg);border-color:var(--accent-border)}.sheet-save:hover:not(:disabled),.sheet-actions button:hover:not(:disabled){border-color:var(--accent)}.sheet-archive{color:#d0342c}.sheet-error{color:#d0342c;margin:0;font-size:14px}.sheet-hint{margin:0;font-size:13px}@media (prefers-color-scheme:dark){.sheet-error,.sheet-archive{color:#f87171}}@media (width<=600px){.activity-sheet{border-bottom:0;border-radius:16px 16px 0 0;width:100%;max-width:100%;margin:auto 0 0}.activity-sheet form{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.track{flex-direction:column;flex:1;min-height:0;display:flex}.track-list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.track-empty{text-align:center;padding:32px 16px 0}.track-footer{border-top:1px solid var(--border);flex:none;padding:12px 16px}.track-new{width:100%;font:inherit;cursor:pointer;color:var(--text-h);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:8px;padding:12px 20px;font-size:16px}.track-new:hover{border-color:var(--accent)}.track-error{color:#d0342c;background:#d0342c1a;border-bottom:1px solid #d0342c66;flex:none;align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex}.track-error span{flex:1}.track-error button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;font-size:18px;line-height:1}@media (prefers-color-scheme:dark){.track-error{color:#f87171}}.reload-prompt{right:16px;bottom:calc(var(--tab-bar-height) + 16px + env(safe-area-inset-bottom));border:1px solid var(--accent-border);background:var(--bg);color:var(--text-h);align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;position:fixed;box-shadow:0 4px 16px #0000004d}.reload-prompt button{cursor:pointer;color:inherit;border:1px solid var(--accent-border);background:0 0;padding:6px 12px;font-size:14px}.reload-prompt button:hover{border-color:var(--accent)}.sign-in{box-sizing:border-box;text-align:left;flex-direction:column;gap:20px;width:360px;max-width:100%;margin:auto;padding:32px;display:flex}.sign-in h1{letter-spacing:-1px;text-align:center;font-size:36px}.sign-in label{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.sign-in input{font:inherit;color:var(--text-h);background:var(--code-bg);border:1px solid var(--border);border-radius:4px;padding:10px 12px;font-size:16px}.sign-in input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sign-in button{font:inherit;cursor:pointer;color:var(--text-h);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:4px;padding:10px 20px;font-size:16px;transition:border-color .15s}.sign-in button:hover:not(:disabled){border-color:var(--accent)}.sign-in button:disabled{cursor:progress;opacity:.7}.sign-in-error{color:#d0342c;font-size:14px}@media (prefers-color-scheme:dark){.sign-in-error{color:#f87171}}.auth-status{flex-direction:column;gap:8px;margin:auto;padding:32px;display:flex}.auth-status-detail{font-size:14px;font-family:var(--mono)}