:root { color-scheme: dark; --line:#2a2a2a; --muted:#888; --paper:#f3f3ef; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; background:#050505; color:#eee; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; }
a { color:inherit; }
body { padding:22px; }
.shell { max-width:860px; margin:0 auto; }
header { display:flex; gap:20px; align-items:flex-start; justify-content:space-between; padding:8px 0 26px; border-bottom:1px solid var(--line); }
.brand { font-size:22px; font-weight:900; letter-spacing:-1px; }
.sub { margin-top:5px; color:var(--muted); font-size:10px; letter-spacing:1.4px; }
.count { color:var(--muted); font-size:10px; padding-top:6px; }
.search { width:100%; margin:24px 0 18px; background:#0c0c0c; border:1px solid var(--line); color:#fff; padding:15px 16px; font:700 13px ui-monospace,SFMono-Regular,monospace; outline:none; }
.search:focus { border-color:#777; }
.grid { display:grid; gap:10px; }
.artist-row { display:flex; justify-content:space-between; gap:20px; align-items:center; text-decoration:none; padding:16px; border:1px solid var(--line); background:#090909; }
.artist-row:hover { background:#111; border-color:#555; }
.artist-name { font-size:13px; font-weight:900; text-transform:uppercase; }
.artist-meta { margin-top:5px; color:var(--muted); font-size:9px; }
.arrow { font-size:15px; }
.empty,.loading,.error { padding:28px 0; color:var(--muted); font-size:11px; }
.file { padding:42px 0; }
.file h1 { margin:0 0 20px; max-width:760px; font-size:clamp(30px,8vw,72px); line-height:.95; letter-spacing:-3px; text-transform:uppercase; }
.description { max-width:680px; font-family:Georgia,serif; font-size:20px; line-height:1.55; color:#ddd; }
.pending { color:var(--muted); font-size:12px; line-height:1.6; }
.links { display:grid; gap:9px; margin-top:34px; max-width:560px; }
.button { display:flex; justify-content:space-between; align-items:center; padding:14px 15px; border:1px solid var(--line); text-decoration:none; font-size:10px; font-weight:900; }
.button.primary { background:var(--paper); color:#060606; }
.button:hover { opacity:.78; }
.back { display:inline-block; margin-top:34px; color:var(--muted); font-size:10px; text-decoration:none; }
footer { margin-top:52px; padding:20px 0; border-top:1px solid var(--line); color:#666; font-size:9px; letter-spacing:.6px; }
@media(max-width:600px){ body{padding:15px}.description{font-size:18px}.file h1{letter-spacing:-2px}.artist-row{padding:14px} }