:root{--bg-base:#070a14;--bg-elevated:rgba(18,26,46,.72);--bg-glass:rgba(18,26,46,.42);--fg:#e2e8f0;--muted:#94a3b8;--muted2:#64748b;--border:rgba(255,255,255,.09);--glass-border:rgba(255,255,255,.12);--blue-600:#2563eb;--blue-500:#3b82f6;--blue-900:#1e3a8a;--radius:20px}
*{min-width:0}
html{scrollbar-gutter:stable;overflow-x:clip}
body{overflow-x:clip}
img,svg,canvas,video{max-width:100%;height:auto}
.glass,.card,.chart-wrap{overflow-wrap:anywhere;word-break:break-word;contain:layout paint}
.nav,.search-overlay{contain:layout paint}
.wrap{container-type:inline-size}
.section{content-visibility:auto;contain-intrinsic-size:auto 600px}
.table-wrap{overscroll-behavior:contain;scrollbar-gutter:stable}
@media(max-width:768px){
  .glass,.search-overlay{backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.glass,.card,.nav,.search-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(max-width:767px){
  .table-wrap{max-width:100%;overflow:visible}
  .table{display:block;border:0;background:transparent}
  .table thead{display:none}
  .table tbody{display:grid;gap:10px}
  .table tr{display:block;background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;overflow:hidden}
}
@media(min-width:768px){
  .table-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
}
*:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}
mark.hl{background:rgba(59,130,246,.35);color:var(--fg);padding:0 2px;border-radius:4px}
@container (max-width: 520px){
  .grid2,.grid3,.grid4{grid-template-columns:1fr!important}
}
@container (max-width: 720px){
  .grid3{grid-template-columns:1fr 1fr!important}
}
