:root{
  --bg:#0c0808; --surface:#150e0e; --raise:#1d1414; --line:#382424; --fg:#efe5df; --muted:#a8958c;
  --accent:#DC143C; --accent-ink:#fff; --gold:#c8a050; --ok:#3fb56a; --err:#ff5a6e;
  --radius:10px; --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 var(--font)}
a{color:var(--gold)}
.top{display:flex;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.brand{font-weight:700;letter-spacing:.04em;color:var(--fg);text-decoration:none;display:flex;gap:8px;align-items:center}
.brand b{color:var(--accent)}
.top nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.top nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px;font-size:14px}
.top nav a:hover{color:var(--fg);background:var(--raise)}
.top nav a.on{color:var(--fg);background:var(--raise);box-shadow:inset 0 -2px 0 var(--accent)}
.who{color:var(--muted);font-size:13px}
main{max-width:1100px;margin:0 auto;padding:24px 16px 80px;display:flex;flex-direction:column;gap:20px}
h1{font-size:26px;margin:0}
h2{font-size:18px;margin:0 0 10px}
h3{font-size:15px;margin:0 0 6px;color:var(--gold)}
p.lede{color:var(--muted);margin:4px 0 0;max-width:75ch}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.stat{background:var(--raise);border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.stat .v{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}
.stat .l{color:var(--muted);font-size:13px}
.flash{padding:10px 14px;border-radius:var(--radius);border:1px solid var(--ok);background:rgba(63,181,106,.1)}
.flash.error{border-color:var(--err);background:rgba(255,90,110,.1)}
label{display:block;font-size:13px;color:var(--muted);margin:0 0 4px}
input,select,textarea{width:100%;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:transparent}
textarea{min-height:70px;resize:vertical}
input[type=color]{padding:2px;height:38px}
.field{display:flex;flex-direction:column}
.field small{color:var(--muted);font-size:12px;margin-top:3px}
.form-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
button,.btn{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:9px 16px;font:600 14px var(--font);cursor:pointer;text-decoration:none;display:inline-block}
button.ghost,.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
button.small{padding:5px 10px;font-size:13px}
button.danger{background:transparent;color:var(--err);border:1px solid var(--err)}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.spread{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:500;font-size:13px}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.tbl{overflow-x:auto}
.tag{display:inline-block;font-size:12px;padding:1px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.tag.gold{border-color:var(--gold);color:var(--gold)}
.tag.red{border-color:var(--accent);color:var(--accent)}
.tag.ok{border-color:var(--ok);color:var(--ok)}
.host{display:grid;grid-template-columns:96px 1fr;gap:16px}
.host img,.host .ph{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--line);background:var(--raise)}
.host .ph{display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center}
.events{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
details>summary{cursor:pointer;color:var(--gold);font-weight:600;list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary:before{content:"▸ ";color:var(--muted)}
details[open]>summary:before{content:"▾ "}
.rot{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;gap:6px;align-items:center;background:var(--raise);border:1px solid var(--line);border-radius:99px;padding:4px 6px 4px 12px;font-size:14px}
.chip button{padding:2px 7px;font-size:12px;background:transparent;border:1px solid var(--line);color:var(--fg)}
.muted{color:var(--muted)}
.center{min-height:80vh;display:grid;place-items:center}
@media (max-width:760px){.host{grid-template-columns:1fr}.top{gap:8px}.top nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto}.who{margin-left:auto}}
.tsu{display:flex;flex-direction:column;gap:10px}
.tsu img,.tsu .ph{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:radial-gradient(circle at 50% 45%,#2a1a20,#120c0e 70%);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.tsu.off{opacity:.55}
.flash.info{border-color:var(--line);background:var(--raise);color:var(--muted)}
h3{font-size:14px;color:var(--muted);font-weight:600;margin:16px 0 8px}
.bars{display:flex;flex-direction:column;gap:6px}
.barrow{display:grid;grid-template-columns:120px 1fr 60px;gap:10px;align-items:center;font-size:13px}
.barrow b{text-align:right;font-variant-numeric:tabular-nums}
.bar{height:10px;background:var(--raise);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px}
img.av{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;background:var(--raise)}
.card-img{width:100%;max-width:880px;border-radius:16px;border:1px solid var(--line);display:block}
.tsu-mini{display:flex;align-items:center;gap:8px}
.tsu-mini img{width:34px;height:34px;object-fit:contain}
.tsu-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.tsu-tile{background:var(--raise);border:1px solid var(--line);border-radius:12px;padding:8px;text-align:center;display:flex;flex-direction:column;gap:4px}
.tsu-tile.fav{border-color:var(--gold)}
.tsu-tile img{width:72px;height:72px;object-fit:contain;margin:0 auto}
.tsu-tile .nm{font-size:13px;font-weight:600;line-height:1.2}
.toc{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px}
.info p,.info li{line-height:1.55}
.info ul,.info ol{margin:6px 0;padding-left:22px}
.info h3{margin-top:18px}
section.info{scroll-margin-top:70px}
.cmds{display:flex;flex-direction:column}
.cmd{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.cmd code.c{color:var(--accent);font-weight:700}
.cmd code.o{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:0 5px;cursor:help}
.cmd code.o.opt{border-style:dashed}
@media (max-width:640px){.cmd{grid-template-columns:1fr;gap:4px}}