:root{
  --urock-black:#0b0b0d; --urock-white:#ffffff;
  --urock-accent:#ff3d00; --urock-gray:#1a1b1f;
  --card:#121318; --border:#1f2026;
}
*{box-sizing:border-box}
body{background:var(--urock-black);color:var(--urock-white);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--urock-accent);}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.site-header,.site-footer{background:var(--urock-gray);padding:12px 0}
.site-branding a{color:#fff;text-decoration:none;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}
.badge{display:inline-block;background:#ff3d00;color:#0b0b0d;padding:2px 8px;margin-left:8px;border-radius:8px;font-size:12px;font-weight:700}
.meta{font-size:13px;opacity:.9}
.filters{background:#121318;border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:16px}
.filters label{font-size:13px;margin-right:8px}
.input,select{padding:8px;border-radius:10px;border:1px solid var(--border);background:#0f1014;color:#fff}
.button{display:inline-block;background:var(--urock-accent);color:#0b0b0d;border:none;border-radius:10px;padding:8px 14px;cursor:pointer;text-decoration:none;font-weight:700}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--border);padding:8px;text-align:left}
.searchbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.searchbar .input{flex:1}
.notice{background:#101215;border:1px solid #20222a;padding:10px;border-radius:10px}
.tag{display:inline-block;border:1px solid var(--border);padding:2px 6px;border-radius:8px;margin:2px;font-size:12px}
.icon{opacity:.8}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
#radius-ui{margin-left:auto}