:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#eef0f4;--border:#dde1e8;--text:#16181d;--muted:#5d6573;--accent:#3b5bdb;--accent-text:#fff;--accent-soft:#e5ebff;--good:#1f9d55;--warn:#d08700;--bad:#d64545;--shadow:0 1px 2px #1018280f, 0 4px 16px #1018280d;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--border:#2c313c;--text:#e8eaef;--muted:#98a0ae;--accent:#7c96ff;--accent-text:#0d1020;--accent-soft:#232b4a;--good:#3ccf7a;--warn:#f0b429;--bad:#ff6b6b;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--border:#2c313c;--text:#e8eaef;--muted:#98a0ae;--accent:#7c96ff;--accent-text:#0d1020;--accent-soft:#232b4a;--good:#3ccf7a;--warn:#f0b429;--bad:#ff6b6b;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2{margin:0;line-height:1.2}h2{font-size:1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-header,main,.app-footer{max-width:1120px;margin:0 auto;padding:0 16px}.app-header{justify-content:space-between;align-items:center;gap:12px;padding-top:20px;padding-bottom:20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{border-radius:8px}.brand h1{font-size:1.3rem}.tagline{color:var(--muted);margin:0;font-size:.9rem}main{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.intake{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;display:grid}.drop-zone{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;padding:24px;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.dragging{border-color:var(--accent);background:var(--accent-soft);outline:none}.drop-hint{color:var(--text);flex-direction:column;align-items:center;gap:6px;display:flex}.drop-hint svg{color:var(--accent)}.drop-hint strong{font-size:1.15rem}.btn,.segmented button,.icon-btn{font:inherit;color:inherit;cursor:pointer}.btn{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;min-height:40px;padding:8px 16px;font-weight:600}.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.small{min-height:40px;padding:6px 12px;font-size:.9rem}.btn:disabled,.segmented button:disabled{opacity:.45;cursor:not-allowed}.icon-btn{min-width:40px;min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.segmented{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:40px;min-height:34px;padding:4px 12px;display:inline-flex}.segmented button[aria-pressed=true]{background:var(--surface);box-shadow:var(--shadow);font-weight:600}.theme-switch button{min-height:36px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings{align-content:start;gap:14px;display:grid}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field>label,.field>legend{margin-bottom:6px;padding:0;font-size:.9rem;font-weight:600}.target-row{flex-wrap:wrap;gap:8px;display:flex}input[type=number]{width:120px;min-height:40px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.choice{cursor:pointer;align-items:flex-start;gap:10px;min-height:40px;padding:6px 0;display:flex}.choice input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:4px}.inline-choices{flex-wrap:wrap;gap:20px;display:flex}.files-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.files-head p{margin:0}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.table-wrap{overflow-x:auto}.file-table{border-collapse:collapse;width:100%}.file-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;padding:6px 8px;font-size:.8rem;font-weight:600}.file-table td{vertical-align:middle;padding:10px 8px}.file-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.file-row td{border-top:1px solid var(--border)}.file-row:first-child td{border-top:0}.file-row .name{max-width:260px;font-weight:600}.file-row .name span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.actions{white-space:nowrap;text-align:right}.player-row td{padding-top:0}.player{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.player audio{flex:260px;min-width:0;height:40px}.tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.85rem;font-weight:600;display:inline-block}.tag-other{background:var(--surface-2);color:var(--muted)}.confidence{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.dot{border-radius:50%;flex:none;width:10px;height:10px}.dot.high{background:var(--good)}.dot.medium{background:var(--warn)}.dot.low{background:var(--bad)}.status{min-width:140px}.status .check{color:var(--good);font-size:.85rem;display:block}.status .error{color:var(--bad)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.why summary{cursor:pointer;min-height:24px;font-weight:600}.why-body p{max-width:75ch;margin:12px 0 0}.app-footer{color:var(--muted);padding-top:24px;padding-bottom:32px;font-size:.9rem}.app-footer h2{color:var(--text);font-size:.9rem}.app-footer ul{margin:8px 0 12px;padding-left:18px}.ab-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);padding:20px;box-shadow:0 20px 60px #00000059}.ab-dialog::backdrop{background:#00000080}.ab-dialog p{margin:8px 0}.ab-head{justify-content:space-between;align-items:center;display:flex}.ab-file{overflow-wrap:anywhere;font-weight:600}.ab-players,.ab-guess{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.ab-play{min-height:64px;font:inherit;color:var(--text);background:var(--surface-2);border:2px solid var(--border);cursor:pointer;border-radius:10px;font-size:1.4rem;font-weight:700}.ab-play.active{border-color:var(--accent);background:var(--accent-soft)}.ab-seek{align-items:center;gap:10px;display:flex}.ab-progress{min-height:32px;accent-color:var(--accent);flex:1}.ab-feedback{min-height:1.5em;font-weight:600}.ab-feedback.good{color:var(--good)}.ab-feedback.bad{color:var(--bad)}.ab-score{font-weight:600}@media (width<=860px){.intake{grid-template-columns:minmax(0,1fr)}.drop-zone{min-height:180px}}@media (width<=720px){.theme-label,.tagline{display:none}.files-head,.toolbar{flex-direction:column;align-items:stretch}.file-table thead{display:none}.file-table,.file-table tbody,.file-table tr,.file-table td{width:100%;display:block}.file-row{border-top:1px solid var(--border);padding-top:8px}.file-row:first-child{border-top:0}.file-row td{border-top:0;padding:4px 0}.file-row td[data-label]{text-align:right;justify-content:space-between;gap:12px;display:flex}.file-row td[data-label]:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:.85rem}.file-row .name{max-width:none;font-size:1rem}.file-row .name:before{display:none}.file-row .name span{text-align:left}.actions{justify-content:space-between;padding-top:8px!important;display:flex!important}.player-row td{padding:4px 0 16px}.player audio{flex-basis:100%}.file-row td.name{display:block}}