:root { --bg:#0b0c0f; --fg:#e6e6e6; --mut:#9aa0a6; --card:#16181d; --acc:#3ea6ff; --ok:#30d158; --bad:#ff453a; }
*{box-sizing:border-box} html,body{height:100%} body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
.wrap{max-width:960px;margin:0 auto;padding:16px}
h1,h2{margin:.2em 0 0.5em}
a{color:var(--acc);text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.card{background:var(--card);padding:16px;border-radius:10px;border:1px solid #23262d}
.card:hover{border-color:#2e3138}
.foot{color:var(--mut);font-size:.9em}
.hidden{display:none !important}
.btn{background:#1f232a;border:1px solid #2b2f36;color:var(--fg);padding:8px 12px;border-radius:8px;cursor:pointer}
.btn:disabled{opacity:.6;cursor:not-allowed}
.row{display:flex;gap:8px;align-items:center}
.tag{padding:2px 6px;border:1px solid #2b2f36;border-radius:6px;color:var(--mut);font-size:.85em}
.small{font-size:.9em;color:var(--mut)}
.center{display:flex;justify-content:center;align-items:center}
.ad-slot{min-height:90px;border:1px dashed #2b2f36;border-radius:8px;margin:12px 0}