: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);margin-left:auto;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}.best-self{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.best-self-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}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.timer-row{justify-content:center;align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.focus-avatar{align-items:center;gap:var(--sp-2);flex-direction:column;flex:none;width:76px;display:flex;position:relative}.focus-avatar-svg{width:72px;height:72px;display:block}.focus-avatar--sleeping{opacity:.82}.focus-avatar--sleeping .focus-avatar-svg{filter:grayscale(.55)}.focus-avatar--reading .focus-avatar-svg{filter:drop-shadow(0 1px 3px #dca54c2e)}.focus-avatar--writing .focus-avatar-svg{filter:drop-shadow(0 1px 3px #dca54c52)}.focus-avatar--zone .focus-avatar-svg,.focus-avatar--transcendent .focus-avatar-svg{filter:drop-shadow(0 0 6px #f0c95c8c)}.avatar-flames{gap:3px;display:flex}.avatar-flame{width:10px;height:12px}.avatar-caption{font-size:var(--fs-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-weight:600}@media (prefers-reduced-motion:no-preference){@keyframes avatar-flicker{0%,to{opacity:1}50%{opacity:.55}}@keyframes avatar-drift{0%,to{opacity:.9;transform:translate(0)}50%{opacity:.5;transform:translateY(-2px)}}@keyframes avatar-levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.focus-avatar--zone .avatar-flames-svg,.focus-avatar--transcendent .avatar-flames-svg{animation:1.6s ease-in-out infinite avatar-flicker}.focus-avatar--transcendent .avatar-particles{animation:2.4s ease-in-out infinite avatar-drift}.focus-avatar--transcendent .focus-avatar-svg{animation:3s ease-in-out infinite avatar-levitate}}.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}.mode-toggle{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.toggle-btn{min-height:30px;padding:4px var(--sp-3);color:var(--text-dim);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;border-radius:999px}.toggle-btn:hover:not(.active){color:var(--text)}.toggle-btn.active{background:var(--gold);color:#1a1408;font-weight:600}.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}.header-actions{justify-content:flex-end;row-gap:var(--sp-2);flex-wrap:wrap}}.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}.streak-protect{margin-top:calc(var(--sp-1) * -1);margin-bottom:var(--sp-4);font-size:var(--fs-sm);color:var(--gold)}.records-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.record{gap:var(--sp-1);min-width:0;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.record-badge-row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.record-value{font-size:var(--fs-xl);color:var(--text);letter-spacing:.01em;font-weight:700}.record-label{font-size:var(--fs-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em}.record-date{font-size:var(--fs-sm);color:var(--text-dim)}.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)}.mc-nav{align-items:center;gap:var(--sp-2);display:flex}.mc-nav-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius);font-size:var(--fs-sm);cursor:pointer;padding:3px 10px;line-height:1.4}.mc-nav-btn:hover{color:var(--text);border-color:var(--gold-dim)}.mc-month-title{text-align:center;color:var(--text);font-size:var(--fs-2xl);margin-bottom:var(--sp-3);font-weight:600}.mc-weekdays{gap:var(--sp-1);max-width:460px;margin-inline:auto;margin-bottom:var(--sp-1);grid-template-columns:repeat(7,1fr);display:grid}.mc-weekday{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding-bottom:2px;font-size:10px}.mc-grid{gap:var(--sp-1);grid-template-columns:repeat(7,1fr);max-width:460px;margin-inline:auto;display:grid}.mc-blank{border-radius:6px}.mc-day{aspect-ratio:1;background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:flex-start;align-items:flex-start;padding:4px;transition:none;display:flex;position:relative}.mc-lv-1{background:var(--heatg-1)}.mc-lv-2{background:var(--heatg-2)}.mc-lv-3{background:var(--heatg-3)}.mc-lv-4{background:var(--heatg-4)}.mc-lv-4 .mc-date-num{color:var(--bg)}.mc-date-num{z-index:1;font-size:var(--fs-xs);font-weight:600;position:relative}.mc-future{opacity:.25;cursor:default}.mc-today{box-shadow:0 0 0 2px var(--gold)}.mc-day[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.mc-break{outline:1px dashed var(--danger);outline-offset:-2px}.mc-link-left:before,.mc-link-right:before,.mc-link-top:before,.mc-link-bottom:before{content:"";background:var(--gold);z-index:0;position:absolute}.mc-link-left:before{width:5px;height:3px;top:50%;left:-5px;transform:translateY(-50%)}.mc-link-right:before{width:5px;height:3px;top:50%;right:-5px;transform:translateY(-50%)}.mc-link-top:before{width:3px;height:5px;top:-5px;left:50%;transform:translate(-50%)}.mc-link-bottom:before{width:3px;height:5px;bottom:-5px;left:50%;transform:translate(-50%)}.mc-flag{z-index:1;text-shadow:0 0 3px #000000b3;font-size:12px;line-height:1;position:absolute;top:1px;right:3px}.mc-flag-ok{color:var(--ok)}.mc-flag-pr{color:var(--gold-bright)}.mc-flag-break{color:var(--danger)}.mc-summary{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.mc-detail{margin-top:var(--sp-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.mc-detail-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0;display:grid}.mc-detail-value{color:var(--text);font-size:var(--fs-sm);margin:2px 0 0;font-weight:600}.mc-goalbar{background:var(--surface);border:1px solid var(--border);height:6px;margin-top:var(--sp-4);border-radius:3px;overflow:hidden}.mc-goalbar-fill{background:var(--ok);border-radius:3px;height:100%}.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}}.goal-head{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.goal-head-actions{align-items:center;gap:var(--sp-2);display:flex}.icon-btn-sm{border-radius:8px;width:28px;height:28px}.goal-progress-line{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.goal-progress-line strong{font-size:var(--fs-lg)}.goal-pct{color:var(--text-dim);font-size:var(--fs-sm);font-weight:600}.goal-bar{background:var(--border);height:8px;margin-bottom:var(--sp-3);border-radius:999px;overflow:hidden}.goal-bar-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:999px;height:100%;transition:width .3s}.goal-bar-fill.done{background:linear-gradient(90deg, #6fbf738c, var(--ok))}.goal-bar-fill.behind{background:linear-gradient(90deg, #e05d5d8c, var(--danger))}.goal-caption{margin-bottom:var(--sp-1)}.focus-score-card{flex-direction:column;display:flex}.fs-body{gap:var(--sp-5);align-items:center;display:flex}.fs-gauge{--fs-arc:var(--gold);flex:0 0 132px;width:132px;height:132px;position:relative}.fs-gauge.z-low{--fs-arc:var(--danger)}.fs-gauge.z-mid{--fs-arc:var(--gold)}.fs-gauge.z-hi{--fs-arc:var(--ok)}.fs-gauge.z-top{--fs-arc:var(--gold-bright)}.fs-gauge svg{width:100%;height:100%;display:block}.fs-track{fill:none;stroke:var(--border);stroke-width:10px}.fs-arc{fill:none;stroke:var(--fs-arc);stroke-width:10px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .7s;transform:rotate(-90deg)}.fs-center{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.fs-score{color:var(--fs-arc);font-size:30px;font-weight:700}.fs-total{font-size:var(--fs-xs);color:var(--text-dim)}.fs-breakdown{gap:var(--sp-2);flex-direction:column;flex:1;min-width:0;display:flex}.fs-row-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin-bottom:4px;display:flex}.fs-row-label{font-size:var(--fs-xs);color:var(--text);letter-spacing:.04em;font-weight:600}.fs-row-weight{color:var(--text-dim);margin-left:6px;font-size:11px;font-weight:500}.fs-row-val{font-size:var(--fs-xs);color:var(--text-dim);font-variant-numeric:tabular-nums;font-weight:600}.fs-row-bar{background:var(--border);border-radius:999px;height:6px;overflow:hidden}.fs-row-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:999px;height:100%;transition:width .3s}.fs-caption{margin-top:var(--sp-4);margin-bottom:var(--sp-1)}.fs-note{margin-bottom:0}@media (width<=720px){.fs-body{flex-direction:column;align-items:stretch}.fs-gauge{align-self:center}}.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;gap:6px;padding:2px 8px;display:inline-flex}.chip-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.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}}.modal-overlay{z-index:50;padding:var(--sp-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:var(--sp-5);gap:var(--sp-3);flex-direction:column;display:flex}.modal-line{color:var(--text);font-size:var(--fs-md);margin:0}.modal-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}