:root{color-scheme:dark;--bg:#141615;--surface:#1d201e;--ink:#f3f1e8;--muted:#b9beb7;--accent:#e6bf70;--line:#7b8179}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}header{max-width:1400px;margin:auto;padding:40px 40px 28px;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #373d36}.eyebrow,.aside-title{font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--accent)}h1{font-size:32px;letter-spacing:-.04em;line-height:1.2;margin:10px 0}p{color:var(--muted);margin:8px 0}button,.import,select{font:inherit;border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:5px;padding:10px 14px;min-height:44px;cursor:pointer}button:hover,.import:hover{background:#30362f}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,.import:focus-within{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#export{background:var(--accent);color:#141615;border-color:var(--accent);font-weight:650}.import{position:relative}.import input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.workspace{max-width:1400px;margin:auto;display:grid;grid-template-columns:240px 1fr}aside{padding:30px 24px 30px 40px;border-right:1px solid #373d36}.aside-title{display:flex;justify-content:space-between;margin-bottom:15px}nav{display:grid;gap:5px}nav button{text-align:left;border-color:transparent;display:flex;justify-content:space-between;gap:12px}nav button[aria-current=true]{background:var(--accent);color:#141615;font-weight:700}nav small{font:inherit;opacity:.85}#total{font-size:14px;margin-top:28px}#save{font-size:12px}main{padding:30px 40px;min-width:0}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:40px;letter-spacing:-.04em;line-height:1.15;margin:6px 0 15px}.filter{font-size:12px;color:var(--muted);display:grid;gap:4px}select{font-size:14px;background:var(--surface)}.notice{font-size:13px;max-width:710px;margin:0 0 24px}.sound{padding:22px 24px;margin-bottom:14px;background:var(--surface);border:1px solid #434a41;border-left:3px solid #7b8179;border-radius:6px}.sound[data-decision=keep]{border-left-color:var(--accent)}.sound[data-decision=drop]{border-left-style:dashed}.sound-top{display:flex;align-items:start;gap:14px}.number{font:600 14px ui-monospace,monospace;color:var(--accent);padding-top:3px}.sound h3{font-size:18px;margin:0;line-height:1.35}.sound .meta{font-size:12px;margin:4px 0 14px}.badge{margin-left:auto;white-space:nowrap;font-size:12px;color:var(--muted)}audio{display:block;width:100%;height:42px;margin:0 0 16px}.decisions{display:flex;gap:8px;flex-wrap:wrap}.decisions button{font-size:14px}.decisions button[aria-pressed=true]{background:var(--accent);color:#141615;border-color:var(--accent);font-weight:650}.notes{display:block;margin-top:15px;font-size:12px;color:var(--muted)}textarea{display:block;resize:vertical;width:100%;min-height:44px;max-height:180px;background:#141615;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:10px;font:14px/1.4 system-ui;margin-top:5px}textarea::placeholder{color:var(--muted)}.source{font-size:12px;margin-top:10px;display:inline-block;color:var(--muted)}.bottom{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.bottom button{font-size:14px}#message{position:fixed;bottom:22px;right:22px;max-width:calc(100% - 44px);background:var(--accent);color:#141615;padding:12px 20px;border-radius:5px}#message:empty{display:none}.error{color:#ffb5ad;font-size:13px}.audio-state{font-size:12px;color:var(--accent);min-height:18px;margin-bottom:6px}@media(max-width:850px){header{padding:24px;display:block}.actions{margin-top:20px}.workspace{grid-template-columns:1fr}aside{padding:20px 24px;border-right:0;border-bottom:1px solid #373d36}nav{grid-template-columns:repeat(4,1fr)}nav button{padding:9px;display:block;font-size:14px}nav small{display:block;font-size:11px}#total{margin-top:12px}main{padding:24px}}@media(max-width:480px){header,main,aside{padding:20px}h1{font-size:27px}h2{font-size:32px}nav{grid-template-columns:repeat(2,1fr)}nav button{display:flex}.sound{padding:16px 14px}.sound-top{flex-wrap:wrap;gap:8px}.badge{width:100%;margin-left:24px}.map-heading{align-items:start;flex-wrap:wrap}.filter{margin-bottom:16px}.bottom button{padding:10px;font-size:12px}.decisions button{padding:9px 11px}.actions{gap:8px}.actions button,.import{font-size:14px}}
header{align-items:center}header h1{margin-bottom:0}.results-link{color:var(--ink);text-underline-offset:5px;font-size:14px}nav button{border-color:transparent}.sound-top{margin-bottom:18px}audio{margin-bottom:18px}.decisions button{min-width:110px}#error{position:fixed;bottom:20px;right:20px;max-width:calc(100% - 40px);padding:14px 18px;background:#e6bf70;color:#141615;border-radius:5px;z-index:3}#error[hidden]{display:none}#error button{color:#141615;border-color:#141615;margin-left:8px}.result-group{margin-top:28px}.result-group h3{font-size:23px;color:var(--accent)}.result-row{padding:16px 0;border-bottom:1px solid #434a41;display:flex;gap:14px;justify-content:space-between;align-items:center}.tally{display:flex;gap:18px;color:var(--muted);font-size:13px;white-space:nowrap}.result-count{margin-top:0}.sound h3{font-size:18px}main{min-height:65vh}@media(max-width:650px){.result-row{display:block}.tally{margin-top:10px;gap:14px}.decisions{display:grid;grid-template-columns:repeat(3,1fr)}.decisions button{min-width:0;padding:9px}.results-link{display:inline-block;margin-top:12px}}
#maps{grid-template-columns:repeat(4,1fr)}#maps button{justify-content:center;padding:8px;position:relative;font-variant-numeric:tabular-nums}#maps button.rated::after{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;position:absolute;bottom:4px}.answer{margin-top:24px;padding-top:20px;border-top:1px solid #434a41}.answer h3{font-size:26px;color:var(--accent)}.answer p{margin-bottom:0}.sound{max-width:850px;padding:28px}audio{margin-bottom:24px}.answer[hidden]{display:none}@media(max-width:850px){#maps{grid-template-columns:repeat(8,1fr)}}@media(max-width:480px){#maps{grid-template-columns:repeat(4,1fr)}.sound{padding:20px 14px}}
.decisions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.decisions button{min-width:0}.decisions button:disabled{opacity:1;cursor:default}.decisions button.correct[aria-pressed=true]{background:#bbd4b4;color:#141615;border-color:#bbd4b4}.decisions button.incorrect[aria-pressed=true]{background:#e7b4aa;color:#141615;border-color:#e7b4aa}.verdict{font-weight:650;margin:0 0 8px}.tally{flex-wrap:wrap;justify-content:flex-end}.tally strong{color:var(--ink)}@media(max-width:650px){.decisions{grid-template-columns:repeat(2,minmax(0,1fr))}.tally{justify-content:flex-start}}