:root{--bg: #F4F4F2;--surface: #FFFFFF;--ink: #171717;--muted: #6E6E6B;--rule: #DCDCD8;--event: #5C5C5A;--event-tint: transparent;--task: #E3A13A;--task-tint: #ECECE9;--saffron: #E3A13A;--on-saffron: #241800;--danger: #B2432F}@media(prefers-color-scheme:dark){:root{--bg: #121212;--surface: #1C1C1C;--ink: #F2F2F0;--muted: #9A9A96;--rule: #2E2E2C;--event: #B5B5B1;--event-tint: transparent;--task: #F0B04A;--task-tint: #242424;--saffron: #F0B04A;--on-saffron: #241800;--danger: #E0715B}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}button,input{font:inherit;color:inherit}a{color:inherit}h1{font-size:1.9rem;letter-spacing:-.02em;margin:0}h2{font-size:1.05rem;margin:0 0 2px}p{margin:0 0 .6em}small{font-size:.82rem}.muted{color:var(--muted)}.small{font-size:.85rem}.ok{color:#4f7d5f}@media(prefers-color-scheme:dark){.ok{color:#86b796}}.error,.danger{color:var(--danger)}.fine{color:var(--muted);font-size:.8rem}.grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.center{min-height:100dvh;display:grid;place-items:center;padding:20px}.card{background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:24px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px}.login label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.login input{background:var(--bg);border:1px solid var(--rule);border-radius:10px;padding:11px 12px;color:var(--ink)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;text-decoration:none}.mark{width:13px;height:13px;border-radius:4px;background:var(--saffron);display:inline-block}.btn{background:var(--ink);color:var(--bg);border:1.5px solid var(--ink);border-radius:10px;padding:9px 14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.btn.small{padding:6px 10px;font-size:.85rem;border-radius:8px}.btn:disabled{opacity:.5;cursor:default}.link{background:none;border:0;padding:6px 0;color:var(--muted);text-decoration:underline;cursor:pointer;text-align:left}.link.inline{padding:0;display:inline}.link.danger{color:var(--danger);margin-top:24px}.shell{max-width:760px;margin:0 auto;padding:0 16px 120px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:12px}.tab{background:none;border:0;padding:8px 10px;color:var(--muted);font-weight:600;cursor:pointer;border-radius:8px}.tab.on{color:var(--ink);background:var(--surface)}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:8px 0 18px}.notice{border:1px solid var(--rule);border-radius:12px;padding:12px 14px;margin-bottom:16px;background:var(--surface)}.notice.warn{border-color:var(--saffron)}.notice.danger{border-color:var(--danger);color:var(--ink)}.notice.ok{border-color:var(--saffron)}.timeline .row,.spill .row{display:flex;gap:12px;margin-bottom:8px}.row.past{opacity:.5}.row .t{width:60px;flex:none;text-align:right;color:var(--muted);font-size:.82rem;padding-top:10px;font-variant-numeric:tabular-nums}.row.now .t{color:var(--ink);font-weight:600}.block{flex:1;border-radius:10px;overflow:hidden}.block.task,.block.email{background:var(--task-tint);border-left:4px solid var(--task)}.block.email{border-left-color:var(--muted)}.block.event{background:var(--event-tint);border:1.5px solid var(--event)}.row.now .block{border-left-width:6px}.blockbtn{width:100%;text-align:left;background:none;border:0;padding:9px 12px;display:flex;flex-direction:column;gap:2px;cursor:pointer}.blockbtn b{font-weight:600}.blockbtn small,.block.email .blockbtn small{color:var(--muted)}.block.event .blockbtn small{color:var(--event)}.actions{display:flex;gap:8px;flex-wrap:wrap;padding:4px 12px 10px}.spill{margin-top:24px}.spill h2{margin-bottom:8px}.timerband{position:fixed;left:0;right:0;bottom:0;padding:12px 20px;background:var(--bg);border-top:1px solid var(--rule);display:flex;align-items:center;gap:16px}.timerband.on{background:var(--saffron);color:var(--on-saffron);border-top:0}.timerband .grow{max-width:760px;margin:0 auto;flex-direction:column}.timerband strong{font-size:1.6rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.timerband small{opacity:.8}.btn.stop{background:transparent;color:var(--on-saffron);border:2px solid var(--on-saffron);border-radius:999px}.group{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:16px;margin-bottom:16px}.prow{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--rule)}.prow b{font-weight:600}.token{margin-top:8px;background:var(--bg);border:1px solid var(--rule);border-radius:8px;padding:9px 10px;color:var(--ink);width:100%;max-width:420px}.hours{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hours input{background:var(--bg);border:1px solid var(--rule);border-radius:8px;padding:8px 10px;color:var(--ink)}@media(max-width:480px){.row .t{width:48px}.pagehead{flex-direction:column}}