:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--text: #0f172a;--muted: #5b6475;--border: #e3e8f0;--primary: #2563eb;--primary-text: #ffffff;--link: #2563eb;--icon-bg: #ffffff;--danger: #c0392b;--ok: #1a7f44;--radius: 8px;--gap: 12px;--primary-soft: #e8effd;--primary-soft-text: #1d4ed8;--surface-2: #f1f4f9;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06), 0 1px 3px rgb(15 23 42 / .08);--shadow-md: 0 8px 24px rgb(15 23 42 / .12);--primary-shadow: 0 1px 2px rgb(37 99 235 / .35), 0 4px 10px rgb(37 99 235 / .2);--radius-lg: 12px;--radius-sm: 6px;--tap: 40px;--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);--rc-piece: #c2410c;--rc-system: #1d4ed8;--rc-staff: #15803d;--rc-staves: #ea580c;--rc-grand: #6d28d9;--rc-picture: #be185d;--rc-text: #6b7280;--rc-cue: #c2410c;--rc-sel-fill: rgba(250, 204, 21, .2);--rc-fill: rgba(0, 0, 0, .03);--rc-handle: #ffffff;--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: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1220;--surface: #131c2e;--text: #e6ebf5;--muted: #98a3ba;--border: #26324b;--primary: #3f6ae6;--primary-text: #ffffff;--primary-soft: #1a2a4d;--primary-soft-text: #a9c0ff;--surface-2: #1a2438;--shadow-sm: 0 1px 2px rgb(0 0 0 / .35), 0 1px 3px rgb(0 0 0 / .25);--shadow-md: 0 8px 24px rgb(0 0 0 / .5);--primary-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 4px 10px rgb(63 106 230 / .25);--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);--rc-piece: #fb923c;--rc-system: #60a5fa;--rc-staff: #4ade80;--rc-staves: #fb923c;--rc-grand: #a78bfa;--rc-picture: #f472b6;--rc-text: #9ca3af;--rc-cue: #fdba74;--rc-sel-fill: rgba(250, 204, 21, .25);--rc-fill: rgba(255, 255, 255, .04);--rc-handle: #ffffff;--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: #0b1220;--surface: #131c2e;--text: #e6ebf5;--muted: #98a3ba;--border: #26324b;--primary: #3f6ae6;--primary-text: #ffffff;--primary-soft: #1a2a4d;--primary-soft-text: #a9c0ff;--surface-2: #1a2438;--shadow-sm: 0 1px 2px rgb(0 0 0 / .35), 0 1px 3px rgb(0 0 0 / .25);--shadow-md: 0 8px 24px rgb(0 0 0 / .5);--primary-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 4px 10px rgb(63 106 230 / .25);--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);--rc-piece: #fb923c;--rc-system: #60a5fa;--rc-staff: #4ade80;--rc-staves: #fb923c;--rc-grand: #a78bfa;--rc-picture: #f472b6;--rc-text: #9ca3af;--rc-cue: #fdba74;--rc-sel-fill: rgba(250, 204, 21, .25);--rc-fill: rgba(255, 255, 255, .04);--rc-handle: #ffffff;--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;transition:border-color .15s,box-shadow .15s;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.btn{font:inherit;font-weight:500;min-height:36px;padding:7px 14px;transition:background .15s,border-color .15s;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer}.btn:where(:hover:not(:disabled)){background:var(--surface-2)}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text);box-shadow:var(--primary-shadow)}.btn.primary:hover:not(:disabled){background:var(--primary);filter:brightness(1.08)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus,select:focus{outline:2px solid transparent;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.chip{font:inherit;font-size:.85rem;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;transition:background .15s,border-color .15s}.chip:hover{background:var(--surface-2)}.chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--primary-soft-text);font-weight:600}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:default}.shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:5;white-space:nowrap}.topbar .brand{margin-right:8px}.help-icon{display:none}.topnav{display:flex;align-items:center;gap:2px}.topnav>a,.navgroup-btn{font:inherit;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:0;border-radius:var(--radius);background:none;color:var(--muted);cursor:pointer}.topnav>a:hover,.navgroup-btn:hover{background:var(--surface-2);color:var(--text)}.topnav>a.active,.navgroup-btn.active,.navgroup-pop a.active,.drawer-group a.active{background:var(--primary-soft);color:var(--primary-soft-text);font-weight:600}.navgroup{position:relative}.navgroup-pop,.usermenu-pop{position:absolute;top:calc(100% + 6px);z-index:40;min-width:200px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px;box-shadow:var(--shadow-md)}.navgroup-pop{left:0}.usermenu-pop{right:0;min-width:240px}.navgroup-pop a,.usermenu-pop a,.usermenu-pop>button{font:inherit;text-align:left;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);cursor:pointer}.navgroup-pop a:hover,.usermenu-pop a:hover,.usermenu-pop>button:hover{background:var(--surface-2)}.usermenu{position:relative}.usermenu-who{display:flex;flex-direction:column;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px;overflow-wrap:anywhere;white-space:normal}.avatar{width:36px;height:36px;border-radius:50%;border:0;background:var(--primary);color:var(--primary-text);font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--primary-shadow)}.search-btn{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.search-btn kbd{font-size:.72rem;padding:1px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;width:36px}.menu-btn{display:none}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73}.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(320px,85vw);overflow-y:auto;background:var(--surface);box-shadow:var(--shadow-md);padding:12px;display:flex;flex-direction:column;gap:8px}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px;border-bottom:1px solid var(--border)}.drawer-group{display:flex;flex-direction:column;gap:2px}.drawer-group h2{margin:8px 8px 2px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.drawer-group a{padding:10px 12px;min-height:var(--tap);display:flex;align-items:center;border-radius:var(--radius);color:var(--text)}@media(max-width:1023px){.topnav,.search-btn kbd,.search-text,.help-text{display:none}.help-icon{display:inline-flex}.help-menu>.btn{padding:0;width:36px;display:inline-flex;align-items:center;justify-content:center}.search-btn{padding:0;width:36px;justify-content:center}.menu-btn{display:inline-flex}.topbar{padding:8px 12px}}@media(min-width:1024px){.drawer{display:none}}.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-lg);box-shadow:var(--shadow-md)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;margin-bottom:16px}.filters{display:flex;flex-wrap:wrap;gap:var(--gap);margin-bottom:16px}.filter-toggle{display:none;align-self:flex-start;margin-bottom:12px}.filter-toggle[aria-expanded=true]{background:var(--primary-soft);border-color:var(--primary-soft);color:var(--primary-soft-text)}.table-scroll{overflow-x:auto;max-width:100%}.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-lg);box-shadow:var(--shadow-sm);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(--surface-2);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-lg);box-shadow:var(--shadow-md);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-lg);box-shadow:var(--shadow-sm);margin-bottom:24px}.table th{font-size:.8rem;font-weight:600;color:var(--muted);background:var(--surface-2)}.table th,.table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}@media(max-width:639px){.content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.filter-toggle{display:inline-block}.filters:not([data-open]){display:none}.filters{flex-direction:column;align-items:stretch}.filters label{display:flex;flex-direction:column;gap:4px}.filters select,.filters input{max-width:100%}.page-action{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:15;border-radius:999px;box-shadow:var(--shadow-md);padding:10px 18px}.table.cards,.table.cards tbody,.table.cards tr,.table.cards td{display:block}.table.cards{background:none;border:0;box-shadow:none}.table.cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.table.cards tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:10px;padding:6px 12px}.table.cards td{display:grid;grid-template-columns:minmax(80px,38%) minmax(0,1fr);gap:8px;align-items:center;border-bottom:0;padding:6px 0;overflow-wrap:anywhere}.table.cards td:before{content:attr(data-label);font-size:.8rem;font-weight:600;color:var(--muted)}.table.cards td:not([data-label]){grid-template-columns:1fr}.table.cards td:not([data-label]):before{display:none}.table.cards td.cell-title{grid-template-columns:1fr;font-weight:700}.table.cards td.cell-title:before{display:none}.table.cards td>*{min-width:0}.table.cards td[data-label]:not(.cell-title)>*{grid-column:2}.table.cards td input:not([type=checkbox]),.table.cards td select{max-width:100%;min-width:0}.table.cards code{word-break:break-all}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}@media(pointer:coarse){.btn,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,.chip,.check{min-height:var(--tap)}}@media(pointer:coarse){.avatar,.icon-btn,.search-btn,.help-menu>.btn{min-width:var(--tap);min-height:var(--tap)}.topnav>a,.navgroup-btn,.navgroup-pop a,.usermenu-pop a,.usermenu-pop>button,.usermenu-pop .theme-group button{min-height:var(--tap)}.navgroup-pop a,.usermenu-pop a,.usermenu-pop>button{display:flex;align-items:center}.usermenu-pop .theme-group button{padding-inline:12px}}.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;touch-action:none}.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-actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.modec-actions .modec-act{flex:1 1 30%;min-height:48px;font-size:1rem;font-weight:600}.modec-actions .modec-act.right{flex-basis:45%;background:var(--ok);border-color:var(--ok);color:#fff}.modec-actions .modec-act.wrong{flex-basis:45%;background:var(--danger);border-color:var(--danger);color:#fff}.labeler-stage{display:contents}.touch-toolbar{display:flex;flex-wrap:wrap;gap:6px 12px;padding:6px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.touch-group{display:flex;gap:6px}.touch-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:48px;min-height:48px;padding:4px 6px;font-size:.7rem;font-weight:600}.touch-btn svg{flex:none}@media(pointer:coarse){.labeler-stage{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:6px}}.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}@media(max-width:639px){.toast-host{left:16px;right:16px;width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}}.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(--surface-2)}.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-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}.usermenu-pop .theme-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:4px 0;padding:6px}.usermenu-pop .theme-group button{font:inherit;font-size:.85rem;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer}.usermenu-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}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.85em;border:1px solid var(--border);background:var(--surface-2);font-weight:500}.pill.ready,.pill.approved{color:var(--ok, #1a7f37)}.pill.failed,.pill.duplicate,.pill.error{color:var(--danger)}.stats-strip{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}.stats-strip>div{display:flex;flex-direction:column}.checks{display:flex;gap:12px}.bpr{display:flex;flex-direction:column;height:calc(100vh - 90px);min-height:400px;gap:6px}.bpr-grid{flex:1;min-height:0;display:grid;grid-template-columns:120px 1fr 320px;gap:8px}.bpr-thumbs,.bpr-side{overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:4px}.bpr-thumbs button{font:inherit;text-align:left;padding:4px 6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer}.bpr-thumbs button[aria-current=true]{border-color:var(--primary);font-weight:600}.bpr-stage{display:flex;min-height:0}.bpr-stage .labeler-canvas{flex:1}.bpr-row{border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:4px;cursor:pointer}.bpr-row[aria-selected=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.bpr-row input[type=text]{width:100%;box-sizing:border-box}.bpr-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bpr-confirm{border:1px solid var(--border);border-radius:var(--radius);padding:8px;background:var(--surface)}@media(max-width:800px){.bpr-grid{grid-template-columns:1fr}.bpr-thumbs{flex-direction:row;overflow-x:auto}}.bpr-bar{position:relative}.bpr-grid>*{min-width:0}@media(pointer:coarse){.content:has(.bpr){padding:8px 12px 0}.bpr{height:calc(100dvh - 65px);min-height:0;box-sizing:border-box;gap:4px}.bpr-bar{gap:6px 8px}.bpr-bar>.bpr-cutby{display:none}.bpr-bar .btn,.bpr-bar label{min-height:var(--tap);display:inline-flex;align-items:center}.bpr-bar .labeler-more[open]>.labeler-more-body{flex-direction:row;flex-wrap:wrap;align-items:center}}@media(pointer:coarse)and (orientation:portrait){.bpr{padding-bottom:calc(var(--sheet-collapsed) + env(safe-area-inset-bottom))}.bpr-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.bpr-grid>div:first-child{display:flex;align-items:center;gap:6px}.bpr-grid>div:first-child>.bpr-thumbs{flex:1}.bpr-thumbs button{white-space:nowrap;flex:none}.sheet-body .bpr-row input[type=text]{min-height:var(--tap)}.sheet-body .bpr-check{display:flex;align-items:center;gap:10px;min-height:var(--tap)}}@media(pointer:coarse)and (orientation:landscape){.bpr-grid{grid-template-columns:96px minmax(0,1fr) 200px}.bpr-grid select{max-width:100%}}.next-step{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 12px;margin:0 0 12px;background:var(--primary-soft);color:var(--primary-soft-text);border-color:var(--primary-soft)}.next-step-text{min-width:0;font-weight:600;font-size:.9rem}.next-step-actions{display:flex;gap:8px;flex-shrink:0}.next-step .btn{text-decoration:none}@media(pointer:coarse){.next-step .btn{min-height:var(--tap);display:inline-flex;align-items:center}}.labeler-more,.labeler-more-body{display:contents}.labeler-more::details-content{display:contents}.labeler-more>summary{display:none;list-style:none}.labeler-more>summary::-webkit-details-marker{display:none}.labeler-bar .save-badge{order:1}.labeler-bar .mode-switch,.labeler-bar .tags{order:2}.labeler-bar .bar-end{order:3}@media(max-width:1023px){.labeler-bar{position:relative;flex-wrap:wrap;min-width:0;gap:6px 8px}.labeler-bar>*{flex:none;max-width:100%}.labeler-bar>.ellipsis{flex:1 1 48px;min-width:0}.labeler-bar .save-badge{margin-left:auto}.labeler-bar>.btn,.labeler-bar .bar-end{white-space:nowrap}.labeler-more::details-content{display:block}.labeler-more{display:block;order:2}.labeler-more>summary{display:inline-flex;align-items:center;cursor:pointer}.labeler-more[open]>.labeler-more-body{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:absolute;left:0;right:0;top:100%;z-index:20;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.labeler-more-body .mode-switch{display:flex;flex-wrap:wrap}.labeler-more-body .mode-switch .btn{flex:1 1 auto}.labeler-bar .bar-end{order:3}.practice-pending{display:none}}.back-arrow{display:none}@media(max-width:639px){.back-link .back-text{display:none}.back-link .back-arrow{display:inline;font-size:1.2rem;line-height:1}.back-link{min-width:var(--tap);justify-content:center}}:root{--sheet-collapsed: 76px}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;height:calc(var(--sheet-collapsed) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:var(--shadow-md);transition:height .18s ease}.sheet-half{height:50dvh}.sheet-full{height:calc(100dvh - 56px)}.sheet-handle{flex:none;display:flex;align-items:center;justify-content:center;width:100%;height:var(--tap);padding:0;border:0;background:none;cursor:pointer;touch-action:none}.sheet-grip{width:44px;height:5px;border-radius:3px;background:var(--border)}.sheet-summary{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;padding:0 16px 8px;font-weight:600}.sheet-class{flex:1;min-width:0}.sheet-warn{flex:none;color:var(--muted);font-weight:400}.sheet-warn.has{color:var(--danger);font-weight:600}.sheet-body{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:8px 12px}.sheet-body[hidden]{display:none}.sheet-body>.labeler-tabbody{flex:none;overflow:visible}.sheet-toast{position:fixed;left:8px;right:8px;bottom:calc(var(--sheet-collapsed) + 8px + env(safe-area-inset-bottom));z-index:25}.sheet-toast .reason-toast{position:static}@media(pointer:coarse)and (orientation:portrait){.labeler-main.sheeted{flex-direction:column;padding-bottom:calc(var(--sheet-collapsed) + env(safe-area-inset-bottom))}.labeler-main.sheeted>.labeler-stage{flex:1 1 0}}@media(pointer:coarse)and (orientation:landscape){.labeler-stage{flex-direction:row}.labeler-stage>.touch-toolbar{order:-1;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:4px 6px;max-height:100%;overflow:auto}.labeler-stage>.touch-toolbar .touch-group{display:contents}.labeler-stage>.touch-toolbar .touch-btn{min-width:var(--tap);min-height:var(--tap);padding:4px}.labeler-stage>.touch-toolbar .touch-label{display:none}.labeler-side{width:240px;flex:none}.content:has(.labeler-main){padding:8px 12px 0}.labeler{height:calc(100dvh - 65px);min-height:0}.modec-keys{display:none}.modec-main{min-height:0}.modec-main .zoom-view{flex:1 1 0;min-height:120px}.modec-actions{flex:none;flex-wrap:nowrap;padding:6px;gap:6px}.modec-actions .modec-act,.modec-actions .modec-act.right,.modec-actions .modec-act.wrong{flex:1 1 0;min-height:var(--tap);padding:4px}}@media(pointer:coarse)and (orientation:landscape)and (max-height:600px){.labeler-side{overflow-y:auto}.labeler-side>.labeler-tabbody{flex:none;overflow:visible}}@media(pointer:coarse)and (orientation:portrait){.content:has(.labeler-main.sheeted){padding:8px 12px 0}.labeler:has(>.labeler-main.sheeted){height:calc(100dvh - 65px);min-height:0}.labeler-main.sheeted>.modec-main{flex:1 1 0;min-height:0}.labeler-main.sheeted .modec-keys{display:none}.labeler-main.sheeted .modec-main .zoom-view{flex:1 1 0;min-height:0}.labeler-main.sheeted .modec-actions{flex:none;padding:6px;gap:6px}.labeler-main.sheeted .modec-actions .modec-act{min-height:44px}.labeler-stage>.touch-toolbar{flex:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;gap:4px 10px;scrollbar-width:none}.labeler-stage>.touch-toolbar::-webkit-scrollbar{display:none}.labeler-stage>.touch-toolbar .touch-group{flex:none}.labeler-stage>.touch-toolbar .touch-btn{min-height:52px}.labeler-stage>.labeler-canvas{flex:1 1 0}}