:root{
  --bg:#08111d;
  --panel:#0b1c2f;
  --paper:#0f2740;
  --ink:#e6f0ff;
  --muted:#a7c0de;
  --accent:#22d3ee;
}

body.theme-a0057{background:linear-gradient(180deg,var(--bg),#050a12);color:var(--ink)}

.shell{min-height:100vh;display:grid;grid-template-columns: 320px 1fr}

.sidebar{background:linear-gradient(180deg,var(--panel),#071524);border-right:1px solid rgba(34,211,238,.14)}
.sidebar-inner{padding:1.25rem;position:sticky;top:0;max-height:100vh;overflow:auto}

.logo a{color:var(--ink);text-decoration:none;font-weight:700;font-size:1.15rem}
.tagline{color:var(--muted);font-size:.95rem;margin:.75rem 0 1rem}

.nav a{color:var(--ink)}
.nav .uk-active>a{color:var(--accent)}

.sidebar-block{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(34,211,238,.18)}

.stage{min-width:0}

.topbar{position:sticky;top:0;z-index:50;background:rgba(5,10,18,.75);backdrop-filter:saturate(120%) blur(10px);border-bottom:1px solid rgba(34,211,238,.14)}
.topbar-inner{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}
.topbar-title{flex:1;min-width:0}
.topbar-ad{min-width:0;max-width:420px;opacity:.9}

.content-wrap{display:grid;gap:1rem;grid-template-columns: minmax(0, 1fr)}
@media (min-width: 1100px){
  .content-wrap{grid-template-columns: minmax(0, 1fr) 340px;align-items:start}
}

.paper{background:rgba(15,39,64,.55);border:1px solid rgba(34,211,238,.18)}
#panel .uk-card{background:rgba(11,28,47,.85);border:1px solid rgba(34,211,238,.18)}

.main{padding:1rem}

#footer{padding:2rem 0;background:rgba(7,21,36,.9);border-top:1px solid rgba(34,211,238,.14)}
#footer .container{max-width:1100px;margin:0 auto;padding:0 1rem}
#footer .social a{margin-right:.5rem;color:var(--ink);text-decoration:none}
#footer p{color:var(--muted);margin-top:.75rem}

/* mobile */
@media (max-width: 980px){
  .shell{grid-template-columns: 1fr}
  .sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-100%);width:320px;z-index:60;transition:transform .2s ease}
  body.sidebar-open .sidebar{transform:translateX(0)}
}