:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--text: #1c2330;--muted: #667085;--border: #d9dee7;--primary: #2f5bea;--primary-text: #ffffff;--link: #2f5bea;--icon-bg: #ffffff;--danger: #c0392b;--ok: #1a7f44;--radius: 8px;--gap: 12px;--warn-bg: #fff4d6;--warn-border: #e6c766;--info-bg: #eaf1ff;--canvas-bg: #222222;--toast-bg: #222222;--toast-text: #ffffff;--toast-link: #9cc2ff;--banner-danger-bg: #fde8e6;--banner-danger-text: #a1180d;--banner-warn-bg: #fff6cc;--banner-warn-text: #6b5300;--banner-info-bg: #e8f0fe;--banner-info-text: #1a3d8f;--box-pending: #2f6fed;--box-accepted: #1f9d55;--box-warned: #d93025;--box-hint: #d93025;--box-fill: rgba(47, 111, 234, .12);--box-fill-multi: rgba(47, 111, 234, .18);--staff-line: #e6c766;--drop-keep: #1f9d55;--drop-nms: #8a8f98;--drop-truncated: #f28c28;--drop-threshold: #e6c200;--drop-system-clip: #8e44ad;--stage-staff: #d4a017;--stage-tile: #c0392b;--cmp-a: #2f6fed;--cmp-b: #1f9d55;--cmp-diff: #d93025;--cmp-only-a: #f28c28;--cmp-only-b: #8e44ad;--practice-miss: #d93025;--practice-extra: #f57c00;--practice-loose: #e6b800;--note-hover: #2563eb;--note-highlight: rgba(250, 204, 21, .45);--note-highlight-stroke: #ca8a04;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0f1420;--surface: #1a2130;--text: #e6e9f0;--muted: #9aa4b8;--border: #323d54;--primary: #4568e8;--primary-text: #ffffff;--link: #7da2ff;--icon-bg: #ffffff;--danger: #ff7b6e;--ok: #4cc38a;--warn-bg: #3a3118;--warn-border: #8a7230;--info-bg: #1b2646;--canvas-bg: #0a0d14;--toast-bg: #2b3447;--toast-text: #e6e9f0;--toast-link: #9cc2ff;--banner-danger-bg: #3d1a17;--banner-danger-text: #ffb4ab;--banner-warn-bg: #3a3118;--banner-warn-text: #f0d98a;--banner-info-bg: #1b2646;--banner-info-text: #a9c0ff;--box-pending: #4f86ff;--box-accepted: #2fbf6c;--box-warned: #ff5a4d;--box-hint: #ff5a4d;--box-fill: rgba(79, 134, 255, .18);--box-fill-multi: rgba(79, 134, 255, .28);--staff-line: #e6c766;--drop-keep: #2fbf6c;--drop-nms: #9aa0a9;--drop-truncated: #f59a3f;--drop-threshold: #e6c200;--drop-system-clip: #b36bd4;--stage-staff: #d4a017;--stage-tile: #ff6b5e;--cmp-a: #4f86ff;--cmp-b: #2fbf6c;--cmp-diff: #ff5a4d;--cmp-only-a: #f59a3f;--cmp-only-b: #b36bd4;--practice-miss: #ff6b5e;--practice-extra: #ff9a3d;--practice-loose: #f0c419;--note-hover: #6d9bff;--note-highlight: rgba(250, 204, 21, .45);--note-highlight-stroke: #facc15}}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1420;--surface: #1a2130;--text: #e6e9f0;--muted: #9aa4b8;--border: #323d54;--primary: #4568e8;--primary-text: #ffffff;--link: #7da2ff;--icon-bg: #ffffff;--danger: #ff7b6e;--ok: #4cc38a;--warn-bg: #3a3118;--warn-border: #8a7230;--info-bg: #1b2646;--canvas-bg: #0a0d14;--toast-bg: #2b3447;--toast-text: #e6e9f0;--toast-link: #9cc2ff;--banner-danger-bg: #3d1a17;--banner-danger-text: #ffb4ab;--banner-warn-bg: #3a3118;--banner-warn-text: #f0d98a;--banner-info-bg: #1b2646;--banner-info-text: #a9c0ff;--box-pending: #4f86ff;--box-accepted: #2fbf6c;--box-warned: #ff5a4d;--box-hint: #ff5a4d;--box-fill: rgba(79, 134, 255, .18);--box-fill-multi: rgba(79, 134, 255, .28);--staff-line: #e6c766;--drop-keep: #2fbf6c;--drop-nms: #9aa0a9;--drop-truncated: #f59a3f;--drop-threshold: #e6c200;--drop-system-clip: #b36bd4;--stage-staff: #d4a017;--stage-tile: #ff6b5e;--cmp-a: #4f86ff;--cmp-b: #2fbf6c;--cmp-diff: #ff5a4d;--cmp-only-a: #f59a3f;--cmp-only-b: #b36bd4;--practice-miss: #ff6b5e;--practice-extra: #ff9a3d;--practice-loose: #f0c419;--note-hover: #6d9bff;--note-highlight: rgba(250, 204, 21, .45);--note-highlight-stroke: #facc15}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}h1{font-size:1.4rem;margin:0}h2{font-size:1.1rem}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.center{text-align:center;padding:48px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}input,select{font:inherit;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.btn{font:inherit;padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn:disabled{opacity:.5;cursor:default}.shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:var(--gap);padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar nav{display:flex;gap:4px;margin-left:16px}.topbar nav a{padding:6px 10px;border-radius:var(--radius);color:var(--muted)}.topbar nav a.active{background:var(--bg);color:var(--text);font-weight:600}.content{max-width:1280px;margin:0 auto;padding:20px}.login{min-height:100vh;display:grid;place-items:center}.login-card{width:340px;display:flex;flex-direction:column;gap:var(--gap);padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filters{display:flex;flex-wrap:wrap;gap:var(--gap);margin-bottom:16px}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--gap)}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card img{display:block;width:100%;height:160px;object-fit:cover;background:var(--bg)}.card-body{padding:10px;display:flex;flex-direction:column;gap:6px}.meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem}.badge{padding:1px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:.75rem}.badge.approved{color:var(--ok)}.badge.in_review{color:var(--link)}.pager{display:flex;gap:var(--gap);align-items:center;justify-content:center;margin-top:20px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:20;padding:16px}.dialog{width:min(640px,100%);max-height:90vh;overflow:auto;background:var(--surface);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:var(--gap)}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:24px;text-align:center;color:var(--muted);cursor:pointer}.dropzone:hover{border-color:var(--primary)}.upload-list{list-style:none;padding:0;margin:0;max-height:180px;overflow:auto;font-size:.85rem}.upload-list li{display:flex;justify-content:space-between;gap:var(--gap);padding:3px 0;border-bottom:1px solid var(--border)}.upload-list li.bad{color:var(--danger)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.form-grid fieldset{grid-column:1 / -1;display:flex;gap:var(--gap);border:1px solid var(--border);border-radius:var(--radius)}.check{flex-direction:row;align-items:center;gap:6px;color:var(--text)}.actions{display:flex;justify-content:flex-end;gap:var(--gap)}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px}.table th,.table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}.labeler{display:flex;flex-direction:column;height:calc(100vh - 90px);min-height:400px}.labeler-bar{display:flex;align-items:center;gap:var(--gap);padding:6px 0}.labeler-bar .ellipsis{flex:1}.labeler-banner{margin:0 0 6px;padding:6px 10px;background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius)}.labeler-canvas{width:100%;flex:1;min-height:0;background:var(--canvas-bg);border-radius:var(--radius);overflow:hidden}.labeler-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.labeler-dialog{background:var(--surface);padding:20px;border-radius:var(--radius);max-width:420px;display:flex;flex-direction:column;gap:var(--gap)}.labeler-bar .tags{display:flex;gap:8px;border:0;padding:0;margin:0;flex-wrap:wrap}.labeler-bar .tags legend{float:left;margin-right:6px;padding:0}.labeler-main{display:flex;flex:1;min-height:0;gap:var(--gap)}.labeler-main .labeler-canvas{flex:1;width:auto}.labeler-side{position:relative;width:320px;display:flex;flex-direction:column;gap:6px;min-height:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.labeler-tools{display:flex;gap:8px;align-items:center}.labeler-tabs{display:flex;gap:4px}.labeler-tabbody{flex:1;overflow:auto;min-height:0}.palette{display:flex;flex-direction:column;gap:6px}.palette-toggles{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.8rem}.palette h4,.warnings h4{margin:8px 0 4px}.palette-item{display:flex;align-items:center;gap:4px}.palette-item.selected .palette-pick{outline:2px solid var(--primary)}.palette-pick{flex:1;display:flex;align-items:center;gap:6px;text-align:left;background:none;border:1px solid var(--border);border-radius:var(--radius);padding:2px 6px;cursor:pointer}.palette-name{flex:1}.warnings ul,.corrections{list-style:none;padding:0;margin:0}.warnings li{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.warnings li.active{background:var(--warn-bg)}.warning-why{font-size:.85rem;white-space:pre-wrap}.warning-ignore{display:flex;flex-direction:column;gap:6px;margin-top:8px}.link{background:none;border:0;padding:0;color:var(--link);cursor:pointer;text-decoration:underline}.reason-toast{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--toast-bg);color:var(--toast-text);border-radius:var(--radius);padding:8px 10px;z-index:5}.reason-toast .link{color:var(--toast-link)}.reason-edit{display:flex;gap:6px;width:100%}@media(max-width:800px){.labeler-main{flex-direction:column}.labeler-side{width:auto;max-height:40vh}}.modec-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.modec-guess{font-size:1.1rem;font-weight:600}.modec-keys{font-size:.85rem}.modec-main .zoom-view{flex:1;width:auto}.modec-done{margin:auto;text-align:center;display:flex;flex-direction:column;gap:var(--gap);align-items:center}.modec-side{overflow:auto}.modec-progress{display:flex;flex-wrap:wrap;gap:4px 12px}.modec-face{display:flex;align-items:center;gap:8px}.modec-compare h4,.modec-picker h4,.modec-card h4{margin:8px 0 4px}.modec-picklist{list-style:none;padding:0;margin:6px 0 0;max-height:40vh;overflow:auto;display:flex;flex-direction:column;gap:2px}.modec-picklist .palette-pick.active{outline:2px solid var(--primary)}.modec-bulk{margin-top:auto;display:flex;flex-direction:column;gap:6px}.modec-card{border-top:1px solid var(--border);padding-top:6px;font-size:.85rem}.modec-card-head{display:flex;justify-content:space-between}.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.review-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 10px;margin-bottom:6px;background:var(--info-bg);border:1px solid var(--primary);border-radius:var(--radius)}.review-bar textarea{flex:1;min-width:220px;font:inherit}.toast-host{position:fixed;right:16px;bottom:16px;width:340px;z-index:30;pointer-events:none}.toast-host .reason-toast{position:static;pointer-events:auto}.modec-reasons{font-size:.85rem}.labeler-side>.symbol-card{flex:0 1 auto;max-height:60%;overflow-y:auto;border-bottom:1px solid var(--border);padding-bottom:8px}.symbol-card h4{margin:10px 0 4px;font-size:.9rem}.symbol-card .minimd p,.symbol-card .minimd ul{margin:2px 0;font-size:.88rem}.symbol-big{display:block;width:100%;max-height:160px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.symbol-compare{border-collapse:collapse;width:100%;font-size:.85rem}.symbol-compare td{padding:4px;vertical-align:top;border-top:1px solid var(--border)}.symbol-compare tr.self{background:var(--bg)}.symbol-crops{display:flex;flex-wrap:wrap;gap:6px}.symbol-crop{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:4px;background:#eee;display:flex;align-items:center;justify-content:center;font-size:.75rem}.symbol-crop img{position:absolute;max-width:none;-webkit-user-select:none;user-select:none}.symbol-crop-box{position:absolute;outline:2px solid var(--primary);pointer-events:none}.symbol-mistakes{margin:2px 0;padding-left:18px;font-size:.88rem}.palette-item{align-items:center}.palette-info{margin-left:4px;font-weight:600}.cmdk{width:min(620px,94vw);align-self:flex-start;margin-top:12vh;display:flex;flex-direction:column;gap:8px;max-height:70vh}.cmdk input{width:100%;font-size:1rem}.cmdk-list{list-style:none;margin:0;padding:0;overflow-y:auto}.cmdk-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;background:none;border:0;border-radius:var(--radius);padding:6px 8px;cursor:pointer;color:var(--text)}.cmdk-item.active{background:var(--bg);outline:1px solid var(--primary)}.cmdk-text{display:flex;flex-direction:column;flex:1;min-width:0}.cmdk-icon{width:28px;flex:none}.help-menu{position:relative}.help-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:40;min-width:240px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;box-shadow:0 4px 16px #00000026}.help-pop button{font:inherit;text-align:left;background:none;border:0;padding:8px 10px;border-radius:6px;cursor:pointer;color:var(--text);display:flex;justify-content:space-between;gap:12px}.help-pop button:hover,.help-pop button:focus-visible{background:var(--bg)}.mode-switch{display:inline-flex;gap:4px}.handbook{max-width:1200px;margin:0 auto}.handbook-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.spacer{flex:1}.handbook-body{display:flex;gap:20px;align-items:flex-start}.handbook-toc{position:sticky;top:8px;width:220px;flex:none;font-size:.92rem}.handbook-toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.handbook-main{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px 20px 20px}.handbook-main section{scroll-margin-top:8px}.handbook-card{position:sticky;top:8px;width:340px;flex:none;max-height:calc(100vh - 80px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.atlas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.atlas-card{display:flex;flex-direction:column;align-items:center;gap:2px;font:inherit;text-align:center;padding:8px 4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text)}.atlas-card:hover,.atlas-card:focus-visible{border-color:var(--primary)}.handbook-warning{border-top:1px solid var(--border)}.handbook-edit textarea{width:100%;font-family:ui-monospace,monospace;font-size:.8rem}@media(max-width:900px){.handbook-body{flex-direction:column}.handbook-toc,.handbook-card{position:static;width:auto}}.tour-card{position:fixed;z-index:60;background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius);padding:10px 12px;box-shadow:0 6px 24px #00000040}.tour-card h3{margin:2px 0;font-size:1rem}.tour-card p{margin:4px 0 8px;font-size:.9rem}.tour-card .actions{display:flex;align-items:center;gap:6px}.tour-hl{outline:3px solid var(--primary);outline-offset:2px}.labeler-canvas{position:relative}.box-help{position:absolute;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid var(--primary);background:var(--primary);color:var(--primary-text);font-weight:700;cursor:pointer;line-height:1}.practice-result{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,2fr);gap:24px;align-items:start}.practice-verdict{font-size:1.1rem}.practice-verdict.ok{color:var(--ok)}.practice-unlocked{padding:10px;border:1px solid var(--ok);border-radius:var(--radius)}.practice-errors{list-style:none;padding:0;display:flex;flex-direction:column;gap:4px}.practice-image{position:relative;width:100%}.practice-image img{display:block;width:100%;height:auto}.practice-image svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.practice-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.practice-pending{color:var(--link)}.page-pick{position:absolute;margin:8px;z-index:1;width:18px;height:18px}.grid>li{position:relative}.selection-bar{position:sticky;top:0;z-index:2}.dataset-pages{padding-left:18px}.minimd pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:8px;overflow-x:auto}.steps-nav{width:200px;flex:none;display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px;overflow-y:auto}.steps-nav button{text-align:left}.steps-nav .step-future{opacity:.45}.step-guide ul{margin:4px 0;padding-left:18px}.step-do li::marker{color:var(--ok)}.step-dont li::marker{color:var(--danger)}.step-warn.viewed{opacity:.6}.step-warn.active{font-weight:600}@media(max-width:800px){.steps-nav{width:auto;flex-direction:row;overflow-x:auto}}.debug-page{display:flex;flex-direction:column;gap:var(--gap);height:100%}.debug-banner{margin:0;padding:8px 12px;border-radius:var(--radius);font-weight:600}.debug-banner.danger{background:var(--banner-danger-bg);color:var(--banner-danger-text);border:1px solid var(--box-warned)}.debug-banner.warn{background:var(--banner-warn-bg);color:var(--banner-warn-text);border:1px solid var(--drop-threshold)}.debug-banner.info{background:var(--banner-info-bg);color:var(--banner-info-text);border:1px solid var(--box-pending)}.run-form{display:flex;gap:var(--gap);align-items:end;flex-wrap:wrap}.run-list{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.stage-view{display:flex;flex-direction:column;gap:var(--gap);flex:1;min-height:0}.stage-body{display:flex;gap:var(--gap);flex:1;min-height:480px}.stage-canvas{flex:1;display:flex;min-width:0}.stage-side{width:340px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.raw-row{display:grid;grid-template-columns:1.6fr .6fr 1.2fr .7fr;gap:4px;align-items:center;font-size:13px;cursor:pointer}.raw-head{font-weight:600;cursor:default}.raw-row:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}.swatch{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:middle}.cmp-nav{display:flex;gap:6px;align-items:center}.linklike{background:none;border:0;padding:0;color:var(--link);cursor:pointer;text-align:left;font:inherit}.raw-row.picked{background:color-mix(in srgb,var(--primary) 25%,transparent)}.score-page-root{display:flex;flex-direction:column;gap:var(--gap)}.score-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.score-seek{flex:1;min-width:160px}.score-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap);align-items:start}.score-pager{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.score-page{position:relative;width:100%}.score-page img,.score-page svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.score-page .note-box{fill:transparent;stroke:transparent;cursor:pointer}.score-page .note-box:hover{stroke:var(--note-hover);stroke-width:2}.score-page .note-box.on{fill:var(--note-highlight);stroke:var(--note-highlight-stroke);stroke-width:2}.osmd-wrap{overflow:auto;background:#fff;min-height:200px}.stats{display:flex;flex-direction:column;gap:var(--gap)}.stats-filters{display:flex;flex-wrap:wrap;gap:var(--gap)}.stats-empty{padding:32px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius)}.stats-cards{display:flex;flex-wrap:wrap;gap:var(--gap)}.stats-num{display:flex;flex-direction:column;min-width:120px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.stats-num strong{font-size:1.5rem}.stats-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.stats-card h2{margin:0 0 8px}.stats-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap)}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bars li{display:grid;grid-template-columns:110px 1fr 40px;gap:8px;align-items:center}.bar-track{background:var(--bg);border-radius:4px;height:14px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--primary)}.bar-n{text-align:right;font-variant-numeric:tabular-nums}.heat-scroll{overflow:auto;max-height:70vh}.heat{border-collapse:separate;border-spacing:2px}.heat-col{height:150px;vertical-align:bottom;font-weight:400;font-size:.75rem}.heat-col span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.heat-row{text-align:right;font-weight:400;font-size:.75rem;white-space:nowrap;padding-right:6px}.heat-cell{width:28px;height:28px;padding:0;text-align:center;background:var(--bg);border-radius:3px}.heat-btn{width:100%;height:100%;min-width:28px;min-height:28px;border:0;border-radius:3px;font:inherit;font-size:.7rem;cursor:pointer;color:var(--text)}.heat-btn:hover,.heat-btn:focus-visible,.heat-btn.on{outline:2px solid var(--text);outline-offset:1px}.heat-legend{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.8rem}.heat-ramp{width:160px;height:12px;border-radius:3px;border:1px solid var(--border)}.ex-grid{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--gap)}.ex-item{display:flex;flex-direction:column;gap:2px;max-width:160px}.help-pop .theme-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border-top:1px solid var(--border);margin-top:4px;padding:6px 6px 2px}.help-pop .theme-group button{padding:4px 8px;border:1px solid var(--border)}.help-pop .theme-group button.on{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.cls-icon{background:var(--icon-bg);padding:2px;border-radius:4px;flex:none;object-fit:contain}.row-status{font-size:.85rem}.row-status.ok{color:var(--ok)}.row-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.secret{font-family:ui-monospace,monospace;padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);-webkit-user-select:all;user-select:all}.account-form{display:flex;flex-direction:column;gap:var(--gap);max-width:360px}.account-form label{display:flex;flex-direction:column;gap:4px}.rec-page{max-width:480px;margin:0 auto;padding:16px;min-height:100vh;box-sizing:border-box}.rec-card{display:flex;flex-direction:column;gap:var(--gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.rec-card h1,.rec-card h2{margin:0}.rec-card ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.rec-field{display:flex;flex-direction:column;gap:4px}.rec-field select{font-size:1rem;padding:10px}.rec-card button{font-size:1rem;padding:12px 16px;min-height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.rec-card button:disabled{opacity:.5}.rec-card button.rec-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.rec-card button.rec-link{border:0;background:none;color:var(--link);text-decoration:underline}.rec-big{font-size:1.25rem;min-height:72px}.rec-card button.rec-live{background:var(--danger);border-color:var(--danger);color:#fff}.rec-word{font-size:3rem;font-weight:700;text-align:center;margin:8px 0}.rec-progress{display:flex;align-items:center;gap:8px}.rec-progress progress{flex:1}.rec-meter{height:14px;background:var(--bg);border:1px solid var(--border);border-radius:7px;overflow:hidden}.rec-meter-fill{height:100%;background:var(--ok);transition:width .1s}.rec-review{display:flex;flex-direction:column;gap:var(--gap)}.rec-review audio{width:100%}.rec-actions{display:flex;gap:8px}.rec-actions button{flex:1}.rec-fail{color:var(--danger);margin:0}.rec-code{font-size:1.5rem;text-align:center;letter-spacing:.1em}