:root {
  --ss-bg: #0d1013;
  --ss-panel: #131820;
  --ss-panel-2: #171d26;
  --ss-line: #26303a;
  --ss-text: #f2f7fb;
  --ss-muted: #8794a3;
  --ss-soft: #526171;
  --ss-green: #00d09c;
  --ss-green-2: #26f3bf;
  --ss-orange: #ff7a2f;
  --ss-radius: 8px;
  --ss-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
.ss-topbar a, .ss-footer a { color: inherit; text-decoration: none; }
.ss-topbar button, .ss-footer button { font: inherit; }
.ss-shell { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; }
.ss-topbar {
  height: 48px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(13,16,19,.86);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 0 14px;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.ss-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 900; letter-spacing: -.04em; font-size: 21px; white-space: nowrap; }
.ss-mark { width: 27px; height: 27px; border-radius: 7px; background: linear-gradient(135deg, #10f2bb, #078e70); display: grid; place-items: center; box-shadow: 0 0 22px rgba(0,208,156,.25); }
.ss-mark::after { content: ""; width: 8px; height: 8px; border-radius: 2px; background: #fff; transform: rotate(45deg); }
.ss-nav { display: flex; align-items: center; gap: 6px; min-width: 0; }
.ss-nav a { color: var(--ss-muted); font-size: 13px; font-weight: 750; padding: 7px 10px; border-radius: 7px; white-space: nowrap; }
.ss-nav a:hover, .ss-nav a.active { color: var(--ss-text); background: rgba(255,255,255,.075); }
.ss-account { margin-left: auto; position: relative; }
.ss-account-button { display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px 4px 4px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.055); color: var(--ss-text); border-radius: 8px; cursor: default; }
.ss-avatar { width: 28px; height: 28px; border-radius: 7px; background: linear-gradient(135deg, #184cff, #ff3b7d); display: grid; place-items: center; overflow: hidden; font-size: 12px; font-weight: 900; }
.ss-avatar img { width: 100%; height: 100%; object-fit: cover; }
.ss-account-name { font-size: 13px; font-weight: 800; }
.ss-rank { color: #ffd38b; background: rgba(255,122,47,.18); padding: 2px 6px; border-radius: 5px; font-size: 10px; font-weight: 900; }
.ss-menu { display: none; position: absolute; top: 40px; right: 0; min-width: 128px; padding: 6px; border: 1px solid rgba(255,255,255,.1); background: #151b23; border-radius: 8px; box-shadow: var(--ss-shadow); }
.ss-account:hover .ss-menu, .ss-menu:hover { display: block; }
.ss-menu button, .ss-menu a { width: 100%; display: block; text-align: left; border: 0; background: transparent; color: var(--ss-text); padding: 9px 11px; border-radius: 6px; font-size: 13px; font-weight: 750; cursor: pointer; }
.ss-menu button:hover, .ss-menu a:hover { background: rgba(255,255,255,.07); }
.ss-login { margin-left: auto; color: var(--ss-text); background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.12); padding: 8px 13px; border-radius: 7px; font-size: 13px; font-weight: 850; }
.ss-main { flex: 1; position: relative; z-index: 1; }
.ss-footer { border-top: 1px solid rgba(255,255,255,.08); color: var(--ss-soft); font-size: 11px; padding: 16px 24px 18px; display: grid; justify-items: center; gap: 14px; }
.ss-footer-ad { width: min(728px, 100%); min-height: 90px; border: 1px solid rgba(255,255,255,.1); border-radius: var(--ss-radius); background: linear-gradient(90deg, rgba(23,29,38,.86), rgba(15,18,23,.7)); position: relative; overflow: hidden; display: grid; place-items: center; text-align: center; color: var(--ss-muted); font-size: 13px; }
.ss-footer-ad::before { content: "AD"; position: absolute; top: 10px; left: 12px; color: var(--ss-soft); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.ss-footer-ad b { color: var(--ss-text); font-size: 15px; display: block; margin-bottom: 3px; }
.ss-footer-banner { width: 728px; max-width: 100%; min-height: 90px; display: grid; place-items: center; }
.ss-footer-banner iframe { display: block; max-width: none; }
.ss-footer-meta { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; }
@media (max-width: 760px) {
  .ss-topbar { gap: 10px; }
  .ss-nav { display: none; }
  .ss-account-name, .ss-rank { display: none; }
}

.ss-adblock-bait { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; pointer-events: none; }
.ss-adblock-gate { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 24px; background: rgba(5,7,10,.88); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.ss-adblock-gate[hidden] { display: none; }
.ss-adblock-dialog { width: min(440px, 100%); border: 1px solid rgba(255,255,255,.12); border-radius: var(--ss-radius); background: #151b23; box-shadow: var(--ss-shadow); padding: 28px; color: var(--ss-text); }
.ss-adblock-kicker { display: block; color: var(--ss-orange); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 12px; }
.ss-adblock-dialog h2 { margin: 0 0 10px; font-size: 24px; letter-spacing: -.04em; }
.ss-adblock-dialog p { margin: 0 0 20px; color: var(--ss-muted); line-height: 1.55; }
.ss-adblock-dialog button { border: 0; border-radius: 7px; background: var(--ss-green); color: #04110e; padding: 10px 16px; font-weight: 900; cursor: pointer; }
body.ss-adblock-locked { overflow: hidden; }