:root{--page:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink-2:#52514e;--muted:#6f6e69;--line:#e1e0d9;--line-strong:#c3c2b7;--accent:#2a78d6;--accent-ink:#1c5cab;--error:#d03b3b;--radius:10px;color:var(--ink);background:var(--page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body,h1,h2,p{margin:0}button,input{font:inherit;color:inherit}.app{max-width:1200px;margin:0 auto;padding:24px 24px 48px}.muted{color:var(--muted)}.small{font-size:12px}.top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand h1{letter-spacing:-.01em;font-size:20px;font-weight:650}.brand p{font-size:13px}.logo{background:var(--accent) url(/favicon.svg) center / 22px no-repeat;border-radius:8px;width:32px;height:32px}.tabs-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.tabs{gap:4px;display:flex}.tab{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 12px}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.cutoff,.day-nav label,.slider{align-items:center;gap:8px;font-size:13px;display:flex}.cutoff{padding-bottom:6px}input[type=time],input[type=date]{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;padding:4px 8px}main,.stack{flex-direction:column;gap:16px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px;display:grid}.toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.day-nav{align-items:center;gap:8px;display:flex}.day-nav button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:6px;width:32px;height:32px;font-size:18px;line-height:1}.day-nav button:disabled{opacity:.4;cursor:default}.headline{color:var(--ink-2);max-width:900px;font-size:15px;line-height:1.5}.headline b{color:var(--ink);font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:16px}.card-head{justify-content:space-between;gap:16px;margin-bottom:12px;display:flex}.card-head h2{margin-bottom:2px;font-size:15px;font-weight:600}.card-head p{max-width:720px;font-size:13px;line-height:1.4}.card-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.stats.compact{margin-bottom:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.stat-label{color:var(--muted);font-size:12px}.stat-value{margin:2px 0;font-size:24px;font-weight:600}.stat-note{color:var(--ink-2);font-size:12px}.hindsight{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:8px;padding:10px 0 4px;font-size:13px;display:flex}.toggle{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.toggle input{accent-color:var(--accent)}.button,.link{cursor:pointer;font-size:13px}.button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:6px;padding:6px 12px;text-decoration:none}.button:hover{border-color:var(--ink-2)}.link{color:var(--accent-ink);background:0 0;border:0;padding:8px 0 0}.status{color:var(--muted);font-size:13px}.status.error{color:var(--error)}.table-wrap{margin-top:8px;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}th,td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 10px}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:500}table.clickable tbody tr{cursor:pointer}table.clickable tbody tr:hover,table.clickable tbody tr:focus{background:#2a78d60f;outline:none}.chart{width:100%}.slider input{accent-color:var(--accent);width:180px}.slider b{font-variant-numeric:tabular-nums;min-width:36px}.foot{margin-top:32px}@media (width<=640px){.app{padding:16px}.card-head{flex-direction:column}.grid-2{grid-template-columns:1fr}}
