:root{--bg:#f5f3ef;--surface:#fff;--raised:#f0ede8;--ink:#1a1816;--muted:#6b6560;--quiet:#9b958f;--line:#e2ddd8;--soft:#ece8e3;--accent:#2251ff;--accent-soft:#2251ff14;--ok:#1a7a46;--ok-soft:#1a7a461a;--warn:#9a5a00;--danger:#b91c1c;--dp-colour:#7c3aed;--dp-soft:#7c3aed1a;--wn-colour:#0369a1;--wn-soft:#0369a11a;--co-colour:#b45309;--co-soft:#b453091a;--ip-colour:#be185d;--ip-soft:#be185d1a;--game-colour:#047857;--game-soft:#0478571a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}body.embed{background:0 0}body.embed .page-wrap{padding:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.page-wrap{max-width:760px;margin:0 auto;padding:32px 16px 60px}.stack{flex-direction:column;display:flex}.stack--sm{gap:8px}.stack--md{gap:16px}.stack--lg{gap:28px}.stack--xl{gap:40px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px}.card--flush{padding:0;overflow:hidden}.card--soft{background:var(--raised);border-color:#0000}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--quiet);font-size:10px;font-weight:700}.section-title{letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:700}.meta{color:var(--muted);font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:background 80ms;display:inline-flex}.btn:hover{background:var(--raised)}.btn--sm{border-radius:5px;padding:4px 10px;font-size:12px}.btn--ghost{color:var(--muted);background:0 0}.btn--ghost:hover{background:var(--soft);color:var(--ink)}.btn--danger{color:var(--danger);border-color:#b91c1c40}.btn--danger:hover{background:#b91c1c0f}.pill{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:500;display:inline-flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.chip .chip__count{color:var(--muted);font-size:11px;font-weight:400}.axis-row{grid-template-columns:90px 1fr 24px;align-items:center;gap:8px;display:grid}.axis-track{background:var(--soft);border-radius:99px;height:6px;overflow:hidden}.axis-fill{background:var(--dp-colour);border-radius:99px;height:100%;transition:width .3s}.axis-label{color:var(--muted);font-size:12px}.axis-value{text-align:right;font-size:12px;font-weight:600}.timeline,.tl-day-group{flex-direction:column;gap:0;display:flex}.tl-day-label{letter-spacing:.05em;color:var(--quiet);text-transform:uppercase;border-bottom:1px solid var(--line);margin-bottom:2px;padding:10px 0 6px;font-size:11px;font-weight:600}.tl-item{border-bottom:1px solid var(--soft);align-items:flex-start;gap:10px;padding:7px 0;font-size:13px;display:flex}.tl-item:last-child{border-bottom:0}.tl-dot{background:var(--line);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.tl-time{color:var(--quiet);white-space:nowrap;font-size:11px}.divider{border:none;border-top:1px solid var(--line);margin:20px 0}.completion-ring{display:block}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.kv{flex-direction:column;gap:2px;display:flex}.kv__k{color:var(--quiet);font-size:11px}.kv__v{font-size:14px;font-weight:600}.stat-block{text-align:center;flex-direction:column;align-items:center;padding:14px 10px;display:flex}.stat-block__num{font-size:28px;font-weight:800;line-height:1}.stat-block__label{color:var(--muted);margin-top:4px;font-size:11px}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;padding:20px;font-size:13px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg, var(--soft) 25%, var(--raised) 50%, var(--soft) 75%);background-size:1200px 100%;border-radius:6px;animation:1.6s infinite shimmer}@media (max-width:600px){.page-wrap{padding:20px 12px 48px}.grid-2,.grid-3{grid-template-columns:1fr}.card{padding:16px}}