:root{--paper:#f4f6f5;--surface:#fff;--ink:#15181c;--ink-2:#4b525b;--muted:#7f8791;--line:#d6dadf;--fret:#a9b0b8;--root:#dd6a04;--root-ink:#fff;--move:#1f5bd6;--on-move:#fff;--scale:#8a929b;--good:#2f7d50;--warn:#a86a12;--bad:#bd3a2c;--focus:#1f5bd6;--f-body:"Barlow","Noto Music",system-ui,-apple-system,"Segoe UI",sans-serif;--f-cond:"Barlow Condensed","Noto Music","Arial Narrow",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0f1215;--surface:#181c21;--ink:#e8ebee;--ink-2:#aeb5be;--muted:#78808b;--line:#2c323a;--fret:#4a525c;--root:#ff8b2e;--root-ink:#1b1004;--move:#74a3ff;--on-move:#0b1430;--scale:#6d7580;--good:#58b67f;--warn:#e0a548;--bad:#f07564;--focus:#74a3ff}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0f1215;--surface:#181c21;--ink:#e8ebee;--ink-2:#aeb5be;--muted:#78808b;--line:#2c323a;--fret:#4a525c;--root:#ff8b2e;--root-ink:#1b1004;--move:#74a3ff;--on-move:#0b1430;--scale:#6d7580;--good:#58b67f;--warn:#e0a548;--bad:#f07564;--focus:#74a3ff}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--f-body);padding-inline:16px;padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px);margin:0}img,svg{max-width:100%}[hidden]{display:none!important}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wrap{gap:24px;max-width:1040px;margin:0 auto;padding-block:20px 56px;display:grid}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-bottom:14px;display:flex}.brand{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.mark{font:700 28px/1 var(--f-cond);letter-spacing:.02em;text-transform:uppercase}.tabs{flex-wrap:wrap;gap:2px;display:flex}.tabs button{color:var(--ink-2);background:0 0;border:0;border-radius:6px;padding:6px 12px;font-weight:600}.tabs button:hover{color:var(--ink)}.tabs button[aria-current=page]{background:var(--ink);color:var(--paper)}.eyebrow,.cue,.lbl{font:600 12px/1.3 var(--f-body);letter-spacing:.09em;text-transform:uppercase}.cue{color:var(--ink-2);margin:0}.chord{font:700 clamp(46px,9vw,72px)/.95 var(--f-cond);letter-spacing:-.005em;text-wrap:balance;margin:0}.chord.sm{font-size:clamp(30px,5.5vw,38px)}.sub{color:var(--ink-2);margin:0}.btn{background:var(--ink);color:var(--paper);border:0;border-radius:8px;padding:12px 22px;font-weight:600}.btn.quiet{color:var(--ink);border:1px solid var(--line);background:0 0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:500}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.figs{flex-wrap:wrap;align-items:flex-start;gap:12px 20px;display:flex}.fig{flex:250px;max-width:360px;margin:0}.fig.num{flex:0 190px}.fig figcaption{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px}.fig figcaption b{color:var(--ink-2);font-weight:600}.moves{gap:4px;margin:0;padding:0;list-style:none;display:grid}.moves li{align-items:baseline;gap:8px;display:flex}.moves li:before{content:"";background:var(--move);border-radius:50%;flex:none;width:9px;height:9px;transform:translateY(-1px)}.alias{color:var(--ink-2);margin:0;font-size:15px}.alias b{font-family:var(--f-cond);color:var(--ink);font-size:18px;font-weight:700}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--ink);border-radius:50%;width:10px;height:10px}.legend i.r{background:var(--root)}.legend i.m{background:var(--move)}.legend i.g{border:1.5px dashed var(--move);background:0 0;width:8px;height:8px}.note{color:var(--muted);margin:0;font-size:14px}.dia{width:100%;height:auto;display:block}.dia .str{stroke:var(--ink-2)}.dia .fw{stroke:var(--fret);stroke-width:1.4px}.dia .nut{stroke:var(--ink);stroke-width:5px}.dia .inlay{fill:var(--line)}.dia .sn{font:600 11px var(--f-body);fill:var(--muted)}.dia .fn{font:500 10px var(--f-body);fill:var(--muted);text-anchor:middle;font-variant-numeric:tabular-nums}.dia .mute{font:500 12px var(--f-body);fill:var(--muted);text-anchor:middle;dominant-baseline:central}.dia .dot{fill:var(--ink)}.dia .dot.root{fill:var(--root)}.dia .dot.move{fill:var(--move)}.dia .dl{font:700 12px var(--f-cond);letter-spacing:-.03em;fill:var(--paper);text-anchor:middle;dominant-baseline:central}.dia .dl.root{fill:var(--root-ink)}.dia .dl.move{fill:var(--on-move)}.dia .ghost{fill:none;stroke:var(--move);stroke-width:1.5px;stroke-dasharray:3 3}.dia .arr{stroke:var(--move);stroke-width:1.6px}.dia .arrh{fill:var(--move)}.dia .nb{font:700 23px var(--f-cond);fill:var(--ink);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--surface);stroke-width:7px}.dia .nb.root{fill:var(--root)}.dia .nb.move{fill:var(--move)}.dia .nb.sm{font-size:17px}.dia .start-ring{fill:none;stroke:var(--ink);stroke-width:1.5px}.dia .sband{fill:none;stroke:var(--ink);stroke-opacity:.13;stroke-width:26px;stroke-linecap:round;stroke-linejoin:round}.dia .dot.sn-dot{fill:var(--scale)}.dia .dot.sn-dot.root{fill:var(--root)}.dia .dl.sn-dot{fill:var(--surface);font-size:10px}.dia .dl.sn-dot.root{fill:var(--root-ink)}.dia .sband,.dia .sc,.dia .ch,.dia .bl{transition:opacity .25s}.dia .bl{opacity:0}[data-focus=chord] .dia .sc{opacity:.5}[data-focus=scale] .dia .sband{opacity:.8}[data-focus=scale] .dia .ch{opacity:0}[data-focus=scale] .dia .bl{opacity:1}@media (prefers-reduced-motion:reduce){.dia .sband,.dia .sc,.dia .ch,.dia .bl{transition:none}}.dia .ns.start{text-decoration:underline}.dia .ns{font:600 15px var(--f-cond);fill:var(--muted);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--surface);stroke-width:5px}.dia .ns.shape{fill:var(--ink);font-weight:700}.dia .ns.root{fill:var(--root)}.dia .nd{font:600 10px var(--f-body);fill:var(--muted);text-anchor:middle;dominant-baseline:central}.fig.scale{max-width:420px}.fig.scale.num{flex:300px;max-width:560px}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}.legend i.s{background:var(--scale);width:8px;height:8px}.legend i.b{background:color-mix(in srgb,var(--ink) 13%,transparent);border-radius:6px;width:20px;height:12px}.legend i.st{box-shadow:0 0 0 1.5px var(--surface),0 0 0 3px var(--ink);background:0 0;width:8px;height:8px}.dia .gh{font:600 14px var(--f-cond);fill:var(--muted);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--surface);stroke-width:5px}.dia .nc{font:600 11px var(--f-body);fill:var(--ink-2);dominant-baseline:central;paint-order:stroke;stroke:var(--surface);stroke-width:4px}.stage{background:var(--surface);border:1px solid var(--line);box-sizing:border-box;border-radius:12px;gap:18px;width:100%;max-width:780px;margin:0 auto;padding:18px clamp(16px,4vw,32px) 24px;display:grid}.eyebrow{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow .right{align-items:center;gap:12px;display:flex}.eyebrow .ttl{text-transform:none;letter-spacing:.02em;color:var(--ink-2);font-size:13px}.eyebrow{flex-wrap:wrap}.timer{font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right;min-width:4.5em}.linkbtn{color:var(--ink-2);font:inherit;letter-spacing:inherit;text-transform:inherit;text-underline-offset:3px;background:0 0;border:0;padding:2px 4px;text-decoration:underline}.prompt,.reveal{gap:10px;display:grid}.reveal{border-top:1px dashed var(--line);padding-top:18px}.pair{gap:4px;display:grid}.actions{justify-content:center;display:flex}.actions .btn{min-width:min(100%,320px)}.rate{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.rate button{border:1px solid var(--line);border-top:4px solid var(--c);background:var(--surface);border-radius:8px;justify-items:center;gap:2px;padding:10px 6px;font-weight:600;display:grid}.rate button:hover{background:var(--paper)}.rate kbd,.hint kbd{font:600 11px var(--f-body);color:var(--muted)}.hint{text-align:center;color:var(--muted);margin:0;font-size:13px}.summary{gap:16px;display:grid}.tally{flex-wrap:wrap;gap:24px;display:flex}.tally div{display:grid}.tally b{font:700 40px/1 var(--f-cond);font-variant-numeric:tabular-nums}.tally span{color:var(--muted);font-size:13px}.row-btns{flex-wrap:wrap;gap:10px;display:flex}.panel{gap:18px;width:100%;max-width:780px;margin:0 auto;display:grid}.row{grid-template-columns:120px 1fr;align-items:start;gap:6px 16px;display:grid}.row>.lbl{color:var(--ink-2);padding-top:7px}.group{gap:6px;display:grid}.group .lbl{color:var(--muted);font-size:11px}.startbar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.count{font-variant-numeric:tabular-nums;color:var(--ink-2)}.count b{color:var(--ink)}.err{color:var(--bad);margin:0}input[type=number]{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:5em;padding:5px 8px}input[type=range]{width:min(100%,260px);accent-color:var(--ink)}.preview{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px}.preview .dia .nb,.preview .dia .gh,.preview .dia .nc{stroke:var(--paper)}.tabs .settings-btn{border:1px solid var(--line);margin-left:6px}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);box-sizing:border-box;border-radius:14px;width:min(680px,100vw - 32px);max-height:calc(100dvh - 48px);padding:0}dialog::backdrop{background:#0a0c0f80}.dlg{gap:14px;padding:18px clamp(16px,4vw,28px) 24px;display:grid}.dlg header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dlg h2{font:700 26px/1 var(--f-cond);text-transform:uppercase;letter-spacing:.02em;margin:0}.dlg .x{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-2);background:0 0;border-radius:8px;font-size:22px;line-height:1}.dlg .panel{max-width:none}.lib-head{gap:14px;display:grid}.controls{flex-wrap:wrap;align-items:end;gap:12px 16px;display:flex}.controls label,.controls .focus{gap:4px;display:grid}.controls .lbl{color:var(--muted);font-size:11px}select{border:1px solid var(--line);background:var(--surface);border-radius:6px;justify-self:start;width:auto;min-width:7em;max-width:100%;padding:7px 10px}option{background:var(--surface);color:var(--ink)}.rule{gap:6px;max-width:68ch;display:grid}.rule h3{font:700 26px/1.1 var(--f-cond);margin:0}.rule p{color:var(--ink-2);margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-content:start;gap:10px;padding:14px 14px 12px;display:grid}.card header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card h4{font:700 21px/1 var(--f-cond);margin:0}.card header span{color:var(--muted);font-size:13px}.card .fig{max-width:none}.out{color:var(--muted);border:1px dashed var(--line);border-radius:8px;margin:0;padding:12px;font-size:14px}.foot{color:var(--muted);max-width:70ch;margin:0;font-size:13px}.rec{border-collapse:separate;border-spacing:4px;font-variant-numeric:tabular-nums;width:100%;margin:-4px}.recbox{border:1px solid var(--line);border-radius:10px;padding:0 12px}.recbox[open]{padding-bottom:12px}.recbox summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0;list-style:none;display:flex}.recbox summary::-webkit-details-marker{display:none}.recbox summary:before{content:"▸";color:var(--muted);transition:transform .15s}.recbox[open] summary:before{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.recbox summary:before{transition:none}}.recbox .rt-title{font:600 12px/1.3 var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}.recbox .rt-meta{color:var(--muted);font-size:13px}.recbox .rt-meta b{color:var(--ink-2);font-weight:600}.rec thead th{font:700 18px/1.1 var(--f-cond);text-align:left;padding:0 8px}.rec tbody th{font:600 12px var(--f-body);color:var(--muted);text-align:left;white-space:nowrap;padding-right:4px}.rec td{border:1px solid var(--line);vertical-align:top;white-space:nowrap;border-radius:6px;padding:6px 8px}.rec td b{font:700 16px/1.15 var(--f-cond);min-height:1.15em;display:block}.rec td span{color:var(--muted);font-size:12px}.rec td em{color:var(--warn);font-style:normal;font-weight:600}.rec tr.done td{background:var(--paper)}.rec tr.done td b{color:var(--ink-2)}.rec td.now{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.rec td.later{border-style:dashed}.rec td.rt,.rec tr.done td.rt{color:var(--muted);vertical-align:middle;background:0 0;border:0;padding-left:2px;font-size:12px}.forced{color:var(--ink-2);margin:0;font-size:15px}.forced b{color:var(--warn)}.tablewrap{overflow-x:auto}.grid-t{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:100%}.grid-t th,.grid-t td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;white-space:nowrap;padding:8px 12px 8px 0}.grid-t thead th{font:700 18px var(--f-cond)}.grid-t tbody th{color:var(--ink-2);font-weight:600}.grid-t td b{font:700 18px var(--f-cond);display:block}.grid-t td span{color:var(--muted);font-size:13px}.grid-t em{color:var(--warn);font-style:normal;font-weight:600}.resume{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;max-width:780px;margin:0 auto 18px;padding:12px 16px;display:flex}.resume .btn{padding:8px 16px}@media (width<=560px){.row{grid-template-columns:1fr}.row>.lbl{padding-top:0}.rate button{padding:12px 4px}}@media (prefers-reduced-motion:no-preference){.reveal{animation:.18s ease-out rise}@keyframes rise{0%{transform:translateY(4px)}to{transform:none}}}.dia .mute.on-line{paint-order:stroke;stroke:var(--surface);stroke-width:5px}.preview .dia .mute.on-line{stroke:var(--paper)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.small{padding:8px 16px;font-size:15px}.chip:disabled{opacity:.45;cursor:not-allowed}.prose{max-width:60ch;padding-top:5px}.span-row{align-items:center;gap:12px;display:flex}.card-part{gap:8px;display:grid}.preset{align-items:stretch;display:inline-flex}.preset .chip{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.preset-x{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:0 999px 999px 0;align-items:center;padding:0 10px 0 8px;font-size:15px;line-height:1;display:flex}.preset-x:hover{color:var(--bad)}.preset-save{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-save input{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:min(100%,16em);min-width:0;padding:7px 10px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.err.foot{color:var(--bad)}.make-it{gap:6px;display:grid}.make-it .lbl{color:var(--muted);font-size:11px}.chip-sub{opacity:.7;font-size:13px}.dia .dot.open{fill:var(--surface);stroke:var(--ink);stroke-width:1.8px}.dia .dot.open.root{stroke:var(--root)}.dia .dl.open{fill:var(--ink)}.dia .dl.open.root{fill:var(--root)}.preview .dia .dot.open{fill:var(--paper)}.preset .chip[aria-pressed=true]+.preset-x{background:var(--ink);color:var(--paper);border-color:var(--ink);border-left-color:color-mix(in srgb, var(--paper) 45%, var(--ink))}.preset .chip[aria-pressed=true]+.preset-x:hover{color:var(--root)}@supports (appearance:base-select){select{appearance:base-select}::picker(select){appearance:base-select}select{align-items:center;gap:10px;display:inline-flex}select::picker-icon{color:var(--muted);transition:rotate .15s}select:open::picker-icon{rotate:180deg}::picker(select){border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;max-inline-size:calc(100vw - 32px);margin-block:4px;padding:4px;box-shadow:0 10px 30px #0000002e}option{white-space:nowrap;border-radius:6px;gap:8px;padding:7px 10px}option:hover,option:focus-visible{background:var(--paper);outline:none}option:checked{font-weight:600}option::checkmark{color:var(--root)}}@media (prefers-reduced-motion:reduce){select::picker-icon{transition:none}}.fig figcaption{flex-wrap:wrap;align-items:center;gap:0 6px;display:flex}.play{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:999px;flex:none;width:24px;height:24px;padding:0 0 0 2px;font-size:10px;line-height:1}.play:hover{color:var(--root);border-color:var(--root)}.tuning-strings{flex-wrap:wrap;gap:6px;display:flex}.tuning-strings select{min-width:0;padding:5px 8px}.page-title{font:700 30px/1 var(--f-cond);text-transform:uppercase;letter-spacing:.02em;margin:0}.stats h3{font:700 22px/1.1 var(--f-cond);margin:8px 0 0}.stat-t{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stat-t th,.stat-t td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:7px 12px 7px 0}.stat-t th{font:600 11px var(--f-body);letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.meter{background:var(--line);vertical-align:middle;border-radius:4px;width:70px;height:8px;margin-right:6px;display:inline-block;overflow:hidden}.meter i{height:100%;display:block}.inline{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.inline input[type=number]{width:4.5em}.chord.prog{flex-wrap:wrap;gap:4px 26px;display:flex}.chord.prog span{border-radius:8px;margin:0 -8px;padding:2px 8px;transition:background .12s,color .12s}.chord.prog small{color:var(--muted);font-size:.5em}.chord.prog .now-playing{background:var(--root);color:var(--root-ink)}.chord.prog .now-playing small{color:inherit}@media (prefers-reduced-motion:reduce){.chord.prog span{transition:none}}.strip{align-items:stretch}.strip-cell{flex:200px;align-content:start;gap:4px;max-width:260px;display:grid}.strip-cell .fig{max-width:none}.beats{font-variant-numeric:tabular-nums;color:var(--ink-2)}.runs{color:var(--ink-2);margin:0;padding-left:18px}.editor{border:1px solid var(--line);border-radius:10px;padding:0 12px}.editor[open]{padding-bottom:12px}.editor summary{cursor:pointer;color:var(--ink-2);padding:8px 0;font-size:14px}.plist{gap:6px;margin:0 0 10px;padding:0;font-size:14px;list-style:none;display:grid}.plist li{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.pform{grid-template-columns:1fr auto;align-items:end;gap:10px 12px;display:grid}.pform label{color:var(--muted);gap:4px;font-size:13px;display:grid}.pform .wide{grid-column:1/-1}.pform input,.pform textarea{border:1px solid var(--line);background:var(--surface);min-width:0;font:inherit;color:var(--ink);border-radius:6px;padding:7px 10px}@media (width<=560px){.pform{grid-template-columns:1fr}}.shape-form{gap:12px;max-width:780px;display:grid}.fret-inputs{flex-wrap:wrap;gap:8px;display:flex}.fret-inputs label{font:600 12px var(--f-body);color:var(--muted);justify-items:center;gap:2px;display:grid}.fret-inputs input{text-align:center;border:1px solid var(--line);background:var(--surface);width:3em;font:700 18px var(--f-cond);color:var(--ink);border-radius:6px;padding:7px 4px}.card .linkbtn{justify-self:start}.drill-info{color:var(--ink-2);max-width:62ch;margin:0;font-size:14px}.rec td.cellbtn{padding:0}.rec td.cellbtn button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;gap:0;padding:6px 8px;display:grid}.rec td.cellbtn button:hover{background:var(--line)}.rec td.cellbtn:has(button[aria-expanded=true]){border-color:var(--ink)}.rec td.cellbtn button[aria-expanded=true],.rec tr.done td.cellbtn button[aria-expanded=true]{background:var(--ink)}.rec td.cellbtn button[aria-expanded=true] b,.rec td.cellbtn button[aria-expanded=true] span{color:var(--paper)}.cell-pop{border:1px solid var(--line);background:var(--surface);width:min(300px,100vw - 16px);color:var(--ink);border-radius:10px;margin:0;padding:10px 12px;position:fixed;inset:auto;box-shadow:0 10px 30px #0003}.cell-pop .pop-title{color:var(--ink-2);margin:0 0 4px;font-size:14px}.cell-pop .pop-title b{font:700 20px var(--f-cond);color:var(--ink)}.cell-pop .fig{max-width:none}.empty-state{border:1px dashed var(--line);background:var(--surface);border-radius:10px;gap:8px;max-width:68ch;padding:14px 16px;display:grid}.empty-state h3{font:700 22px/1.1 var(--f-cond);margin:0}.empty-state p{color:var(--ink-2);margin:0}.acct-btn{align-items:center;gap:6px;display:inline-flex}.acct-btn .dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.acct-btn .dot.ok{background:var(--good)}.acct-btn .dot.syncing{background:var(--warn)}.acct-btn .dot.error,.acct-btn .dot.offline{background:var(--bad)}.acct{gap:12px}.acct-form{gap:8px;max-width:420px;display:grid}.acct-form input{border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--ink);border-radius:8px;padding:9px 12px}.sync-line{margin:0;font-weight:500}.sync-line.error,.sync-line.offline{color:var(--bad)}.scales-over{border-top:1px solid var(--line);gap:8px;margin-top:14px;padding-top:12px;display:grid}