@import url("https://fonts.googleapis.com/css2?family=VT323&family=Bebas+Neue&family=DM+Mono:wght@300;400;600&display=swap");
:root{--screen-bg:#00091a;--card-background:#000d22;--cyan:#00d1d1;--green:#00d000;--red:#e22525;--yellow:#f2ef00;--magenta:#d600d6;--blue:#3d55ff;--fg:#f5f8ff;--muted:#bdd0e3;--line:#0b2444;--shadow:rgba(0,0,0,.55);--mono:"VT323",monospace;--display:"Bebas Neue",sans-serif;--ui:"DM Mono",monospace;--top-h:106px;--nav-w:260px;--footer-h:48px}
:root[data-theme="light"]{--screen-bg:#f3f4ec;--card-background:#fffdf0;--fg:#0b1220;--muted:#304052;--line:#9ab8c6;--cyan:#00b6bd;--yellow:#b8a900;--green:#00a63a;--red:#cf2a2a;--magenta:#a529a8;--blue:#324dcc;--shadow:rgba(30,50,60,.20)}
:root[data-theme="amber"]{--screen-bg:#1b1000;--card-background:#2a1700;--fg:#fff7d6;--muted:#ffd27d;--line:#5f3700;--cyan:#ffb21a;--yellow:#ffe25b;--green:#b6ff7a;--red:#ff6533;--magenta:#ff8fd5;--blue:#ffbd59;--shadow:rgba(0,0,0,.62)}
:root[data-theme="contrast"]{--screen-bg:#000;--card-background:#020202;--fg:#fff;--muted:#fff;--line:#fff;--cyan:#00ffff;--yellow:#ffff00;--green:#00ff00;--red:#ff2222;--magenta:#ff00ff;--blue:#3388ff;--shadow:rgba(0,0,0,.75)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#000;color:var(--fg);font-family:var(--mono);overflow-x:hidden;min-height:100svh}.screen{min-height:100svh;background:var(--screen-bg);position:relative;isolation:isolate}.screen:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.16) 3px,rgba(0,0,0,.16) 4px);pointer-events:none;z-index:999}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:1000;background:#fff;color:#000;padding:.6rem}.top-stack{position:sticky;top:0;z-index:80;border-bottom:2px solid var(--cyan);box-shadow:0 10px 30px var(--shadow)}.masthead{height:68px;display:flex;align-items:center;justify-content:space-between;background:var(--cyan);color:#001020;padding:0 clamp(.8rem,2vw,1.2rem);border-bottom:0}.masthead-left,.masthead-right{display:flex;align-items:center;gap:.7rem}.masthead-right{font-size:1.3rem;letter-spacing:.18em;text-transform:uppercase;text-align:right}.masthead-logo{font-size:2.2rem;letter-spacing:.28em;color:#001020;text-decoration:none;font-weight:900}.masthead-tagline{font-size:1rem;letter-spacing:.34em;text-transform:uppercase}.masthead-cursor{font-size:1.8rem;animation:blink 1s steps(1,end) infinite}.masthead-page{font-size:1.7rem;font-weight:900}.mobile-menu{display:none;border:2px solid #001020;background:transparent;color:#001020;font-family:var(--mono);font-size:1.4rem;padding:.05rem .35rem}.ticker-wrapper{height:38px;display:flex;align-items:stretch;background:#000;border-top:2px solid #032c2f;overflow:hidden}.ticker-label{display:grid;place-items:center;background:var(--red);color:#fff;letter-spacing:.36em;text-transform:uppercase;font-size:1.4rem;font-weight:900;padding:0 1rem;line-height:1;min-width:132px}.ticker-track{display:flex;align-items:center;min-width:0;flex:1;overflow:hidden}.ticker-text{white-space:nowrap;color:var(--yellow);font-size:1.35rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900;animation:ticker-roll 38s linear infinite}.layout-shell{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);min-height:calc(100svh - var(--top-h) - var(--footer-h));padding-bottom:var(--footer-h)}.module-nav{position:sticky;top:var(--top-h);align-self:start;height:calc(100svh - var(--top-h) - var(--footer-h));overflow:auto;background:#00142b;border-right:4px solid var(--line);box-shadow:inset -12px 0 0 rgba(0,0,0,.22)}.module-nav button{width:100%;min-height:76px;display:grid;grid-template-columns:64px 1fr;grid-template-areas:"code title" "code sub";align-items:center;text-align:left;border:0;border-bottom:1px solid #082747;background:linear-gradient(180deg,#00142b,#000b1b);color:var(--fg);cursor:pointer;font-family:var(--mono);padding:.55rem .8rem;transition:.18s}.module-nav button b{grid-area:code;color:var(--cyan);font-size:1.25rem}.module-nav button span{grid-area:title;color:var(--yellow);font-size:1.35rem;font-weight:900;text-transform:uppercase}.module-nav button small{grid-area:sub;color:var(--muted);font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase}.module-nav button:hover,.module-nav button.active{background:var(--cyan);color:#001020;box-shadow:inset 6px 0 0 var(--yellow)}.module-nav button:hover b,.module-nav button.active b,.module-nav button:hover span,.module-nav button.active span,.module-nav button:hover small,.module-nav button.active small{color:#001020}.main-panel{min-width:0;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}.view{display:none;min-height:calc(100svh - var(--top-h) - var(--footer-h));position:relative;overflow:hidden}.view.active{display:block}.page-title{min-height:96px;display:grid;grid-template-columns:88px 1fr;align-items:center;gap:1rem;border-bottom:2px solid var(--line);padding:1.2rem 1.4rem;background:#00243d}.page-title span{color:var(--cyan);font-size:1.45rem}.page-title h1{font-size:2rem;color:var(--yellow);letter-spacing:.06em;text-transform:uppercase}.page-title p{grid-column:2;color:var(--muted);font-size:1.25rem}.cyan-head{background:#003540}.green-head{background:#04370b}.yellow-head{background:#3e3000}.magenta-head{background:#31113a}.blue-head{background:#071842}.red-head{background:#3e0d0d}.work-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2px;background:var(--line)}.work-grid.two,.helpdesk-grid{grid-template-columns:1fr 1fr}.panel{background:var(--card-background);padding:1.4rem;min-width:0;border:1px solid var(--line)}.panel h2{font-size:1.7rem;color:var(--yellow);text-transform:uppercase;margin-bottom:1rem}.panel p,.panel li{font-size:1.2rem;line-height:1.6;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}input,select,textarea{width:100%;border:2px solid #7990a8;background:#f4f7fb;color:#07111f;font-family:var(--mono);font-size:1.25rem;padding:.45rem}.form-grid button{grid-column:1/-1}textarea{min-height:110px;resize:vertical}.btn{border:0;padding:.52rem .95rem;font-family:var(--mono);font-weight:900;font-size:1.15rem;box-shadow:0 6px 0 rgba(0,0,0,.35);cursor:pointer}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.35)}.cyan{background:var(--cyan);color:#001020}.yellow{background:var(--yellow);color:#001020}.green{background:var(--green);color:#001020}.red{background:var(--red);color:#fff}.blue{background:var(--blue);color:#fff}.magenta{background:var(--magenta);color:#fff}.card-list,.ticket-list{display:grid;gap:.8rem}.asset-card,.ticket-card,.device-card,.custody-card{background:#001a38;border-left:6px solid var(--cyan);padding:.9rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.asset-card b,.ticket-card b,.device-card b,.custody-card b{display:block;color:var(--yellow);font-size:1.3rem}.asset-card span,.ticket-card span,.device-card span,.custody-card span{display:block;color:var(--fg);font-size:1.15rem;margin:.25rem 0}.meta{display:flex;gap:.35rem;flex-wrap:wrap;margin:.45rem 0}.badge{display:inline-block;background:#002a34;color:var(--cyan);padding:.16rem .45rem;font-size:1.05rem}.actions,.inline-tools{display:flex;gap:.5rem;flex-wrap:wrap}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line)}.kanban-col{background:var(--card-background);padding:1rem;min-height:420px}.donut{--value:0%;width:190px;aspect-ratio:1;margin:1rem auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--yellow) var(--value),rgba(255,255,255,.14) 0);box-shadow:inset 0 0 0 28px var(--card-background)}.donut span{font-size:2.6rem;color:var(--fg);font-weight:900}.teletext-console{min-height:calc(100svh - var(--top-h) - var(--footer-h));border:2px solid var(--cyan);background:#00091a;color:#fff;box-shadow:inset 0 0 0 2px #001a38}.db-mast{height:68px;background:var(--cyan);color:#001020;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.db-mast b{font-size:2.1rem;letter-spacing:.25em}.db-mast span{font-size:1.15rem;letter-spacing:.32em;margin-left:.8rem;text-transform:uppercase}.db-ticker{height:38px;display:flex;background:#000;color:var(--yellow);align-items:center}.db-ticker b{height:100%;display:grid;place-items:center;background:var(--red);color:#fff;padding:0 1rem;font-size:1.35rem;letter-spacing:.25em}.db-ticker span{white-space:nowrap;animation:ticker-roll 36s linear infinite;font-size:1.25rem;letter-spacing:.18em}.db-title{padding:1.2rem;border-bottom:2px solid var(--line)}.db-title h2,.db-grid h3{color:var(--yellow);font-size:1.7rem}.db-title p{font-size:1.25rem;color:#fff}.db-grid{display:grid;grid-template-columns:1fr 1fr;background:var(--line);gap:2px}.db-grid section{background:#00091a;padding:1.2rem;min-height:260px}.db-grid li{font-size:1.25rem}.db-btn{background:var(--cyan);color:#001020;border:0;font-family:var(--mono);font-size:1.15rem;padding:.4rem .8rem;cursor:pointer}.kv-form{display:grid;gap:.8rem}.kv-row{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid #17355a}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line)}.feed-item{background:var(--card-background);padding:1rem}.source{display:flex;justify-content:space-between;background:var(--cyan);color:#001020;padding:.25rem .5rem;margin:-1rem -1rem 1rem}.feed-item h3{color:var(--yellow);font-size:1.4rem}.feed-item p{font-size:1.15rem;color:var(--muted)}.metric-num{font-size:2.5rem;color:var(--cyan);font-weight:900}.fastext-bar{position:fixed;z-index:95;left:0;right:0;bottom:0;height:var(--footer-h);display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#050a14;border-top:2px solid var(--line)}.fastext-button{border:0;font-family:var(--mono);font-size:1.2rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase;cursor:pointer}.fastext-button-red{background:var(--red);color:#fff}.fastext-button-green{background:var(--green);color:#001020}.fastext-button-yellow{background:var(--yellow);color:#001020}.fastext-button-cyan{background:var(--cyan);color:#001020}.install-panel{position:fixed;right:1rem;bottom:calc(var(--footer-h) + 1rem);z-index:120;width:min(360px,calc(100vw - 2rem));background:#00152e;border:2px solid var(--cyan);padding:1rem;box-shadow:0 22px 60px var(--shadow)}.install-panel.is-hidden{display:none}.install-panel h3{color:var(--fg);font-size:1.5rem}.install-panel p{font-size:1.1rem;color:var(--muted);margin:.7rem 0}dialog{max-width:480px;border:2px solid var(--cyan);background:#00152e;color:#fff;padding:1.2rem;margin:auto}pre{white-space:pre-wrap;overflow:auto;color:var(--fg);font-family:var(--mono);font-size:1.05rem}ol{padding-left:1.2rem}.matrix{padding-left:1.2rem}
/* WebGL landing */.landing-view{background:#0a0a0f}.landing-view:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(200,255,71,.18),transparent 30%),radial-gradient(circle at 25% 70%,rgba(0,209,209,.15),transparent 35%);pointer-events:none;z-index:1}#webgl-canvas{position:fixed;inset:var(--top-h) 0 var(--footer-h) var(--nav-w);width:calc(100vw - var(--nav-w));height:calc(100svh - var(--top-h) - var(--footer-h));z-index:0;pointer-events:none;background:#0a0a0f}.landing-view:not(.active) #webgl-canvas{display:none}#hud{position:fixed;right:2rem;top:calc(var(--top-h) + 1.2rem);z-index:8;text-align:right;font-family:var(--ui);font-size:.65rem;letter-spacing:.15em;color:#8b8da0;text-transform:uppercase}#hud .progress-bar{width:7.5rem;height:1px;background:#6a6a7e;margin-top:.5rem;margin-left:auto;position:relative;overflow:hidden}.progress-fill{height:100%;width:0;background:#c8ff47}.scene-label{margin-top:.4rem;color:#c8ff47}#scene-strip{position:fixed;left:calc(var(--nav-w) + 1.5rem);top:50%;translate:0 -50%;z-index:8;display:flex;flex-direction:column;gap:.55rem}.scene-dot{width:.32rem;height:.32rem;border-radius:50%;background:#6a6a7e;transition:.25s}.scene-dot.active{background:#c8ff47;transform:scale(1.9)}#scroll-container{position:relative;z-index:2}.landing-scene{min-height:calc(100svh - var(--top-h) - var(--footer-h));display:flex;align-items:center;padding:6rem 5rem}.text-card{max-width:390px;padding:2.3rem 2rem;background:rgba(10,10,15,.82);border-left:1px solid rgba(200,255,71,.24);font-family:var(--ui);backdrop-filter:blur(10px)}.text-card.right{margin-left:auto;text-align:right;border-left:0;border-right:1px solid rgba(200,255,71,.24)}.text-card.center{margin-inline:auto;text-align:center;border-left:0;border-top:1px solid rgba(200,255,71,.24);max-width:500px}.tag{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:#c8ff47;margin-bottom:1rem;opacity:0;translate:0 10px;transition:.45s}.tag.visible{opacity:1;translate:0 0}.text-card h1,.text-card h2{font-family:var(--display);font-weight:400;letter-spacing:.03em;line-height:.9;color:#e8e4d9;opacity:0;translate:0 18px;transition:.5s .08s}.text-card h1.visible,.text-card h2.visible{opacity:1;translate:0 0}.text-card h1{font-size:clamp(3rem,7vw,6.5rem)}.text-card h2{font-size:clamp(2.3rem,6vw,5rem)}.body-text{font-size:.82rem;line-height:1.8;color:rgba(232,228,217,.64);margin-top:1.2rem;opacity:0;translate:0 10px;transition:.5s .2s}.body-text.visible{opacity:1;translate:0 0}.h-line{width:3.2rem;height:1px;background:#c8ff47;margin-bottom:1.2rem;opacity:0;transform:scaleX(0);transform-origin:left;transition:.4s}.h-line.visible{opacity:1;transform:scaleX(1)}.text-card.right .h-line{margin-left:auto;transform-origin:right}.text-card.center .h-line{margin-inline:auto;transform-origin:center}.cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.7rem;padding:.65rem 1.25rem;border:1px solid #c8ff47;color:#c8ff47;background:transparent;font-family:var(--ui);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer;opacity:0;translate:0 10px;transition:.5s .35s,background .18s,color .18s}.cta.visible{opacity:1;translate:0 0}.cta:hover{background:#c8ff47;color:#0a0a0f}.cta svg{width:.75rem;height:.75rem}.stat-row{display:flex;gap:2rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1.8rem;opacity:0;translate:0 10px;transition:.5s .3s}.stat-row.visible{opacity:1;translate:0 0}.stat{display:flex;flex-direction:column}.stat-num{font-family:var(--display);font-size:2.2rem;color:#c8ff47;line-height:1}.stat-label{font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:#8b8da0}@keyframes ticker-roll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes blink{50%{opacity:0}}
@media(max-width:980px){:root{--nav-w:0px;--top-h:100px}.mobile-menu{display:inline-block}.layout-shell{display:block}.module-nav{position:fixed;z-index:110;top:var(--top-h);bottom:var(--footer-h);left:0;width:min(310px,88vw);height:auto;transform:translateX(-105%);transition:.25s}.drawer-open .module-nav{transform:none}.main-panel{min-height:calc(100svh - var(--top-h) - var(--footer-h))}#webgl-canvas{left:0;width:100vw}.landing-scene{padding:4rem 1.4rem}.masthead-tagline,.masthead-cursor{display:none}.masthead-right{font-size:1rem}.masthead-logo{font-size:1.7rem}.ticker-label{min-width:94px}.work-grid,.work-grid.two,.helpdesk-grid,.kanban,.db-grid,.feed-grid{grid-template-columns:1fr}.page-title{grid-template-columns:1fr}.page-title p{grid-column:auto}.form-grid{grid-template-columns:1fr}.fastext-button{font-size:1rem;letter-spacing:.1em}.install-panel{bottom:calc(var(--footer-h) + .6rem)}#scene-strip{display:none}#hud{right:1rem}.text-card,.text-card.right,.text-card.center{max-width:100%;margin:0;text-align:left;border-left:1px solid rgba(200,255,71,.24);border-right:0}.text-card.right .h-line{margin-left:0;transform-origin:left}}@media(max-width:560px){:root{--top-h:96px;--footer-h:44px}.masthead{height:60px}.ticker-wrapper{height:36px}.masthead-page,#clockText{display:none}.masthead-logo{font-size:1.45rem}.ticker-text{font-size:1.1rem}.panel{padding:.9rem}.page-title h1{font-size:1.6rem}.landing-scene{min-height:calc(100svh - var(--top-h) - var(--footer-h));padding:3rem 1rem}.text-card{padding:1.4rem}.db-mast b{font-size:1.35rem}.db-mast span{font-size:.85rem}.db-ticker span{font-size:1rem}.db-grid section{min-height:auto}.module-nav button{min-height:64px}.feed-grid{display:block}.feed-item+.feed-item{border-top:2px solid var(--line)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* V8 morphing landing fixes */
.landing-view{background:#07080f!important;overflow:hidden;isolation:isolate;}
.landing-view:before{background:radial-gradient(circle at 66% 38%,rgba(200,255,71,.18),transparent 34%),radial-gradient(circle at 72% 58%,rgba(0,210,255,.18),transparent 33%),linear-gradient(90deg,rgba(0,0,0,.6),transparent 55%)!important;z-index:1!important;}
#webgl-canvas{filter:saturate(1.18) contrast(1.08);opacity:.98;}
.landing-scene{position:relative;z-index:3;padding-left:clamp(2rem,6vw,6rem);padding-right:clamp(1rem,4vw,4rem);}
.text-card{max-width:min(520px,42vw);background:linear-gradient(145deg,rgba(7,8,15,.88),rgba(14,20,34,.72));box-shadow:0 30px 80px rgba(0,0,0,.45), inset 0 0 0 1px rgba(200,255,71,.10);border-radius:0 28px 28px 0;}
.text-card h1{font-size:clamp(3.4rem,8.5vw,8rem);line-height:.82;letter-spacing:.02em;}
.text-card h2{font-size:clamp(2.8rem,7vw,6.4rem);line-height:.86;}
.body-text{font-size:.92rem;max-width:40rem;color:rgba(232,228,217,.74)}
.shape-legend{position:fixed;right:2rem;bottom:calc(var(--footer-h) + 1.25rem);z-index:9;display:flex;gap:.45rem;flex-wrap:wrap;max-width:420px;justify-content:flex-end;font-family:var(--ui);pointer-events:none;}
.shape-legend span{font-size:.62rem;letter-spacing:.16em;border:1px solid rgba(200,255,71,.25);color:#8b8da0;padding:.42rem .58rem;background:rgba(10,10,15,.58);backdrop-filter:blur(10px);transition:.25s;border-radius:999px;}
.shape-legend span.active{color:#0a0a0f;background:#c8ff47;box-shadow:0 0 24px rgba(200,255,71,.3);}
#hud{background:rgba(10,10,15,.52);border:1px solid rgba(200,255,71,.18);padding:.75rem 1rem;border-radius:999px;backdrop-filter:blur(12px);}
#scene-strip{background:rgba(10,10,15,.38);padding:.65rem .42rem;border-radius:999px;border:1px solid rgba(200,255,71,.15);backdrop-filter:blur(12px)}
#webgl-canvas.no-webgl{background:radial-gradient(circle at 72% 45%,rgba(200,255,71,.26),transparent 22%),radial-gradient(circle at 65% 50%,rgba(0,209,209,.18),transparent 30%),#0a0a0f;}
@media(max-width:980px){.text-card{max-width:min(560px,92vw);}.shape-legend{display:none}.landing-scene{padding-left:1.25rem;padding-right:1.25rem}.text-card h1{font-size:clamp(3rem,16vw,6rem)}}
@media(max-width:560px){.landing-view:before{background:linear-gradient(180deg,rgba(0,0,0,.7),transparent 65%)!important}.body-text{font-size:.85rem}.text-card{border-radius:0 22px 22px 0}}

/* V8 SCROLL-ONLY FIX: visual scrollbar polish without changing layout, menus, landing, WebGL, modules, or app logic. */
:root{
  --scroll-track:#020713;
  --scroll-thumb:var(--cyan);
  --scroll-thumb-hover:var(--yellow);
  --scroll-edge:#001a2d;
}
:root[data-theme="light"]{
  --scroll-track:#e8f8fa;
  --scroll-thumb:#00aeb7;
  --scroll-thumb-hover:#8f8200;
  --scroll-edge:#b4d9e4;
}
:root[data-theme="amber"]{
  --scroll-track:#1b1000;
  --scroll-thumb:#ffb21a;
  --scroll-thumb-hover:#ffe25b;
  --scroll-edge:#5f3700;
}
:root[data-theme="contrast"]{
  --scroll-track:#000;
  --scroll-thumb:#00ffff;
  --scroll-thumb-hover:#ffff00;
  --scroll-edge:#fff;
}
html{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:var(--scroll-thumb) var(--scroll-track);
}
body{
  overflow-x:hidden;
}
.module-nav,
.panel,
.teletext-console,
.db-grid section,
textarea,
pre,
dialog{
  scrollbar-width:thin;
  scrollbar-color:var(--scroll-thumb) var(--scroll-track);
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.module-nav::-webkit-scrollbar,
.panel::-webkit-scrollbar,
.teletext-console::-webkit-scrollbar,
.db-grid section::-webkit-scrollbar,
textarea::-webkit-scrollbar,
pre::-webkit-scrollbar,
dialog::-webkit-scrollbar{
  width:10px;
  height:10px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.module-nav::-webkit-scrollbar-track,
.panel::-webkit-scrollbar-track,
.teletext-console::-webkit-scrollbar-track,
.db-grid section::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track,
pre::-webkit-scrollbar-track,
dialog::-webkit-scrollbar-track{
  background:linear-gradient(180deg,var(--scroll-track),#000);
  border-left:1px solid var(--scroll-edge);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.module-nav::-webkit-scrollbar-thumb,
.panel::-webkit-scrollbar-thumb,
.teletext-console::-webkit-scrollbar-thumb,
.db-grid section::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
dialog::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--scroll-thumb),var(--scroll-thumb-hover));
  border:2px solid var(--scroll-track);
  border-radius:999px;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 16px color-mix(in srgb,var(--scroll-thumb) 55%,transparent);
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.module-nav::-webkit-scrollbar-thumb:hover,
.panel::-webkit-scrollbar-thumb:hover,
.teletext-console::-webkit-scrollbar-thumb:hover,
.db-grid section::-webkit-scrollbar-thumb:hover,
textarea::-webkit-scrollbar-thumb:hover,
pre::-webkit-scrollbar-thumb:hover,
dialog::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,var(--scroll-thumb-hover),var(--scroll-thumb));
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
.module-nav::-webkit-scrollbar-corner,
.panel::-webkit-scrollbar-corner,
.teletext-console::-webkit-scrollbar-corner,
.db-grid section::-webkit-scrollbar-corner,
textarea::-webkit-scrollbar-corner,
pre::-webkit-scrollbar-corner,
dialog::-webkit-scrollbar-corner{
  background:var(--scroll-track);
}
.module-nav{
  overscroll-behavior:contain;
}
.module-nav::-webkit-scrollbar{width:8px;}
.module-nav::-webkit-scrollbar-track{
  background:#000812;
  border-left:1px solid rgba(0,209,209,.28);
}
.module-nav::-webkit-scrollbar-thumb{
  border-width:1px;
  box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 55%,transparent);
}
@supports selector(::-webkit-scrollbar){
  .module-nav{padding-right:2px;}
}
@media(max-width:980px){
  html{scrollbar-gutter:auto;}
  html::-webkit-scrollbar,body::-webkit-scrollbar{width:8px;}
  .module-nav::-webkit-scrollbar{width:6px;}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
}