:root{--bg:#0b0a0c;--surface:#171618;--surface-2:#1d1c1f;--border:#2a2418;--text:#e8e2d8;--text-dim:#8b8578;--gold:#dca54c;--gold-bright:#f0c95c;--gold-dim:#8a6d3b;--danger:#e05d5d;--ok:#6fbf73;--heat-0:#2a2418;--heat-1:#6b5426;--heat-2:#9a7a2e;--heat-3:#c99b3a;--heat-4:#f0c95c;--heatg-0:#1b241d;--heatg-1:#27472f;--heatg-2:#33734a;--heatg-3:#3f9a5c;--heatg-4:#55e07f;--radius:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:32px;--fs-3xl:44px;--font:system-ui, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{font-family:var(--font);font-size:var(--fs-md);color:var(--text);background:radial-gradient(1100px 480px at 50% -12%, #dca54c14, transparent 62%), var(--bg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--radius)}::selection{background:var(--gold);color:#1a1408}.app{max-width:1080px;padding:var(--sp-6) var(--sp-4) var(--sp-8);margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-6);border-bottom:1px solid var(--border);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.brand{align-items:baseline;gap:var(--sp-3);min-width:0;display:flex}.wordmark{font-size:var(--fs-xl);letter-spacing:.28em;color:var(--gold);text-transform:uppercase;font-weight:700}.tagline{font-size:var(--fs-sm);color:var(--text-dim);letter-spacing:.04em}.header-actions{align-items:center;gap:var(--sp-4);display:flex}.streak-mini{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text);background:var(--surface);border:1px solid var(--border);padding:6px var(--sp-3);border-radius:999px;display:inline-flex}.streak-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #dca54c8c}.app-main{gap:var(--sp-5);flex-direction:column;display:flex}.app-footer{text-align:center;font-size:var(--fs-xs);color:var(--text-dim);padding-top:var(--sp-8);letter-spacing:.03em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);min-width:0}.card-title{font-size:var(--fs-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-weight:600}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.caption{font-size:var(--fs-xs);color:var(--text-dim)}.badge{align-items:center;gap:var(--sp-1);border:1px solid var(--gold-dim);color:var(--gold);font-size:var(--fs-xs);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:3px 10px;font-weight:600;display:inline-flex}.badge-ok{color:var(--ok);border-color:#6fbf7373}.badge-dim{border-color:var(--border);color:var(--text-dim)}.badge-danger{color:var(--danger);border-color:#e05d5d73}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:44px;padding:10px var(--sp-5);font-weight:600;font-size:var(--fs-md);letter-spacing:.02em;border:1px solid #0000;border-radius:12px;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gold);color:#1a1408}.btn-primary:hover:not(:disabled){background:var(--gold-bright)}.btn-ghost{border-color:var(--gold-dim);color:var(--gold);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--gold);background:#dca54c14}.btn-danger{color:var(--danger);background:0 0;border-color:#e05d5d80}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:#e05d5d14}.stats-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.stat-value{font-size:var(--fs-xl);color:var(--text);letter-spacing:.01em;font-weight:700}.stat-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.stat-badge-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.timer-card{align-items:center;gap:var(--sp-5);width:100%;max-width:520px;padding:var(--sp-6) var(--sp-5);flex-direction:column;margin:0 auto;display:flex}.timer-ring{flex:none;width:220px;height:220px;position:relative}.timer-ring-svg{display:block}.ring-track{fill:none;stroke:var(--border);stroke-width:10px}.ring-progress{fill:none;stroke:var(--gold);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .35s linear}.ring-progress-grad{stroke:url(#level-grad)}.grad-stop-gold{stop-color:var(--gold)}.grad-stop-bright{stop-color:var(--gold-bright)}.ring-center{justify-content:center;align-items:center;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.mode-label{font-size:var(--fs-sm);letter-spacing:.22em;text-transform:uppercase;font-weight:600}.mode-gold{color:var(--gold)}.mode-dim{color:var(--text-dim)}.ring-time{font-family:var(--font-mono);font-size:var(--fs-3xl);letter-spacing:.02em;color:var(--text);font-weight:600;line-height:1.1}.cycle-dots{gap:var(--sp-2);display:flex}.cycle-dot{border:1px solid var(--gold-dim);background:0 0;border-radius:50%;width:8px;height:8px}.cycle-dot.filled{background:var(--gold);border-color:var(--gold);box-shadow:0 0 6px #dca54c73}.task-picker{align-items:center;gap:var(--sp-2);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.chip{align-items:center;gap:var(--sp-2);min-height:34px;padding:5px var(--sp-3);border:1px solid var(--gold-dim);color:var(--text);font-size:var(--fs-sm);cursor:pointer;background:0 0;border-radius:999px;max-width:100%;display:inline-flex}.chip-title{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.chip:hover:not(.selected){border-color:var(--gold)}.chip.selected{background:var(--gold);border-color:var(--gold);color:#1a1408;font-weight:600}.chip-untracked{color:var(--text-dim);border-style:dashed}.chip-untracked.selected{border-style:solid;border-color:var(--gold-dim);color:var(--gold);background:0 0;font-weight:600}.chip-dot{border-radius:50%;flex:none;width:8px;height:8px}.chip-x{width:18px;height:18px;color:inherit;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:inline-flex}.chip.selected .chip-x{color:#1a1408}.chip-x:hover{opacity:1;background:#0000002e}.chip-add{color:var(--gold);font-size:var(--fs-lg);padding:0 var(--sp-3);line-height:1}.task-add{min-width:0;display:inline-flex}.task-add-input{width:160px}.timer-controls{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.input{background:var(--surface-2);border:1px solid var(--border);padding:9px var(--sp-3);color:var(--text);font-size:var(--fs-sm);border-radius:12px;min-width:0;min-height:38px}.input::placeholder{color:var(--text-dim)}.input:focus-visible{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold-dim)}.dashboard-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;display:grid}.dashboard-grid>*{min-width:0}.span-2{grid-column:span 2}@media (width<=720px){.span-2{grid-column:span 1}}.streak-value{align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.streak-num{font-size:var(--fs-2xl);color:var(--gold);font-weight:800;line-height:1}.streak-unit{font-size:var(--fs-sm);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.milestone-row{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.heatmap-wrap{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.heatmap{flex:none}.heat-month,.heat-weekday{fill:var(--text-dim);font-size:10px}.heat-cell{rx:2.5px}.heat-0{fill:var(--heatg-0)}.heat-1{fill:var(--heatg-1)}.heat-2{fill:var(--heatg-2)}.heat-3{fill:var(--heatg-3)}.heat-4{fill:var(--heatg-4)}.heat-cell-future{fill:#0000}.heat-today{stroke:var(--gold)}.heatmap-legend{align-items:center;gap:5px;padding-top:2px;display:flex}.heatmap-legend-label{color:var(--text-dim);font-size:10px}.heatmap-swatch{border-radius:2px;width:10px;height:10px}.heat-swatch-0{background:var(--heatg-0)}.heat-swatch-1{background:var(--heatg-1)}.heat-swatch-2{background:var(--heatg-2)}.heat-swatch-3{background:var(--heatg-3)}.heat-swatch-4{background:var(--heatg-4)}.level-card{gap:var(--sp-2);flex-direction:column;display:flex}.level-ring-wrap{width:120px;height:120px;margin:var(--sp-2) auto 0;position:relative}.level-ring-center{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.level-num{font-size:var(--fs-lg);color:var(--gold-bright);letter-spacing:.02em;font-weight:800}.level-label{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--text);font-weight:700;font-size:var(--fs-sm)}.level-progress{text-align:center;font-size:var(--fs-sm);color:var(--text-dim)}.level-total{text-align:center;font-size:var(--fs-sm);color:var(--text)}.level-badges{gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.chart-wrap{width:100%;min-width:0}.chart-tooltip{background:var(--surface);border:1px solid var(--border);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);border-radius:10px;min-width:0;box-shadow:0 8px 24px #00000073}.chart-tooltip-label{color:var(--text-dim);font-size:var(--fs-xs);margin-bottom:var(--sp-1);letter-spacing:.06em;text-transform:uppercase}.chart-tooltip-row{align-items:center;gap:var(--sp-2);color:var(--text);white-space:nowrap;display:flex}.chart-tooltip-dot{border-radius:50%;flex:none;width:8px;height:8px}.chart-tooltip-name{color:var(--text-dim)}.chart-tooltip-value{font-weight:600}.ref-label{fill:var(--gold);letter-spacing:.04em;font-size:11px}.recharts-cartesian-grid line{stroke:var(--border)}.recharts-cartesian-axis-tick text{fill:var(--text-dim);font-size:11px}.recharts-reference-line line{stroke:var(--gold)}.recharts-tooltip-cursor{fill:var(--surface-2);fill-opacity:.55}.peak-list{gap:var(--sp-3);margin-top:var(--sp-3);flex-direction:column;display:flex}.peak-row{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.peak-label{width:52px;font-size:var(--fs-sm);color:var(--text);flex:none;font-weight:600}.peak-track{background:var(--surface-2);border-radius:999px;flex:1;min-width:0;height:10px;overflow:hidden}.peak-fill{background:linear-gradient(90deg, var(--heat-3), var(--gold-bright));border-radius:999px;height:100%;transition:width .4s}.peak-min{text-align:right;width:64px;font-size:var(--fs-sm);color:var(--text-dim);flex:none}.peak-caption{margin-top:var(--sp-3)}.donut-body{align-items:center;gap:var(--sp-5);flex-wrap:wrap;min-width:0;display:flex}.donut-chart{flex:none;width:200px;height:200px;margin:0 auto;position:relative}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}.donut-total{font-size:var(--fs-lg);color:var(--text);font-weight:800;line-height:1.2}.donut-caption{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.donut-legend{gap:var(--sp-2);flex-direction:column;flex:1;min-width:160px;margin:0;padding:0;list-style:none;display:flex}.donut-legend li{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.donut-dot{border-radius:50%;flex:none;width:9px;height:9px}.donut-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);color:var(--text);flex:1;overflow:hidden}.donut-pct{font-size:var(--fs-sm);color:var(--text-dim);font-weight:600}.review-row{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.review-highlight{margin-top:var(--sp-4);color:var(--gold);font-style:italic;font-size:var(--fs-md);line-height:1.6}.empty-state{text-align:center;align-items:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:var(--sp-8) 0;flex-direction:column;display:flex}.empty-mark{background:var(--gold);border-radius:50%;width:14px;height:14px;box-shadow:0 0 24px #dca54c99}.empty-title{font-size:var(--fs-2xl);color:var(--text);letter-spacing:.02em;font-weight:800}.empty-sub{max-width:420px;color:var(--text-dim);font-size:var(--fs-md)}.empty-actions{gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.empty-inline{color:var(--text-dim);font-size:var(--fs-sm);padding:var(--sp-3) 0}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 37%, var(--surface) 63%);background-size:400% 100%;border-radius:10px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-card{gap:var(--sp-4);flex-direction:column;display:flex}.skeleton-ring{border-radius:50%;width:220px;height:220px;margin:0 auto}.skeleton-line{height:18px}.skeleton-stat{height:64px}.skeleton-badge{border-radius:999px;width:76px;height:30px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header-menu{position:relative}.icon-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-2);border-color:var(--gold-dim);color:var(--gold-bright)}.dropdown{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000008c}.dropdown-item{width:100%;color:var(--text);font:inherit;font-size:var(--fs-md);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:10px 12px;transition:background .15s,color .15s;display:flex}.dropdown-item:hover{background:var(--surface-2);color:var(--gold-bright)}.dropdown-item-danger{color:var(--danger)}.dropdown-item-danger:hover{color:#ff8f8f;background:#e05d5d14}.away-fade{border:1px solid var(--gold-dim);color:var(--gold-bright);font-size:var(--fs-md);letter-spacing:.04em;white-space:nowrap;pointer-events:none;z-index:5;background:#0b0a0cd9;border-radius:999px;padding:8px 14px;font-weight:600;animation:3s forwards away-fade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes away-fade{0%{opacity:0;transform:translate(-50%,-50%)translateY(6px)}12%{opacity:1;transform:translate(-50%,-50%)translateY(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translateY(-8px)}}.sync-chip{font-size:var(--fs-sm);color:var(--text-dim);border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;display:inline-flex}.sync-synced{color:var(--ok)}.sync-syncing{color:var(--gold);animation:1.6s ease-in-out infinite sync-pulse}.sync-offline{color:var(--text-dim)}.sync-error{color:var(--danger)}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.45}}