html,body{background:#020617;color:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background-image:radial-gradient(45vw 45vw at 5% -10%,rgba(56,189,248,.12),transparent 65%),radial-gradient(40vw 40vw at 95% 0%,rgba(129,140,248,.10),transparent 65%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,4rem 4rem,4rem 4rem;background-attachment:fixed}::selection{background:rgba(14,165,233,.25);color:#fff}h1,h2,h3,h4,h5,h6,.topbar h1,.sidebar .brand{font-family:"Space Grotesk",Inter,sans-serif}code,kbd,samp,pre,.log-box{font-family:"Space Mono","JetBrains Mono",monospace}.sidebar{background:rgba(2,6,23,.90);border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 40px rgba(0,0,0,.35);backdrop-filter:blur(24px)}.sidebar .brand{background:rgba(2,6,23,.92);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand span{color:#38bdf8;text-shadow:0 0 20px rgba(56,189,248,.35)}.sidebar a.nav:hover{background:rgba(255,255,255,.04);color:#fff}.sidebar a.nav.active{background:linear-gradient(90deg,rgba(14,165,233,.12),rgba(99,102,241,.04),transparent 90%);border-left-color:#38bdf8;color:#fff}.topbar{background:rgba(2,6,23,.76);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px)}.card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(15,23,42,.42));border:1px solid rgba(255,255,255,.10);border-radius:1rem;box-shadow:0 12px 35px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(12px)}.stat{background:rgba(2,6,23,.36);border:1px solid rgba(255,255,255,.07);border-radius:.75rem}.stat .n{color:#38bdf8;text-shadow:0 0 22px rgba(56,189,248,.28);font-family:"Space Grotesk",Inter,sans-serif}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=file],select,textarea{background:rgba(2,6,23,.58);border-color:rgba(255,255,255,.10);color:#f1f5f9}input:focus,select:focus,textarea:focus{border-color:rgba(56,189,248,.50);box-shadow:0 0 0 3px rgba(14,165,233,.12),0 0 30px rgba(56,189,248,.10)}button,.btn{background:linear-gradient(135deg,#0ea5e9 0%,#6366f1 100%);box-shadow:0 6px 22px rgba(14,165,233,.22),inset 0 1px 0 rgba(255,255,255,.20)}button:hover,.btn:hover{filter:brightness(1.08);box-shadow:0 8px 30px rgba(56,189,248,.30)}button.secondary,.btn.secondary{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);color:#cbd5e1}a{color:#38bdf8}a:hover{color:#7dd3fc}pre,.log-box{background:#020617;border-color:rgba(255,255,255,.08)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:rgba(100,116,139,.35);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,.45)}

/* YuZora scroll-performance layer: preserve the visual language while avoiding
   expensive paint work during wheel/trackpad/scrollbar scrolling. */
html{scroll-behavior:auto}
body{contain:layout style;}
.sidebar,.topbar{will-change:auto;}
.card{will-change:auto;}
@media (min-width:769px){
  .sidebar,.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;}
  .card{backdrop-filter:none;-webkit-backdrop-filter:none;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}