:root{--text:#444;--text-h:#111;--bg:#fff;--border:#e5e4e7;--accent:#4a90e2;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.45 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#c5c8d0;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a}}body{margin:0}h1,h2{color:var(--text-h)}.app{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:720px;margin:0 auto;padding:48px 24px;display:flex}.app h1{margin:0;font-size:2rem}.header-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex;position:relative}.gear-button{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:4px;font-size:1.4rem;line-height:1;position:absolute;right:0}.gear-button:hover{opacity:1}.settings-panel{border:1px solid var(--border,#ccc);border-radius:8px;flex-direction:column;gap:8px;width:100%;max-width:300px;padding:12px 16px;display:flex}.volume-label{flex-direction:column;gap:6px;font-size:.9rem;display:flex}.volume-label input[type=range]{cursor:pointer;width:100%}.task-input-label{width:100%;max-width:360px;color:var(--text-h,inherit);flex-direction:column;align-items:stretch;gap:6px;font-size:.9rem;display:flex}.task-input-label input{border:1px solid var(--border,#ccc);color:inherit;background:0 0;border-radius:6px;padding:10px 12px;font-size:1rem}.task-input-label input:disabled{opacity:.6}.task-form{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px;display:flex}.task-form button[type=submit]{border:1px solid var(--border,#ccc);color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:.95rem}.task-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.task-form button[type=submit]:hover:not(:disabled){border-color:var(--accent,#4a90e2);background:#00000014}@media (prefers-color-scheme:dark){.task-form button[type=submit]:hover:not(:disabled){background:#ffffff14}}.task-list{flex-direction:column;gap:6px;width:100%;max-width:480px;margin:0;padding:0;list-style:none;display:flex}.task-item{border:1px solid var(--border,#ccc);text-align:left;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;display:flex}.task-check{cursor:pointer;margin:0}.task-since{color:#888;text-align:right;min-width:62px;font-size:.8rem}.task-time{font-variant-numeric:tabular-nums;color:#888;min-width:70px;font-size:.85rem}.task-completed .task-text{color:#888;text-decoration:line-through}.task-completed{opacity:.7}.task-text{word-break:break-word;flex:1}.task-edit-input{border:1px solid var(--border,#ccc);color:inherit;background:0 0;border-radius:4px;flex:1;padding:6px 8px;font-size:1rem}.task-item button{border:1px solid var(--border,#ccc);color:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:.85rem}.task-item button:hover{border-color:var(--accent,#4a90e2);background:#00000014}@media (prefers-color-scheme:dark){.task-item button:hover{background:#ffffff14}}.task-input-label input:focus{outline:none}.task-input-label input:focus-visible{outline:2px solid var(--accent,#4a90e2);outline-offset:1px}.controls button:focus{outline:none}.controls button:focus-visible{outline:2px solid var(--accent,#4a90e2);outline-offset:2px}.phase-label{min-height:1.4em;font-size:1.1rem;font-weight:500}.timer-display{letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-size:5rem;font-weight:700;line-height:1}.controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.controls button{border:1px solid var(--border,#ccc);color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:10px 18px;font-size:1rem}.controls button:disabled{opacity:.5;cursor:not-allowed}.controls button:hover:not(:disabled){border-color:var(--accent,#4a90e2);background:#00000014}@media (prefers-color-scheme:dark){.controls button:hover:not(:disabled){background:#ffffff14}}.app.phase-work .timer-display{color:#4a90e2}.app.phase-rest .timer-display{color:#2ecc71}.history-section{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:24px;display:flex}.history-section h2{margin:0 0 12px;font-size:1.1rem}.history-empty{color:#888;font-style:italic}.history-board{grid-template-rows:repeat(3,14px);grid-template-columns:repeat(24,14px);grid-auto-flow:column;gap:7px;width:fit-content;margin:0 auto;padding:0;list-style:none;display:grid}.history-board li{display:contents}button.history-cell,span.history-cell{cursor:pointer;background:#ebedf0;border:1px solid #1b1f230f;border-radius:3px;width:14px;height:14px;padding:0;display:inline-block}span.history-cell{cursor:default}.history-cell.status-future{background:#ebedf0}.history-cell.status-missed{background:#b0b4b9}.history-cell.status-current{background:#ebedf0;box-shadow:0 0 0 2px #4a90e2}.history-cell.status-acknowledged{background:#40c463}.history-cell.status-break{background:#f0a935}button.history-cell:focus{outline:none}button.history-cell:focus-visible{outline:2px solid var(--accent,#4a90e2);outline-offset:2px}button.history-cell:hover{filter:brightness(.9)}.history-legend{color:#666;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}