:root{--bg: #1a1410;--panel: #241c16;--panel-2: #2c231b;--border: #3a2e24;--text: #efe6da;--muted: #a89a8b;--amber: #e6a23c;--amber-soft: #f0b75a;--clean: #8bb86a;--dirty: #cf6a59;--radius: 14px;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#2a2017 0%,var(--bg) 60%);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}.app{max-width:640px;margin:0 auto;padding:0 16px env(safe-area-inset-bottom,24px);min-height:100%}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 10px;background:linear-gradient(var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand{display:flex;align-items:center;gap:9px}.brand-mark{width:16px;height:22px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--amber) 0 1px,transparent 1px 4px);box-shadow:0 0 10px #e6a23c73}.brand-name{font-weight:700;letter-spacing:.04em;font-size:15px}.tabs{display:flex;gap:4px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-transform:capitalize;padding:6px 12px;border-radius:999px;cursor:pointer}.tab.active{color:var(--bg);background:var(--amber);font-weight:600}.tab:not(.active):hover{color:var(--text)}.tab-glyph{display:inline-flex;align-items:center;justify-content:center;padding-left:12px;padding-right:12px;font-size:16px;line-height:1;font-weight:700}.tab-glyph svg{width:16px;height:16px}.help-glyph{display:inline-block;transform:translateY(-2px)}.data-glyph{white-space:nowrap}.data-glyph .glyph,.data-link .glyph{vertical-align:-3px;margin-right:4px}.content{display:flex;flex-direction:column;gap:14px;padding-top:6px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-title{margin:0;font-size:20px;letter-spacing:.01em}.card-sub{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.card-h{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.card-h-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.card-h-row .card-h{margin-bottom:0}.chart-range{display:flex;gap:4px}.hero-card{padding-bottom:18px}.quick-log{margin-top:14px;border-top:1px solid var(--border);padding-top:14px}.quick-log.just-completed{border-top-color:var(--amber)}.quick-log-prompt{margin:0 0 10px;color:var(--amber-soft);font-weight:600;font-size:14px}.quick-log-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.quick-log-row .quick-tempo{flex:1 1 110px}.quick-log-row .quick-sub{flex:1 1 120px}.quick-log-row .quick-notes{flex:2 1 160px}.quick-log-row .quick-clean{flex:0 0 auto;padding-bottom:9px}.quick-log .muted.small{margin:8px 0 0}.custom-toggle{width:100%}.custom-form{margin-top:12px}.hero-top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}.hero-head{flex:1 1 auto;min-width:0}.hero-dials{display:flex;gap:10px;align-items:flex-start;flex-shrink:0}.pill-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pill{font-size:11px;color:var(--amber-soft);border:1px solid var(--border);background:var(--panel-2);padding:3px 9px;border-radius:999px}.pill--category{color:#1a140d;background:var(--amber-soft);border-color:var(--amber-soft);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.objective{margin-top:10px;font-size:12px;color:var(--muted)}.objective-text{color:var(--muted)}.objective--attained .objective-badge{color:#1a140d;background:#6fbf73;padding:3px 9px;border-radius:999px;font-weight:600;font-size:11px}.suggest{display:flex;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);font-size:13px}.suggest-arrow{display:inline-flex;line-height:0}.tempo-arrow{display:inline-block;vertical-align:-1px}.suggest-text strong{color:inherit}.suggest--up{background:#6fbf731f;border-color:#6fbf7380;color:#9bd99f}.suggest--down{background:#e6a23c1f;border-color:#e6a23c80;color:var(--amber-soft)}.suggest--hold{background:var(--panel-2);border-color:var(--border);color:var(--muted)}.help-link{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:6px;padding:0;vertical-align:baseline;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:10px;font-weight:700;line-height:1;cursor:pointer}.help-link:hover{border-color:var(--amber);color:var(--amber)}.help-card{max-width:680px}.help-title{margin:0 0 6px;font-size:18px}.help-section{margin-top:26px;padding-top:18px;border-top:1px solid var(--border);border-radius:8px}.help-section h3{margin:0 0 10px;font-size:14px;color:var(--amber-soft)}.help-textlink{padding:0;border:0;background:none;color:var(--amber-soft);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.help-textlink:hover{color:var(--amber)}.help-section p{margin:0 0 8px;line-height:1.5}.help-section ul{margin:0 0 8px;padding-left:20px;line-height:1.5}.help-section li{margin-bottom:4px}.help-section em{color:var(--amber-soft);font-style:normal}.help-foot{margin-top:24px;border-top:1px solid var(--border);padding-top:12px}.help-section--flash{animation:help-flash 1.6s ease-out}@keyframes help-flash{0%{background:#e6a23c2e}to{background:transparent}}.dial{display:flex;flex-direction:column;align-items:center;min-width:180px;flex:1}.dial-gauge{position:relative;line-height:0}.dial-gauge>svg{width:180px;height:auto;display:block}.dial-compact{min-width:124px;flex:0 0 auto}.dial-compact .dial-gauge>svg{width:124px}.dial-compact .dial-sub{font-size:10px;max-width:124px;text-align:center}.dial-lg{min-width:210px;flex:0 0 auto}.dial-lg .dial-gauge>svg{width:210px}.dial-track{stroke:var(--border);stroke-width:8;stroke-linecap:round}.dial-fill{stroke:var(--amber);stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(230,162,60,.5))}.dial-needle{stroke:var(--amber-soft);stroke-width:2.5;stroke-linecap:round}.dial-hub{fill:var(--amber-soft)}.dial-readout{position:absolute;left:0;right:0;bottom:5%;display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:none}.dial-value{font-family:var(--mono);font-size:26px;font-weight:700;color:var(--text);line-height:1;display:flex;align-items:center;gap:4px}.dial-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;line-height:1}.dial-compact .dial-value{font-size:18px}.dial-compact .dial-label{font-size:8px}.dial-lg .dial-value{font-size:26px}.dial-sub{font-size:11px;color:var(--muted);margin-top:4px}.dial-bpm{line-height:1}.note-glyph{height:.9em;width:auto;display:inline-block;color:var(--amber-soft)}.metronome{display:flex;flex-direction:column;gap:8px}.metronome--armed{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.suggest .metronome-arm-icon{margin-left:auto}.metronome-arm-icon{flex:0 0 auto;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.metronome-arm-icon.on,.metronome-arm-icon:hover{border-color:var(--amber);color:var(--amber)}.metronome-arm-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.metronome-live{display:flex;flex-direction:column;align-items:center;gap:12px;max-height:400px;opacity:1;visibility:visible;overflow:hidden;transition:max-height .25s ease,opacity .15s ease,visibility 0s linear .25s}.metronome-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-top:-30px}.metronome-top>.dial{grid-column:2}.metronome-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.metronome-bpm-slider-row{display:flex;align-items:center;gap:8px}.metronome-bpm-slider{width:150px;max-width:50vw;accent-color:var(--amber)}.metronome-step{flex:0 0 auto;width:21px;height:21px;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.metronome-step:hover{border-color:var(--amber);color:var(--amber)}.metronome-step svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;stroke-linecap:round}@media(max-width:560px){.metronome-step{width:27px;height:27px}.metronome-step svg{width:18px;height:18px}}.metronome-fields{grid-column:3;justify-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-left:16px;margin-top:50px}.metronome-fields .field{flex-direction:row;align-items:center;gap:6px}.metronome-fields .field-label{min-width:34px}.metronome-bpm-field{flex-direction:row;align-items:center;gap:6px}.metronome-bpm-field input{width:64px;text-align:center}.metronome-live-hidden{max-height:0;opacity:0;visibility:hidden;pointer-events:none}.metronome-interval-field{flex-direction:row;align-items:center;gap:6px}.metronome-interval-field select{width:84px}.metronome-beat{width:100%}.metronome-track{position:relative;height:18px;border-radius:4px;border:1px solid var(--border);background:var(--panel-2);overflow:hidden}.metronome-tick{position:absolute;top:3px;bottom:3px;width:2px;border-radius:1px;background:var(--muted)}.metronome-tick.downbeat{width:3px;background:var(--amber-soft)}.metronome-sweep{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--amber)}.timer{margin-top:14px;border-top:1px solid var(--border);padding-top:14px}.timer-head{display:flex;justify-content:space-between;align-items:baseline}.timer-phase{font-weight:600}.timer-meta{font-size:12px;color:var(--muted)}.timer-readout{font-family:var(--mono);font-size:60px;font-weight:700;text-align:center;letter-spacing:.02em;color:var(--amber);text-shadow:0 0 18px rgba(230,162,60,.45);padding:8px 0 12px}.timer-readout.rest{color:var(--muted);text-shadow:none}.timer-readout.finished{color:var(--clean);text-shadow:0 0 18px rgba(139,184,106,.5)}.timer-readout.countdown{color:var(--muted);text-shadow:none}.timer-controls{display:flex;gap:8px;justify-content:center;align-items:center}.ctrl-slot{display:inline-flex;justify-content:center}.ctrl-slot--primary{min-width:92px}.ctrl-slot--reset{min-width:72px}.ctrl-slot .btn{width:100%}.key-hint.is-hidden{visibility:hidden}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.field.check{flex-direction:row;align-items:center;gap:8px;grid-column:1 / -1}.field.check span{font-size:14px}.yesno{display:inline-flex;gap:6px}.yesno .btn{min-width:44px}input,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:9px 11px;width:100%}input[type=checkbox]{width:18px;height:18px;accent-color:var(--amber)}input::placeholder{color:#6f6258}input[type=number]{font-family:var(--mono)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:14px;cursor:pointer;border-radius:10px;padding:9px 16px;border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.btn:hover{border-color:var(--amber)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{border-color:var(--border)}.btn.primary{background:var(--amber);color:#20160c;border-color:var(--amber);font-weight:600}.btn.primary:hover{background:var(--amber-soft)}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent}.btn.wide{width:100%;margin-top:4px}.btn.small{padding:7px 12px;font-size:13px}.btn.tiny{padding:3px 9px;font-size:13px;line-height:1}.btn.tiny .glyph{display:block}.btn.tiny:has(.glyph){padding:4px 6px;color:var(--muted)}.btn.tiny:has(.glyph):hover{color:var(--text)}.btn.danger{color:var(--dirty);border-color:var(--dirty);background:transparent}.btn.danger:hover{background:#cf6a591f}.btn.danger:disabled{opacity:.4;cursor:not-allowed}.btn.danger:disabled:hover{background:transparent}.btn.file{position:relative;overflow:hidden;display:inline-block}.btn.file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.key-hint{display:inline-flex;align-items:center;justify-content:center;height:16px;min-width:16px;padding:0 4px;border:1px solid currentColor;border-radius:4px;font-family:var(--sans);font-size:9px;line-height:1;white-space:nowrap;opacity:.5;vertical-align:middle}.key-hint svg{width:10px;height:10px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.timer-controls .key-hint,.metronome-bpm-slider-row .key-hint{color:var(--muted)}.timer-controls .key-hint{align-self:flex-end;margin-bottom:1px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.chart{width:100%;height:auto}.chart-grid{stroke:var(--border);stroke-width:1}.chart-axis{fill:var(--muted);font-size:10px;font-family:var(--mono)}.chart-line{stroke:var(--amber);stroke-width:2;opacity:.7}.chart-dot.clean{fill:var(--clean)}.chart-dot.dirty{fill:var(--dirty)}.chart-empty{color:var(--muted);font-size:13px;padding:18px 0;text-align:center}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.history-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.history-row:last-child{border-bottom:none}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot.clean{background:var(--clean)}.dot.dirty{background:var(--dirty)}.h-tempo{font-family:var(--mono);font-weight:700;width:42px}.h-meta{color:var(--muted);font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row--editing{padding:10px 0}.history-edit{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;width:100%}.history-edit .field{min-width:90px}.history-edit-notes{flex:1;min-width:140px}.history-edit-actions{display:flex;gap:6px}.ex-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.ex-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px}.ex-row--attained{border-color:#6fbf73;box-shadow:inset 3px 0 #6fbf73}.ex-head{flex:1;min-width:0;display:flex;align-items:flex-start;gap:8px;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.ex-head-main{flex:1;min-width:0}.ex-caret{color:var(--muted);font-size:10px;line-height:1.4;flex:none}.ex-head:hover .ex-label{color:#f8c873}.ex-remove{flex:none}.ex-label{font-weight:600;margin-right:8px}.ex-attained{display:inline-block;font-size:11px;font-weight:600;color:#6fbf73;border:1px solid #6fbf73;border-radius:999px;padding:1px 8px;vertical-align:middle}.ex-next{display:inline-block;font-size:11px;font-weight:600;color:var(--amber-soft);border:1px solid var(--border);border-radius:999px;padding:1px 8px;vertical-align:middle}.ex-meta{font-size:12px;color:var(--muted);margin-top:3px}.ex-summary{display:block;margin-top:4px;font-size:12px;color:var(--text)}.activity-strip{flex:none;align-self:center}.activity-cell{fill:var(--amber)}.activity-cell--empty{fill:var(--border);fill-opacity:.5}.activity-cell--future{fill:none;stroke:var(--border);stroke-width:1;stroke-dasharray:2 2;pointer-events:all}.activity-cell--pick{cursor:pointer}.activity-cell--active,.activity-cell--pick:hover,.daily-strip .activity-cell:hover{stroke:var(--amber-soft);stroke-width:1;stroke-opacity:.45}.ex-guide{margin:0 0 10px}.ex-guide-help{margin:0 0 8px;color:var(--text);font-size:13px;line-height:1.5;white-space:pre-wrap}.ex-tab{margin:0 0 8px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow-x:auto}.ex-tab-legend{margin-top:6px;text-align:right}.help-tab-legend{margin:10px 0}.help-tab-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.help-tab-table th{text-align:left;font-weight:600;color:var(--muted);padding:4px 8px;border-bottom:1px solid var(--border)}.help-tab-table td{padding:4px 8px;border-bottom:1px solid var(--border);vertical-align:top}.help-tab-sym{font-family:var(--mono);font-weight:700;white-space:nowrap}.help-tab-json{margin-top:8px}.help-tab-json>summary{cursor:pointer;color:var(--muted);font-size:13px}.help-tab-pre{margin:8px 0 0;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.45}.tabview{min-width:0}.tabview svg{display:block;height:auto;max-width:100%}.tab-stringline{stroke:var(--border);stroke-width:1}.tab-label{fill:var(--muted);font-family:var(--mono)}.tab-fret{fill:var(--text);font-family:var(--mono);font-weight:700}.tab-fret-bg{fill:var(--bg)}.tab-mark,.tab-artic{fill:var(--amber-soft);font-family:var(--mono)}.tab-slur{stroke:var(--amber);stroke-width:1.1;opacity:.8}.tab-slide{stroke:var(--amber);stroke-width:1.3;opacity:.85}.tab-bend path{stroke:var(--amber);stroke-width:1.1;opacity:.8}.tab-bend-arrow{fill:var(--amber);opacity:.85}.tab-bend-label{fill:var(--amber-soft);font-family:var(--mono)}.tab-harm{fill:var(--muted);font-family:var(--mono)}.tab-mute line{stroke:var(--text);stroke-width:1.6}.tab-caption,.tab-comment{fill:var(--muted);font-family:var(--mono)}.tab-pm text{fill:var(--muted);font-family:var(--mono)}.tab-pm line{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 2}.tab-steplabel{fill:var(--amber-soft);font-family:var(--mono)}.tab-vib{stroke:var(--amber-soft);stroke-width:1.3}.ex-guide-variation{margin:0}.ex-guide-label{display:inline-block;margin-bottom:2px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ex-guide-variation .ex-guide-help{margin-bottom:0}.ex-guide-details{margin-top:10px;border-top:1px solid var(--border);padding-top:8px}.ex-guide-details>summary{cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--amber-soft);list-style:none}.ex-guide-details>summary::-webkit-details-marker{display:none}.ex-guide-details>summary:before{content:"▸ ";color:var(--muted)}.ex-guide-details[open]>summary:before{content:"▾ "}.ex-guide-details>summary:hover{color:#f8c873}.ex-guide-details .ex-guide{margin-top:10px}.ex-guide-input{width:100%;resize:vertical;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font:inherit;font-size:13px;line-height:1.45}.ex-guide-input.mono{font-family:var(--mono);font-size:12px;white-space:pre;overflow-wrap:normal}.ex-detail{flex-basis:100%;margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}.ex-detail-stats{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 8px}.ex-detail-stats div{margin:0}.ex-detail-stats dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.ex-detail-stats dd{margin:2px 0 0;font-size:13px;font-family:var(--mono)}.sparkline{width:120px;height:28px;display:block;margin-bottom:8px}.sparkline-line{stroke:var(--amber);stroke-width:1.5;opacity:.8}.ex-group{margin-top:16px}.ex-group:first-of-type{margin-top:12px}.ex-group-head{display:flex;align-items:baseline;gap:8px;width:100%;padding:0 0 6px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;font:inherit}.ex-group-head:hover .ex-group-label{color:#f8c873}.ex-group-caret{color:var(--muted);font-size:10px;line-height:1}.ex-group-tally{margin-left:auto}.ex-group-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--amber-soft);font-weight:600}.ex-group-tally{font-size:11px;color:var(--muted)}.stat-row{display:flex;gap:10px}.stat{flex:1;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:center}.stat-num{display:block;font-family:var(--mono);font-size:28px;font-weight:700;color:var(--amber)}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}code{font-family:var(--mono);font-size:.92em;color:var(--amber-soft)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--amber);color:var(--text);padding:10px 18px;border-radius:999px;font-size:13px;box-shadow:0 8px 30px #00000080;z-index:50}.footer{display:flex;justify-content:center;padding:24px 0 16px}.footer-repo{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;letter-spacing:.03em}.footer-repo a{color:inherit;text-decoration:none}.footer-repo a:hover{color:var(--amber)}.footer-version{background:none;border:none;padding:0;font:inherit;letter-spacing:inherit;color:var(--muted);cursor:pointer}.footer-version:hover{color:var(--amber)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:100%;max-width:440px;max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 18px 50px #0000008c}.modal-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--panel);border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:16px}.modal-body{padding:16px 18px 18px;font-size:13px;line-height:1.55}.modal-body p{margin:0 0 12px}.modal-body .btn{margin-top:4px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.import-h{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--amber-soft)}.import-h:first-child{margin-top:0}.import-stats{margin:0 0 6px;padding-left:18px}.import-stats b{color:var(--text)}.import-confirm{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;margin:6px 0;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;cursor:pointer}.import-confirm input{margin-top:2px}.import-orphans{padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;margin:6px 0}.import-map{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.import-map select{flex:0 1 220px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 6px}.import-actions{justify-content:flex-end;margin-top:16px}.modal-close{background:none;border:none;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.modal-close:hover{color:var(--amber)}.changelog{list-style:none;margin:0;padding:6px 18px 18px}.changelog-rel{padding:12px 0;border-bottom:1px solid var(--border)}.changelog-rel:last-child{border-bottom:none}.changelog-ver{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.changelog-num{font-family:var(--mono);font-size:14px;color:var(--amber-soft)}.changelog-date{font-size:11px;color:var(--muted)}.changelog-changes{margin:0;padding-left:18px;font-size:13px;line-height:1.55;color:var(--text)}.home-lead{margin:0 0 12px;color:var(--muted);font-size:14px}.home-today-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.home-today-date{font-family:var(--mono);font-size:12px;letter-spacing:0;color:var(--muted);text-transform:none}.home-strip{margin-top:4px;display:flex;flex-direction:column;align-items:center}.home-suggest-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr auto auto;gap:6px 10px}.home-suggest-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.home-suggest-why{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.home-suggest-arrow{display:inline-flex;color:var(--amber-soft);margin-right:6px}.home-suggest-name{display:inline-flex;align-items:center;max-width:100%;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:560px){.home-suggest-list{grid-template-columns:1fr auto}.home-suggest-spark{display:none}}.pbadge{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pbadge svg{position:absolute;top:0;right:0;bottom:0;left:0}.pbadge-track{stroke:var(--border)}.pbadge-arc{stroke:var(--amber)}.pbadge--done .pbadge-arc{stroke:var(--clean)}.pbadge-num{position:relative;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--amber);line-height:1}.pbadge--done .pbadge-num{color:var(--clean)}.pbadge--idle .pbadge-num{color:var(--muted)}.pbadge--hero{width:64px;height:64px}.pbadge--hero .pbadge-num{font-size:18px}.hero-progress{display:flex;flex-direction:column;align-items:center;gap:6px}.hero-progress .pbadge-num{font-size:20px}.hero-progress-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.hero-best{font-family:var(--mono);font-size:12px;color:var(--amber-soft);white-space:nowrap}.hero-best-sub{color:var(--muted)}.prog-overall{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.prog-overall-num{font-family:var(--mono);font-size:28px;font-weight:700;color:var(--amber)}.prog-overall-label{font-size:12px;color:var(--muted)}.prog-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px}.prog-row{display:contents}.prog-row-name{font-size:13px}.prog-bar{height:8px;border-radius:4px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.prog-bar-fill{display:block;height:100%;background:var(--amber);border-radius:4px;transition:width .24s ease}.prog-bar-fill--idle{background:var(--border)}.prog-row-pct{font-family:var(--mono);font-size:13px;color:var(--amber);min-width:38px;text-align:right}.prog-row-meta{font-size:11px;color:var(--muted);text-align:right;white-space:nowrap}.prog-row-delta{margin-left:6px;font-family:var(--mono)}.prog-row-delta--up{color:var(--clean)}.prog-row-delta--down{color:var(--dirty)}@media(max-width:560px){.prog-list{grid-template-columns:auto 1fr auto}.prog-row-meta{display:none}}.home-strip-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto 8px auto auto;grid-template-areas:".  wbar   wlabel" ".  wread  .     " ".  .      .     " ".  dbar   dlabel" ".  dread  .     ";align-items:center;column-gap:12px;row-gap:2px}.home-strip-grid>.activity-strip:not(.daily-strip){grid-area:wbar}.home-strip-grid>.daily-strip{grid-area:dbar}.home-strip-grid>.activity-strip{justify-self:center;margin-left:0;flex-basis:auto}.home-strip-readout--weekly{grid-area:wread}.home-strip-readout--daily{grid-area:dread}.home-strip-label--weekly{grid-area:wlabel}.home-strip-label--daily{grid-area:dlabel;align-self:start;margin-top:4px}.home-strip-label{justify-self:start;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.home-strip-readout{justify-self:center;min-height:14px;font-family:var(--mono);font-size:11px;color:var(--amber-soft);white-space:nowrap;text-align:center}.daily-strip-dow{fill:var(--muted);font-size:8px;font-family:var(--mono)}.home-suggest-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto auto 1fr auto auto;gap:6px 10px}.home-suggest-list>li{display:contents}.home-suggest{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;text-align:left}.home-suggest:hover{border-color:var(--amber)}.home-suggest-why{text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.home-suggest-arrow{display:inline-flex;color:var(--amber-soft)}.home-suggest-name{text-align:left;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-suggest-move{font-family:var(--mono);font-size:12px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;justify-self:end}.home-suggest-move--up{color:var(--clean)}.home-suggest-move--down{color:var(--amber-soft)}.home-suggest-spark{display:inline-flex;justify-self:end;min-width:0}@media(max-width:560px){.home-suggest-list{grid-template-columns:auto auto 1fr auto}.home-suggest-spark{display:none}}:focus-visible{outline:2px solid var(--amber-soft);outline-offset:2px}@media(max-width:480px){.ex-head{flex-wrap:wrap}.activity-strip{flex-basis:100%;align-self:flex-start;margin-left:18px}}@media(max-width:380px){.form-grid{grid-template-columns:1fr}.timer-readout{font-size:50px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}