:root{--bg:#0f1115;--card:#181b22;--fg:#e8eaf0;--mute:#8b93a7;--acc:#5b9cff;--ok:#3ecf8e;--bad:#ff6b6b}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,sans-serif}
header{display:flex;gap:24px;align-items:center;padding:14px 24px;border-bottom:1px solid #262a35}
h1{margin:0;font-size:20px;letter-spacing:.5px}
nav a{color:var(--mute);text-decoration:none;padding:6px 12px;border-radius:6px}
nav a.active{color:var(--fg);background:#262a35}
main{max-width:760px;margin:24px auto;padding:0 16px}
.card,.track{background:var(--card);border-radius:10px;padding:16px 20px;margin-bottom:14px}
.track h3{margin:0 0 2px}
.meta{color:var(--mute);font-size:13px;margin-bottom:8px}
audio{width:100%}
button,.btn{background:var(--acc);color:#fff;border:0;border-radius:6px;padding:8px 16px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}
button:disabled{opacity:.5;cursor:wait}
input[type=text],input:not([type]),input[type=file]{background:#0f1115;color:var(--fg);border:1px solid #2c3140;border-radius:6px;padding:8px;margin-right:8px;max-width:100%}
code{background:#0f1115;padding:1px 6px;border-radius:4px}
.error{color:var(--bad)}
.whoami{color:var(--mute)}
a{color:var(--acc)}
.verdict{font-size:22px;font-weight:700;margin:0 0 8px}
.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0}
dt{color:var(--mute)}dd{margin:0}
footer{text-align:center;color:var(--mute);font-size:13px;padding:24px}