:root{--bg:#0b0b0b;--panel:#151515;--line:#2a2a2a;--text:#f2f2f2;--muted:#9a9a9a;--accent:#fff;--ok:#3ecf8e;--bad:#ff5c5c;--warn:#f5b945;--radius:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}.wrap{max-width:640px;margin:0 auto;padding:48px 16px 80px}.wrap.wide{max-width:1100px}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800;text-decoration:none}h1{letter-spacing:-.02em;margin:10px 0 8px;font-size:30px;line-height:1.15}h2{margin:40px 0 12px;font-size:18px}.lead{color:var(--muted);margin:0 0 32px}form.stack{gap:18px;display:grid}.field{gap:6px;display:grid}.field label{font-size:13px;font-weight:600}.field .hint{color:var(--muted);font-size:12px}.row2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:560px){.row2{grid-template-columns:1fr}}input[type=text],input[type=email],input[type=url],input[type=date],input[type=password],textarea{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;padding:11px 12px}textarea{resize:vertical;min-height:140px}input:focus,textarea:focus{border-color:#666;outline:none}.check{align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{margin-top:4px}.btn{appearance:none;border:1px solid var(--accent);background:var(--accent);color:#000;font:inherit;cursor:pointer;border-radius:8px;padding:11px 18px;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--text);border-color:var(--line);background:0 0}.btn.sm{padding:6px 10px;font-size:13px}.notice{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:14px 16px}.notice.ok{border-color:color-mix(in srgb, var(--ok) 50%, transparent)}.notice.err{border-color:color-mix(in srgb, var(--bad) 60%, transparent);color:#ffb3b3}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.steps{gap:14px;display:grid}.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.step h3{align-items:center;gap:10px;margin:0 0 12px;font-size:16px;display:flex}.pill{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#222;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.pill.ok{background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok)}.pill.warn{background:color-mix(in srgb, var(--warn) 20%, transparent);color:var(--warn)}.artwork-preview{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:120px;height:120px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tabs{flex-wrap:wrap;gap:6px;margin:24px 0 8px;display:flex}.tabs a{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:7px 12px;font-size:13px;text-decoration:none}.tabs a.on{background:var(--text);color:#000;border-color:var(--text);font-weight:700}.tabs .count{opacity:.7;margin-left:4px}.cards{gap:12px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:16px;display:grid}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title{font-size:16px;font-weight:700}.meta{color:var(--muted);font-size:13px}.decide{gap:8px;display:flex}.decide button{cursor:pointer;border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:#1d1d1d;border-radius:10px;font-size:20px}.decide .yes:hover{background:var(--ok);color:#000;border-color:var(--ok)}.decide .no:hover{background:var(--bad);color:#000;border-color:var(--bad)}.player{border:0;width:100%;height:20px}.kv{grid-template-columns:140px 1fr auto;align-items:start;gap:8px 12px;font-size:14px;display:grid}.kv .k{color:var(--muted)}.kv .v{word-break:break-word;white-space:pre-wrap}@media (max-width:640px){.kv{grid-template-columns:1fr auto}.kv .k{grid-column:1/-1;margin-top:6px}}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline input{flex:1;min-width:220px}.empty{color:var(--muted);padding:30px 0}.link-btn{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}
