:root{--screen-bg:#00091a;--card-background:#000d22;--cyan:#00d1d1;--green:#00d000;--red:#e22525;--yellow:#f2ef00;--magenta:#d600d6;--blue:#3d55ff;--lime:#c8ff47;--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;--scroll-track:#020713;--scroll-thumb:#00d1d1;--scroll-thumb-hover:#f2ef00}
:root[data-theme="light"]{--screen-bg:#f3f4ec;--card-background:#fffdf0;--fg:#0b1220;--muted:#304052;--line:#9ab8c6;--cyan:#00aeb7;--yellow:#8f8200;--green:#008b32;--red:#c52a2a;--magenta:#9f299f;--blue:#324dcc;--lime:#597d00;--shadow:rgba(30,50,60,.2);--scroll-track:#e8f8fa;--scroll-thumb:#00aeb7;--scroll-thumb-hover:#8f8200}
: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;--lime:#ffe25b;--shadow:rgba(0,0,0,.62);--scroll-track:#1b1000;--scroll-thumb:#ffb21a;--scroll-thumb-hover:#ffe25b}
: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;--lime:#ffff00;--shadow:rgba(0,0,0,.75);--scroll-track:#000;--scroll-thumb:#00ffff;--scroll-thumb-hover:#ffff00}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}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,.15) 3px,rgba(0,0,0,.15) 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}
a{color:inherit}button,input,textarea,select{font:inherit}.hidden{display:none!important}.honeypot{position:absolute!important;left:-9999px!important}.horizontal-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}.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)}.masthead-left,.masthead-right{display:flex;align-items:center;gap:.7rem}.masthead-right{font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;text-align:right}.masthead-logo{font-size:2rem;letter-spacing:.2em;color:#001020;text-decoration:none;font-weight:900}.masthead-tagline{font:600 .75rem var(--ui);letter-spacing:.24em;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:.28em;text-transform:uppercase;font-size:1.3rem;font-weight:900;padding:0 1rem;min-width:112px}.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.22rem;letter-spacing:.14em;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);z-index:70}.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.02rem;letter-spacing:.14em;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 *,.module-nav button.active *{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:110px;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:400 clamp(2rem,4vw,3.2rem) var(--display);color:var(--yellow);letter-spacing:.06em;text-transform:uppercase}.page-title p{grid-column:2;color:var(--muted);font:300 .82rem/1.7 var(--ui);max-width:820px}.cyan-head{background:#003540}.green-head{background:#04370b}.yellow-head{background:#3e3000}.magenta-head{background:#31113a}.blue-head{background:#071842}.red-head{background:#3e0d0d}.command-content{padding:clamp(1rem,2vw,2rem);display:grid;gap:1rem}.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--card-background) 92%,var(--cyan) 8%),var(--card-background));border:1px solid var(--line);box-shadow:0 16px 42px var(--shadow),inset 0 0 0 1px rgba(255,255,255,.025);padding:1.2rem;min-width:0}.panel h2{font:400 1.7rem var(--display);letter-spacing:.05em;color:var(--yellow);margin-bottom:.8rem}.compact-panel{padding:.8rem 1rem}.btn,.cat-btn{border:1px solid var(--cyan);background:transparent;color:var(--cyan);padding:.62rem 1rem;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;font:600 .68rem var(--ui);transition:.18s}.btn:hover,.cat-btn:hover,.cat-btn.active{background:var(--cyan);color:#001020}.btn.red{border-color:var(--red);color:#fff;background:var(--red)}.btn.red:hover{filter:brightness(1.15)}.text-link{color:var(--cyan);font:600 .7rem var(--ui);letter-spacing:.08em}.loading-panel,.muted-copy{color:var(--muted);font:300 .78rem/1.7 var(--ui);padding:1rem;border:1px dashed var(--line);background:rgba(0,0,0,.2)}
/* Landing / WebGL */
.landing-view{background:#07080f!important;overflow:visible;isolation:isolate}.landing-view:before{content:"";position:fixed;inset:var(--top-h) 0 var(--footer-h) var(--nav-w);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%);z-index:1;pointer-events:none}#webgl-canvas{position:fixed;z-index:0;left:var(--nav-w);top:var(--top-h);width:calc(100vw - var(--nav-w));height:calc(100svh - var(--top-h) - var(--footer-h));filter:saturate(1.18) contrast(1.08);opacity:.98}#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}#scroll-container{position:relative;z-index:3}.landing-scene{min-height:calc(100svh - var(--top-h) - var(--footer-h));display:flex;align-items:center;padding:4rem clamp(1rem,4vw,4rem) 4rem clamp(2rem,6vw,6rem);position:relative}.text-card{max-width:min(580px,47vw);padding:clamp(1.4rem,3vw,2.6rem);background:linear-gradient(145deg,rgba(7,8,15,.9),rgba(14,20,34,.76));box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(200,255,71,.1);border-left:1px solid rgba(200,255,71,.25);border-radius:0 28px 28px 0}.text-card.right{margin-left:auto;text-align:right;border-left:0;border-right:1px solid rgba(200,255,71,.25);border-radius:28px 0 0 28px}.text-card.center{margin-inline:auto;text-align:center;border:1px solid rgba(200,255,71,.22);border-radius:28px}.tag{font:600 .67rem var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--lime);margin-bottom:1rem;display:flex;align-items:center;gap:.55rem}.text-card h1,.text-card h2{font-family:var(--display);font-weight:400;letter-spacing:.03em;line-height:.86;color:#e8e4d9}.text-card h1{font-size:clamp(3.5rem,8vw,8rem)}.text-card h2{font-size:clamp(2.8rem,7vw,6rem)}.body-text{font:300 .88rem/1.8 var(--ui);max-width:42rem;color:rgba(232,228,217,.72);margin-top:1.2rem}.h-line{width:3.2rem;height:1px;background:var(--lime);margin-bottom:1.2rem}.text-card.right .h-line{margin-left:auto}.text-card.center .h-line{margin-inline:auto}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.4rem;padding:.65rem 1.1rem;border:1px solid var(--lime);color:var(--lime);background:transparent;font:600 .64rem var(--ui);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer}.cta:hover{background:var(--lime);color:#0a0a0f}.cta.alt{border-color:var(--cyan);color:var(--cyan)}.cta.alt:hover{background:var(--cyan);color:#001020}.hero-command-actions{display:flex;gap:.6rem;flex-wrap:wrap}.stat-row{display:flex;gap:2rem;justify-content:flex-start;flex-wrap:wrap;margin-top:1.8rem}.text-card.right .stat-row{justify-content:flex-end}.stat{display:flex;flex-direction:column}.stat-num{font:400 2.5rem var(--display);color:var(--lime);line-height:1}.stat-label{font:600 .56rem var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#8b8da0}.repo-facts{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:inherit;margin-top:1rem}.repo-facts span{border:1px solid rgba(200,255,71,.22);padding:.42rem .65rem;color:#b8bac9;font:300 .67rem var(--ui)}.teletext-console{margin-top:1.1rem;max-height:300px;overflow:auto;background:#000812;border:1px solid #17334e;padding:.8rem;text-align:left}.console-line{padding:.45rem 0;border-bottom:1px dotted #16314d;color:#e5eff7;font:300 .68rem/1.5 var(--ui)}.console-line time{color:var(--cyan);margin-right:.6rem}.console-line strong{color:var(--yellow);margin-right:.35rem}.console-line small{color:#7894aa}.console-line.muted{color:#7894aa}#hud{position:fixed;right:1.4rem;top:calc(var(--top-h) + 1rem);z-index:9;background:rgba(10,10,15,.58);border:1px solid rgba(200,255,71,.18);padding:.65rem .9rem;border-radius:999px;backdrop-filter:blur(12px);font:600 .58rem var(--ui);color:var(--lime);display:flex;align-items:center;gap:.6rem}.progress-bar{width:90px;height:3px;background:#29303d}.progress-fill{height:100%;width:0;background:var(--lime)}.scene-label{letter-spacing:.12em}#scene-strip{position:fixed;right:1.4rem;top:calc(var(--top-h) + 4.5rem);z-index:9;display:grid;gap:.5rem;background:rgba(10,10,15,.38);padding:.65rem .42rem;border-radius:999px;border:1px solid rgba(200,255,71,.15);backdrop-filter:blur(12px)}.scene-dot{width:7px;height:7px;border-radius:50%;background:#46505d}.scene-dot.active{background:var(--lime);box-shadow:0 0 14px var(--lime)}.shape-legend{position:fixed;right:1.4rem;bottom:calc(var(--footer-h) + 1rem);z-index:9;display:flex;gap:.4rem;flex-wrap:wrap;max-width:420px;justify-content:flex-end;font-family:var(--ui);pointer-events:none}.shape-legend span{font-size:.56rem;letter-spacing:.14em;border:1px solid rgba(200,255,71,.25);color:#8b8da0;padding:.38rem .52rem;background:rgba(10,10,15,.58);backdrop-filter:blur(10px);border-radius:999px}.shape-legend span.active{color:#0a0a0f;background:var(--lime)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--red);display:inline-block;box-shadow:0 0 16px currentColor}.status-dot.ok{background:var(--green)}
/* Repositories */
.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cat-filter{display:flex;gap:.4rem;padding-bottom:.3rem;min-width:0}.cat-btn{white-space:nowrap}.search-box{min-width:min(330px,100%);display:flex;align-items:center;border:1px solid var(--line);background:#000812;padding:0 .75rem}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--fg);padding:.68rem}.project-strip{display:flex;gap:.75rem;padding:.2rem 0 .7rem}.strip-card{flex:0 0 min(360px,82vw);min-height:150px;text-decoration:none;background:linear-gradient(145deg,#003b3e,#005e54);border:1px solid var(--cyan);padding:1rem;position:relative;overflow:hidden}.strip-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;bottom:-90px;background:rgba(200,255,71,.14)}.strip-card small{font:300 .58rem var(--ui);color:#9fece6;text-transform:uppercase}.strip-card h3{font:400 1.5rem var(--display);color:#fff;margin:.55rem 0}.strip-card p{font:300 .67rem/1.6 var(--ui);color:#d5efeb}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{background:var(--card-background);border:1px solid var(--line);padding:1rem;min-height:260px;display:flex;flex-direction:column}.project-card-top{display:flex;justify-content:space-between}.repo-icon{width:42px;height:42px;display:grid;place-items:center;background:#003d42;color:var(--cyan);border:1px solid #08757c}.privacy-badge{font:600 .55rem var(--ui);letter-spacing:.1em;color:var(--yellow);text-transform:uppercase}.project-card h3{font:400 1.55rem var(--display);color:var(--yellow);margin:1rem 0 .5rem}.project-card p{font:300 .69rem/1.65 var(--ui);color:var(--muted);flex:1}.project-meta,.project-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem;font:300 .58rem var(--ui)}.project-meta{color:#82a1b8;border-top:1px solid var(--line);padding-top:.7rem}.lang-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:.25rem}.project-links{justify-content:space-between}.project-links a{color:var(--cyan);font-weight:600}.load-more-wrap{text-align:center}
/* Signal */
.metrics-command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:1px solid var(--line)}.metric-card{background:var(--card-background);padding:1.2rem;min-height:180px;display:flex;flex-direction:column}.metric-card>span{font:600 .57rem var(--ui);letter-spacing:.15em;color:var(--muted)}.metric-card strong{font:400 clamp(3rem,6vw,5rem) var(--display);color:var(--green);line-height:1.1;margin:auto 0}.metric-card small{font:300 .62rem var(--ui);color:var(--muted)}.scikit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.scikit-summary,.scikit-heat{grid-column:1/-1}.scikit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.model-chip,.source-chip{display:inline-block;font:600 .55rem var(--ui);letter-spacing:.13em;padding:.35rem .52rem;border:1px solid var(--green);color:var(--green)}.model-chip.yellow{border-color:var(--yellow);color:var(--yellow)}.model-chip.blue{border-color:var(--cyan);color:var(--cyan)}.source-chip{border-color:var(--line);color:var(--muted)}.scikit-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1rem;border:1px solid var(--line)}.scikit-metrics>div{padding:1rem;border-right:1px solid var(--line);display:flex;flex-direction:column}.scikit-metrics>div:last-child{border:0}.scikit-metrics strong{font:400 2.3rem var(--display);color:var(--cyan)}.scikit-metrics span{color:var(--yellow);font-size:1.1rem}.scikit-metrics small{font:300 .55rem var(--ui);color:var(--muted)}.language-chart{display:grid;gap:.58rem}.language-row{display:grid;grid-template-columns:100px 1fr 44px;align-items:center;gap:.6rem;font:300 .62rem var(--ui)}.language-track{height:8px;background:#001326;border:1px solid var(--line)}.language-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime))}.model-chart{width:100%;min-height:230px;background:#000812;border:1px solid var(--line)}.model-chart .axis{stroke:#21445d}.model-chart .data-line{fill:none;stroke:var(--cyan);stroke-width:3}.model-chart .reg-line{fill:none;stroke:var(--yellow);stroke-width:2;stroke-dasharray:8 6}.model-chart .dot{fill:var(--lime)}.model-meta,.streak-values{display:flex;gap:.7rem;flex-wrap:wrap;font:300 .62rem var(--ui);color:var(--muted);margin-top:.7rem}.model-meta b,.streak-values b{color:var(--yellow)}.contribution-heatmap{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:3px;min-width:max-content;padding:.6rem}.heat-cell{background:#07192c;border:1px solid #112b42}.heat-cell[data-level="1"]{background:#004b51}.heat-cell[data-level="2"]{background:#008f82}.heat-cell[data-level="3"]{background:#00d1a2}.heat-cell[data-level="4"]{background:var(--lime)}.model-note{font:300 .62rem/1.6 var(--ui);color:var(--muted);margin-top:.7rem}
/* Analytics */
.analytics-shell{background:linear-gradient(145deg,#031c1d,#071616)}.analytics-top{display:flex;align-items:center;gap:.6rem;border-bottom:1px solid #20403f;padding-bottom:1rem;font:300 .65rem var(--ui)}.analytics-top>b{color:#fff}.analytics-top>span:last-child{margin-left:auto;color:#86aaa7}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:1rem}.analytics-grid article{min-height:150px;padding:1rem;border-right:1px solid #20403f;display:flex;flex-direction:column}.analytics-grid article:last-child{border:0}.analytics-grid span{font:600 .58rem var(--ui);letter-spacing:.15em;color:#85bbb5}.analytics-grid strong{font:400 3rem var(--display);color:#fff;margin:auto 0}.analytics-grid small{font:300 .58rem var(--ui);color:#57d7b2}.trend-panel{background:#020f10;border:1px solid #163637;padding:1rem}.trend-labels{display:flex;justify-content:space-between;color:#8cc7c0;font:600 .56rem var(--ui);letter-spacing:.12em}.trend-bars{height:170px;display:flex;align-items:end;gap:4px;margin-top:1rem}.trend-bar{flex:1;min-width:4px;background:linear-gradient(180deg,var(--cyan),#07413f);border:1px solid #11605c}.provider-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.provider-badge{border:1px solid #27504c;padding:.42rem .7rem;color:#9bbdb9;font:300 .58rem var(--ui)}.provider-badge.ok{border-color:var(--green);color:var(--green)}.provider-badge.warn{border-color:var(--yellow);color:var(--yellow)}
/* Updates/contact/system */
.updates-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);align-items:start}.release-list{display:grid;gap:2px;background:var(--line)}.release-item{display:grid;grid-template-columns:105px 1fr auto;gap:1rem;align-items:center;background:var(--card-background);padding:1rem}.release-date{color:var(--cyan);font-size:1.1rem}.release-item h3{font:400 1.35rem var(--display);color:var(--yellow)}.release-item p{font:300 .64rem/1.6 var(--ui);color:var(--muted)}.release-tag{border:1px solid var(--magenta);padding:.38rem .55rem;color:var(--magenta);font:600 .55rem var(--ui);text-decoration:none}.automation-card ol{padding-left:1.3rem;color:var(--muted);font:300 .68rem/1.8 var(--ui);margin:1rem 0}.automation-eyebrow{color:var(--magenta);font:600 .57rem var(--ui);letter-spacing:.15em}.contact-shell{grid-template-columns:.8fr 1.2fr;align-items:start}.contact-copy h2{font:400 clamp(2.5rem,5vw,4.8rem) var(--display);line-height:.9;color:var(--yellow);margin:1rem 0}.contact-copy p{font:300 .72rem/1.8 var(--ui);color:var(--muted)}.contact-status-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.contact-status-row span{border:1px solid var(--line);padding:.4rem .55rem;color:var(--muted);font:300 .55rem var(--ui)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.contact-form label{display:grid;gap:.35rem;color:var(--cyan);font:600 .58rem var(--ui);letter-spacing:.1em;text-transform:uppercase}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#000812;color:var(--fg);border:1px solid var(--line);padding:.72rem;outline:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan)}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-footer p{font:300 .6rem/1.5 var(--ui);color:var(--muted)}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.diagnostic-list{display:grid}.diagnostic-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line);font:300 .68rem var(--ui)}.diagnostic-list b{color:var(--yellow)}.endpoint-list{display:grid;gap:.6rem}.endpoint-list a{display:block;border:1px solid var(--line);padding:.6rem;color:var(--cyan);font:300 .65rem var(--ui)}code{color:var(--yellow);background:#000;padding:.15rem .3rem}
/* Fixed Fastext */
.fastext-bar{position:fixed;left:0;right:0;bottom:0;height:var(--footer-h);z-index:95;display:flex;background:#000;border-top:2px solid var(--cyan);overflow-x:auto}.fastext-bar button{min-width:130px;flex:1;border:0;border-right:1px solid #12324c;background:#00142b;color:var(--fg);font:600 .66rem var(--ui);letter-spacing:.08em;cursor:pointer}.fastext-bar button:hover{background:var(--cyan);color:#001020}.fastext-bar b{color:var(--yellow);margin-right:.35rem}.toast{position:fixed;right:1rem;bottom:calc(var(--footer-h) + 1rem);z-index:500;max-width:min(420px,calc(100vw - 2rem));background:#00142b;border:1px solid var(--cyan);padding:.8rem 1rem;color:#fff;font:300 .68rem var(--ui);transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.toast[data-type="success"]{border-color:var(--green)}.toast[data-type="error"]{border-color:var(--red)}.toast[data-type="warning"]{border-color:var(--yellow)}dialog{margin:auto;width:min(1000px,94vw);height:min(760px,90vh);background:var(--card-background);color:var(--fg);border:2px solid var(--cyan);padding:2.5rem 1rem 1rem}dialog::backdrop{background:rgba(0,0,0,.82)}.dialog-close{position:absolute;right:.7rem;top:.5rem;background:var(--red);color:#fff;border:0;width:34px;height:34px;font-size:1.4rem}.survey-frame{width:100%;height:calc(90vh - 4rem);border:0;background:#fff}
#cur,#cur-ring{position:fixed;z-index:1000;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}#cur{width:7px;height:7px;background:var(--yellow)}#cur-ring{width:28px;height:28px;border:1px solid var(--cyan);opacity:.5}.cursor-hover #cur-ring{width:44px;height:44px}.skeleton{animation:pulse 1.2s infinite}
@keyframes ticker-roll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.35}}
html::-webkit-scrollbar,body::-webkit-scrollbar,.module-nav::-webkit-scrollbar,.horizontal-scroll::-webkit-scrollbar,.teletext-console::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,.module-nav::-webkit-scrollbar-track,.horizontal-scroll::-webkit-scrollbar-track,.teletext-console::-webkit-scrollbar-track{background:var(--scroll-track)}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,.module-nav::-webkit-scrollbar-thumb,.horizontal-scroll::-webkit-scrollbar-thumb,.teletext-console::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scroll-thumb),var(--scroll-thumb-hover));border:2px solid var(--scroll-track);border-radius:999px}
@media(max-width:1180px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-command-grid{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:1fr 1fr}.system-grid article:last-child{grid-column:1/-1}}
@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))}.drawer-open:before{content:"";position:fixed;z-index:105;inset:var(--top-h) 0 var(--footer-h);background:rgba(0,0,0,.7)}#webgl-canvas{left:0;width:100vw}.landing-view:before{left:0}.masthead-tagline,.masthead-cursor{display:none}.masthead-right{font-size:1rem}.masthead-logo{font-size:1.55rem}.ticker-label{min-width:86px}.text-card,.text-card.right,.text-card.center{max-width:min(620px,94vw);margin:0;text-align:left;border-left:1px solid rgba(200,255,71,.24);border-right:0;border-radius:0 24px 24px 0}.text-card.right .h-line,.text-card.center .h-line{margin-left:0}.shape-legend{display:none}.project-toolbar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.scikit-grid,.updates-layout,.contact-shell{grid-template-columns:1fr}.page-title{grid-template-columns:1fr}.page-title p{grid-column:auto}.analytics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid article:nth-child(2){border-right:0}.analytics-grid article{border-bottom:1px solid #20403f}.system-grid{grid-template-columns:1fr}.system-grid article:last-child{grid-column:auto}}
@media(max-width:620px){:root{--top-h:96px;--footer-h:44px}.masthead{height:60px}.ticker-wrapper{height:36px}.masthead-page,#commandClock{display:none}.masthead-logo{font-size:1.35rem}.ticker-text{font-size:1rem}.ticker-label{font-size:1rem}.page-title{padding:1rem}.page-title h1{font-size:2rem}.command-content{padding:.75rem}.landing-scene{padding:3rem .75rem}.text-card{padding:1.2rem}.text-card h1{font-size:clamp(3rem,17vw,5.5rem)}.text-card h2{font-size:clamp(2.6rem,15vw,4.8rem)}#hud{right:.6rem;top:calc(var(--top-h) + .6rem);padding:.5rem}.scene-label{display:none}#scene-strip{display:none}.command-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-grid{grid-template-columns:1fr}.metrics-command-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:140px;padding:.8rem}.metric-card strong{font-size:3rem}.scikit-metrics{grid-template-columns:1fr 1fr}.scikit-metrics>div:nth-child(2){border-right:0}.scikit-metrics>div{border-bottom:1px solid var(--line)}.analytics-grid{grid-template-columns:1fr}.analytics-grid article{border-right:0}.release-item{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column}.fastext-bar button{min-width:94px;font-size:.58rem}.fastext-bar button:nth-child(4){display:none}#cur,#cur-ring{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* =============================================================
   ROBERTO CLOUD COMMAND — V6 PRIVATE CLOUD ARCHITECTURE EXTENSION
   ============================================================= */
:root{--cloud-purple:#9368ff;--cloud-orange:#ff9d3d;--cloud-blue:#4f8cff;--cloud-green:#70f2a5;--cloud-red:#ff5c71}
.architecture-layout,.source-layout,.security-layout,.resilience-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:18px}.full-span{grid-column:1/-1}.topology-panel{min-width:0}.toolbar-row{display:flex;gap:8px;padding-bottom:14px}.architecture-canvas-wrap{border:1px solid var(--line);background:linear-gradient(180deg,rgba(0,209,209,.035),rgba(147,104,255,.025));border-radius:8px}.architecture-map{min-width:920px;width:100%;height:auto;display:block}.architecture-map .edge{fill:none;stroke:rgba(0,209,209,.55);stroke-width:2;stroke-dasharray:8 8;animation:edgeFlow 12s linear infinite}.architecture-map .edge.secure{stroke:rgba(112,242,165,.72)}.architecture-map .edge.dr{stroke:rgba(255,92,113,.72)}.architecture-map .arch-node{cursor:pointer;transition:opacity .25s,filter .25s}.architecture-map .arch-node rect{fill:rgba(2,14,31,.94);stroke:rgba(0,209,209,.55);stroke-width:2;rx:12}.architecture-map .arch-node text{font-family:"VT323",monospace;fill:#fff;text-anchor:middle}.architecture-map .arch-node .node-title{font-size:20px;fill:var(--cyan)}.architecture-map .arch-node .node-sub{font-size:14px;fill:var(--muted)}.architecture-map .arch-node.active rect,.architecture-map .arch-node:hover rect{stroke:var(--yellow);filter:drop-shadow(0 0 10px rgba(221,221,0,.35))}.architecture-map .arch-node.dim{opacity:.16}.architecture-map .zone-box{fill:rgba(0,0,0,.16);stroke:rgba(255,255,255,.12);stroke-dasharray:5 7}.architecture-map .zone-label{fill:rgba(255,255,255,.46);font:16px "VT323",monospace;letter-spacing:2px}@keyframes edgeFlow{to{stroke-dashoffset:-160}}
.node-inspector{align-self:start;position:sticky;top:132px}.node-inspector h2{font-size:clamp(28px,3vw,44px);color:var(--headline)}.command-table{width:100%;border-collapse:collapse;min-width:850px}.command-table th,.command-table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left}.command-table th{color:var(--cyan);letter-spacing:.14em;font-size:12px}.command-table td{color:var(--copy);font-size:15px}.command-table code{color:var(--yellow)}
.pipeline-rail{display:flex;gap:10px;margin-bottom:18px;padding-bottom:6px}.pipeline-stage{min-width:190px;flex:1;border:1px solid var(--line);background:var(--panel);padding:18px;position:relative}.pipeline-stage::after{content:"→";position:absolute;right:-13px;top:40%;color:var(--cyan);z-index:2}.pipeline-stage:last-child::after{display:none}.pipeline-stage b{display:block;color:var(--headline);font-size:20px}.pipeline-stage span{display:block;color:var(--muted);margin-top:6px}.pipeline-stage.active{border-color:var(--yellow);box-shadow:0 0 0 1px rgba(221,221,0,.22) inset}.pipeline-stage.done{border-color:var(--green)}.delivery-grid,.kube-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.pipeline-console-panel{min-height:520px}.pipeline-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:18px 0}.pipeline-controls label{display:grid;gap:7px;color:var(--muted);min-width:180px}.pipeline-controls select,.calculator-form input{background:rgba(0,0,0,.35);border:1px solid var(--line);color:var(--copy);padding:11px 12px;font:inherit}.teletext-console.tall{min-height:330px;max-height:420px;overflow:auto}.console-line.ok{color:var(--green)}.console-line.warn{color:var(--yellow)}.console-line.error{color:var(--red)}.language-sdk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.language-sdk-grid a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:14px;text-decoration:none;color:var(--copy)}.language-sdk-grid b{display:grid;place-items:center;width:44px;height:44px;background:rgba(0,209,209,.12);color:var(--cyan)}.language-sdk-grid a:hover{border-color:var(--cyan)}.code-browser pre{margin:0;max-height:520px;overflow:auto;background:#00040c;border:1px solid var(--line);padding:20px;color:#b9f5ed;font-size:14px;line-height:1.55}.code-tabs{display:flex;gap:4px;margin-bottom:8px}.code-tabs button{border:1px solid var(--line);background:transparent;color:var(--copy);padding:9px 14px;font:inherit}.code-tabs button.active{background:var(--cyan);color:#001018}
.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.zone{border:1px solid var(--line);padding:14px;min-height:185px;background:rgba(0,0,0,.16)}.zone>b{color:var(--cyan);letter-spacing:.16em}.pod{display:block;margin-top:12px;padding:10px;border-left:4px solid var(--green);background:rgba(112,242,165,.08)}.pod.standby{border-color:var(--yellow);color:var(--yellow)}.traffic-flow{text-align:center;border:1px dashed var(--cyan);padding:12px;color:var(--cyan)}.calculator-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.calculator-form label{display:grid;gap:6px;color:var(--muted)}.calculation-result{border:1px solid var(--line);padding:18px;background:rgba(0,209,209,.05)}.calculation-result span,.calculation-result small{display:block;color:var(--muted)}.calculation-result strong{display:block;font-size:52px;color:var(--yellow);line-height:1.1;margin:6px 0}.security-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.security-control{border:1px solid var(--line);padding:15px}.security-control b{display:block;color:var(--headline);font-size:18px}.security-control span{display:block;color:var(--muted);margin-top:5px}.security-control i{display:inline-block;margin-top:12px;color:var(--green);font-style:normal}.network-svg{width:100%;height:auto;margin:15px 0}.network-svg path{stroke:var(--cyan);stroke-width:2;fill:none;marker-end:url(#arrow);stroke-dasharray:7 7;animation:edgeFlow 10s linear infinite}.network-svg rect{fill:rgba(0,13,34,.95);stroke:var(--cyan);rx:8}.network-svg text{fill:#fff;font:16px "VT323",monospace;text-anchor:middle}.observability-flow{display:flex;align-items:center;gap:8px;overflow:auto;padding:20px 0}.observability-flow div{min-width:128px;border:1px solid var(--line);padding:14px;text-align:center}.observability-flow b,.observability-flow span{display:block}.observability-flow b{color:var(--cyan)}.observability-flow span{color:var(--muted);font-size:13px}.observability-flow i{color:var(--yellow);font-style:normal}.artifact-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.artifact-links a{border:1px solid var(--line);padding:16px;color:var(--cyan);text-decoration:none}.artifact-links a:hover{border-color:var(--yellow);color:var(--yellow)}
.dr-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.dr-tier-grid>div{border:1px solid var(--line);padding:18px;background:rgba(255,92,113,.04)}.dr-tier-grid b,.dr-tier-grid strong,.dr-tier-grid span{display:block}.dr-tier-grid b{color:var(--red)}.dr-tier-grid strong{font-size:30px;color:var(--headline);margin:8px 0}.dr-tier-grid span{color:var(--muted)}.command-list,.runbook-list{display:grid;gap:10px;padding-left:22px;color:var(--copy)}.command-list li::marker,.runbook-list li::marker{color:var(--cyan)}.source-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.source-card{border:1px solid var(--line);padding:16px}.source-card b{display:block;color:var(--headline);font-size:20px}.source-card span,.source-card small{display:block;color:var(--muted);margin-top:5px}.source-card code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cyan);margin-top:9px}.chunk-list{display:grid;gap:8px;margin:16px 0}.chunk-list a{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);padding:10px;color:var(--cyan);text-decoration:none}.tree-view{background:#00040c;border:1px solid var(--line);padding:18px;overflow:auto;color:#b9f5ed;line-height:1.5}.status-pill{display:inline-flex;align-items:center;gap:6px}.status-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
@media(max-width:1100px){.architecture-layout,.source-layout,.security-layout,.resilience-grid,.delivery-grid,.kube-grid{grid-template-columns:1fr}.node-inspector{position:static}.full-span{grid-column:auto}.security-matrix{grid-template-columns:repeat(2,1fr)}.artifact-links{grid-template-columns:repeat(2,1fr)}.source-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.architecture-map{min-width:850px}.pipeline-stage{min-width:170px}.pipeline-stage::after{display:none}.zone-grid{grid-template-columns:1fr}.calculator-form{grid-template-columns:1fr}.security-matrix,.artifact-links,.dr-tier-grid,.source-card-grid{grid-template-columns:1fr}.language-sdk-grid{grid-template-columns:1fr}.command-table th,.command-table td{padding:10px}.pipeline-console-panel{min-height:0}.topology-panel{padding:10px}.network-svg{min-width:560px}.network-policy-card{overflow:auto}}


/* =============================================================
   V2 — ORIGINAL IT COMMAND MORPH BACKDROP
   Uses a valid multiline WebGL shader plus a CSS fallback so the
   hero never degrades into a flat green field when WebGL is absent.
   ============================================================= */
.landing-view{
  background:#05060a!important;
  overflow:visible!important;
  isolation:isolate;
}
.cloud-motion-backdrop{
  position:fixed;
  inset:var(--top-h) 0 var(--footer-h) var(--nav-w);
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 69% 42%,rgba(200,255,71,.16),transparent 28%),
    radial-gradient(circle at 72% 55%,rgba(0,209,209,.15),transparent 34%),
    linear-gradient(105deg,#04050a 0 38%,#07101b 62%,#030407 100%);
}
.cloud-motion-backdrop::before{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    repeating-linear-gradient(132deg,
      transparent 0 92px,
      rgba(3,12,22,.06) 92px 118px,
      rgba(5,28,47,.62) 118px 168px,
      rgba(0,0,0,.86) 168px 232px,
      transparent 232px 310px);
  filter:blur(7px);
  opacity:.82;
  transform:translate3d(-3%,0,0) scale(1.12);
  animation:cloudBeamSweep 17s ease-in-out infinite alternate;
}
.cloud-motion-backdrop::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.7),transparent 49%),
    radial-gradient(ellipse at 70% 45%,transparent 0 22%,rgba(0,0,0,.12) 45%,rgba(0,0,0,.72) 92%);
}
.cloud-beam{
  position:absolute;
  width:68vw;
  height:8vw;
  border-radius:999px;
  opacity:.12;
  filter:blur(30px);
  background:linear-gradient(90deg,transparent,rgba(0,209,209,.62),transparent);
  transform:rotate(-42deg);
  animation:beamPulse 8s ease-in-out infinite alternate;
}
.cloud-beam-a{left:24%;top:9%}.cloud-beam-b{left:42%;top:45%;animation-delay:-3s}.cloud-beam-c{left:10%;top:76%;animation-delay:-6s}
@keyframes cloudBeamSweep{to{transform:translate3d(5%,-2%,0) scale(1.16)}}
@keyframes beamPulse{to{opacity:.26;translate:5vw -2vw}}

/* WebGL sits over the beams but behind all command content. */
#webgl-canvas{
  position:fixed!important;
  inset:var(--top-h) 0 var(--footer-h) var(--nav-w)!important;
  width:calc(100vw - var(--nav-w))!important;
  height:calc(100svh - var(--top-h) - var(--footer-h))!important;
  z-index:2!important;
  pointer-events:none;
  display:block;
  opacity:1!important;
  filter:saturate(1.08) contrast(1.12) brightness(1.04)!important;
  background:transparent!important;
}
.landing-view:before{
  content:"";
  position:fixed;
  inset:var(--top-h) 0 var(--footer-h) var(--nav-w);
  z-index:3!important;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.36) 34%,transparent 62%),
    radial-gradient(circle at 70% 42%,rgba(200,255,71,.08),transparent 34%)!important;
}
#scroll-container{position:relative;z-index:5!important}
#hud,#scene-strip,.shape-legend{z-index:12!important}

/* Always-available 3D CSS fallback. It disappears only after the
   shader has compiled and the first WebGL frame is ready. */
.fallback-morph{
  position:absolute;
  top:50%;
  right:clamp(3rem,8vw,10rem);
  width:min(39vw,590px);
  aspect-ratio:1.24/1;
  translate:0 -50%;
  z-index:1;
  border-radius:48% 52% 46% 54% / 55% 43% 57% 45%;
  background:
    radial-gradient(circle at 68% 25%,rgba(255,255,210,.98) 0 2%,rgba(255,255,210,.44) 3%,transparent 11%),
    radial-gradient(circle at 33% 60%,rgba(36,8,4,.92) 0 9%,transparent 30%),
    radial-gradient(circle at 68% 66%,rgba(102,20,8,.86),transparent 28%),
    radial-gradient(circle at 58% 43%,#f0e500 0 20%,#b6ae00 48%,#443f00 78%,#151400 100%);
  box-shadow:
    0 0 0 1px rgba(231,255,33,.22),
    0 0 52px rgba(200,255,71,.18),
    -55px 35px 100px rgba(0,209,209,.15),
    inset 28px -18px 65px rgba(0,0,0,.56),
    inset -20px 16px 40px rgba(255,255,154,.2);
  filter:saturate(1.15) contrast(1.14);
  animation:fallbackMorph 8s ease-in-out infinite alternate,fallbackFloat 5.5s ease-in-out infinite;
  transition:opacity .55s ease,transform .7s ease;
}
.fallback-morph::before{
  content:"";position:absolute;inset:3%;border-radius:inherit;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.19) 3px 4px);
  mix-blend-mode:multiply;opacity:.72
}
.fallback-morph::after{
  content:"";position:absolute;inset:-10%;border-radius:50%;
  border:1px solid rgba(0,209,209,.2);filter:blur(1px);opacity:.45;
  animation:ringOrbit 9s linear infinite
}
.fallback-core,.fallback-gloss,.fallback-grid{position:absolute;inset:0;border-radius:inherit}
.fallback-core{background:conic-gradient(from 35deg,transparent,rgba(255,242,0,.24),transparent 35%,rgba(89,7,4,.56),transparent 72%);mix-blend-mode:multiply;animation:coreTurn 11s linear infinite}
.fallback-gloss{background:linear-gradient(132deg,rgba(255,255,255,.18),transparent 27% 62%,rgba(0,0,0,.24));mix-blend-mode:screen}
.fallback-grid{background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 17px,rgba(0,209,209,.035) 18px 19px);opacity:.65}
.webgl-ready .fallback-morph{opacity:0;transform:scale(.86);visibility:hidden}
.webgl-failed .fallback-morph,.no-webgl + .fallback-morph{opacity:1}
@keyframes fallbackMorph{
  0%{border-radius:48% 52% 46% 54% / 55% 43% 57% 45%;transform:rotate(-3deg) scale(1)}
  45%{border-radius:58% 42% 61% 39% / 42% 60% 40% 58%;transform:rotate(3deg) scale(1.025)}
  100%{border-radius:44% 56% 38% 62% / 62% 39% 61% 38%;transform:rotate(-1deg) scale(.985)}
}
@keyframes fallbackFloat{50%{translate:0 calc(-50% - 14px)}}
@keyframes coreTurn{to{rotate:360deg}}
@keyframes ringOrbit{to{rotate:360deg}}

/* Cards are intentionally closer to the proven reference: crisp dark
   command plates, no large rounded dashboard block hiding the object. */
.landing-scene{
  min-height:calc(100svh - var(--top-h) - var(--footer-h));
  padding:clamp(3rem,7vh,6rem) clamp(1rem,4vw,4rem) clamp(3rem,7vh,6rem) clamp(2rem,6vw,6rem)!important;
}
.text-card{
  max-width:min(520px,42vw)!important;
  background:linear-gradient(145deg,rgba(7,8,15,.87),rgba(10,16,28,.72))!important;
  border:1px solid rgba(200,255,71,.13)!important;
  border-left-color:rgba(200,255,71,.36)!important;
  border-radius:0 28px 28px 0!important;
  box-shadow:0 30px 85px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.018)!important;
  backdrop-filter:blur(12px) saturate(1.06);
}
.text-card.right{border-radius:28px 0 0 28px!important;border-left-color:rgba(200,255,71,.13)!important;border-right-color:rgba(200,255,71,.36)!important}
.text-card.center{border-radius:28px!important}
.text-card h1{font-size:clamp(3.7rem,8.2vw,8rem)!important;line-height:.82!important}
.text-card h2{font-size:clamp(3rem,7vw,6.3rem)!important;line-height:.84!important}
.body-text{font-size:clamp(.78rem,.9vw,.94rem)!important;color:rgba(232,228,217,.75)!important}

@media(max-width:980px){
  .cloud-motion-backdrop,#webgl-canvas,.landing-view:before{left:0!important;inset-inline:0!important}
  .fallback-morph{right:-10vw;width:min(70vw,520px);opacity:.72}
  .text-card{max-width:min(600px,92vw)!important}
}
@media(max-width:720px){
  .cloud-motion-backdrop{inset:var(--top-h) 0 var(--footer-h) 0}
  #webgl-canvas{inset:var(--top-h) 0 var(--footer-h) 0!important;width:100vw!important}
  .landing-view:before{inset:var(--top-h) 0 var(--footer-h) 0!important;background:linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.76) 72%)!important}
  .fallback-morph{width:82vw;right:-24vw;top:35%;opacity:.53}
  .landing-scene{align-items:flex-end!important;padding:2.2rem 1rem 3.2rem!important}
  .text-card{width:100%;max-width:none!important;border-radius:0 22px 22px 0!important;background:linear-gradient(145deg,rgba(7,8,15,.92),rgba(10,16,28,.82))!important}
  .text-card.right,.text-card.center{border-radius:22px 0 0 22px!important}
  .text-card h1{font-size:clamp(3.6rem,20vw,6rem)!important}
  .text-card h2{font-size:clamp(3rem,17vw,5.3rem)!important}
}
@media(prefers-reduced-motion:reduce){
  .cloud-motion-backdrop::before,.cloud-beam,.fallback-morph,.fallback-core,.fallback-morph::after{animation:none!important}
}

/* V2 viewport-fit refinement: keep all four command stats above the Fastext bar. */
.dashboard-hero .text-card{padding:clamp(1.35rem,2.2vw,2rem)!important}
.dashboard-hero .text-card h1{font-size:clamp(3.35rem,7.1vw,7rem)!important}
.dashboard-hero .body-text{margin-top:.85rem!important;line-height:1.68!important;font-size:clamp(.72rem,.82vw,.84rem)!important}
.dashboard-hero .hero-command-actions .cta{margin-top:1rem!important}
.dashboard-hero .command-stats{margin-top:1.05rem!important;gap:clamp(.85rem,1.6vw,1.45rem)!important}
.dashboard-hero .stat-num{font-size:clamp(1.85rem,2.4vw,2.35rem)!important}
.dashboard-hero .stat-label{font-size:.51rem!important}
@media(max-width:720px){
  .dashboard-hero .text-card h1{font-size:clamp(3rem,17vw,5.1rem)!important}
  .dashboard-hero .command-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .dashboard-hero .stat-num{font-size:2rem!important}
}

/* =============================================================
   V3 — WIDE COMMAND CONTAINER
   Expands the opening command plate so the title, architecture
   summary, actions, and all four metrics remain fully contained.
   ============================================================= */
.dashboard-hero .text-card{
  width:clamp(620px,51vw,760px)!important;
  max-width:calc(100vw - var(--nav-w) - clamp(4rem,10vw,10rem))!important;
  min-width:0;
  padding:clamp(1.55rem,2.5vw,2.35rem)!important;
  overflow:hidden;
}
.dashboard-hero .text-card h1{
  max-width:100%;
  font-size:clamp(3.5rem,6.45vw,6.75rem)!important;
  line-height:.83!important;
  letter-spacing:.005em;
  overflow-wrap:normal;
}
.dashboard-hero .body-text{
  width:100%;
  max-width:68ch;
  margin-top:1rem!important;
  font-size:clamp(.76rem,.88vw,.92rem)!important;
  line-height:1.72!important;
  text-wrap:pretty;
}
.dashboard-hero .hero-command-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  width:100%;
}
.dashboard-hero .hero-command-actions .cta{
  margin-top:1rem!important;
}
.dashboard-hero .command-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:100%;
  align-items:end;
  gap:clamp(.8rem,1.35vw,1.35rem)!important;
}
.dashboard-hero .stat{
  min-width:0;
}
.dashboard-hero .stat-label{
  display:block;
  max-width:14ch;
  line-height:1.25;
}
@media(max-width:1280px){
  .dashboard-hero .text-card{
    width:clamp(580px,55vw,690px)!important;
    max-width:calc(100vw - var(--nav-w) - 3.2rem)!important;
  }
  .dashboard-hero .text-card h1{font-size:clamp(3.25rem,6.2vw,6rem)!important}
}
@media(max-width:980px){
  .dashboard-hero .text-card{
    width:min(720px,92vw)!important;
    max-width:min(720px,92vw)!important;
  }
  .dashboard-hero .text-card h1{font-size:clamp(3.5rem,11vw,6.1rem)!important}
}
@media(max-width:720px){
  .dashboard-hero .text-card{
    width:100%!important;
    max-width:none!important;
    padding:1.35rem 1.15rem 1.5rem!important;
    overflow:visible;
  }
  .dashboard-hero .text-card h1{
    font-size:clamp(3.05rem,17vw,5.2rem)!important;
    line-height:.84!important;
  }
  .dashboard-hero .body-text{font-size:.83rem!important;line-height:1.62!important}
  .dashboard-hero .hero-command-actions{display:grid;grid-template-columns:1fr}
  .dashboard-hero .hero-command-actions .cta{width:100%;justify-content:center}
  .dashboard-hero .command-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem!important}
  .dashboard-hero .stat-label{max-width:none}
}

/* =============================================================
   V4 — ALL LANDING COMMAND PANELS RESPONSIVE WIDTH FIX
   Keeps every long heading inside its card on laptop, tablet,
   and mobile while preserving the IT Command morphing backdrop.
   ============================================================= */
.landing-scene:not(.dashboard-hero) .text-card{
  container-type:inline-size;
  width:clamp(660px,57vw,860px)!important;
  max-width:calc(100vw - var(--nav-w) - clamp(3rem,8vw,7rem))!important;
  min-width:0;
  padding:clamp(1.65rem,2.8vw,2.65rem)!important;
  overflow:clip;
}
.landing-scene:not(.dashboard-hero) .text-card h2{
  display:block;
  width:100%;
  max-width:100%;
  font-size:clamp(3.2rem,10.6cqw,6.15rem)!important;
  line-height:.84!important;
  letter-spacing:.004em!important;
  overflow-wrap:normal;
  word-break:keep-all;
  text-wrap:balance;
}
.landing-scene:not(.dashboard-hero) .text-card .body-text{
  width:100%;
  max-width:64ch;
  margin-top:1.15rem!important;
  font-size:clamp(.78rem,.88vw,.93rem)!important;
  line-height:1.72!important;
  text-wrap:pretty;
}
.landing-scene:not(.dashboard-hero) .text-card.right .body-text{
  margin-left:auto;
}
.landing-scene:not(.dashboard-hero) .text-card.center .body-text{
  margin-inline:auto;
}
.landing-scene:not(.dashboard-hero) .text-card .cta{
  max-width:100%;
  white-space:normal;
  text-align:center;
}

@media(max-width:1280px){
  .landing-scene:not(.dashboard-hero) .text-card{
    width:clamp(620px,59vw,780px)!important;
    max-width:calc(100vw - var(--nav-w) - 2.5rem)!important;
  }
  .landing-scene:not(.dashboard-hero) .text-card h2{
    font-size:clamp(3.1rem,10.2cqw,5.7rem)!important;
  }
}

@media(max-width:980px){
  .landing-scene:not(.dashboard-hero) .text-card,
  .landing-scene:not(.dashboard-hero) .text-card.right,
  .landing-scene:not(.dashboard-hero) .text-card.center{
    width:min(760px,94vw)!important;
    max-width:min(760px,94vw)!important;
    margin-inline:auto!important;
    text-align:left!important;
    overflow:clip;
  }
  .landing-scene:not(.dashboard-hero) .text-card h2{
    font-size:clamp(3.15rem,10.5cqw,5.8rem)!important;
  }
  .landing-scene:not(.dashboard-hero) .text-card.right .h-line,
  .landing-scene:not(.dashboard-hero) .text-card.center .h-line{
    margin-left:0!important;
  }
  .landing-scene:not(.dashboard-hero) .text-card.right .body-text,
  .landing-scene:not(.dashboard-hero) .text-card.center .body-text{
    margin-left:0;
    margin-right:0;
  }
}

@media(max-width:720px){
  .landing-scene:not(.dashboard-hero) .text-card,
  .landing-scene:not(.dashboard-hero) .text-card.right,
  .landing-scene:not(.dashboard-hero) .text-card.center{
    width:100%!important;
    max-width:none!important;
    padding:1.35rem 1.15rem 1.5rem!important;
    overflow:clip;
  }
  .landing-scene:not(.dashboard-hero) .text-card h2{
    font-size:clamp(2.9rem,13.8cqw,5rem)!important;
    line-height:.86!important;
  }
  .landing-scene:not(.dashboard-hero) .text-card .body-text{
    font-size:.83rem!important;
    line-height:1.62!important;
  }
  .landing-scene:not(.dashboard-hero) .text-card .cta{
    display:flex;
    width:100%;
    justify-content:center;
  }
}

@supports not (font-size:1cqw){
  .landing-scene:not(.dashboard-hero) .text-card h2{
    font-size:clamp(3.2rem,5.45vw,5.85rem)!important;
  }
  @media(max-width:980px){
    .landing-scene:not(.dashboard-hero) .text-card h2{
      font-size:clamp(3.1rem,9vw,5.6rem)!important;
    }
  }
  @media(max-width:720px){
    .landing-scene:not(.dashboard-hero) .text-card h2{
      font-size:clamp(2.85rem,13vw,4.8rem)!important;
    }
  }
}

/* =============================================================
   V5 — PANEL ACTION BAR & BUTTON ALIGNMENT
   Keeps documentation, restore, policy, Helm, and source actions
   in a consistent footer row instead of colliding with body copy.
   ============================================================= */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  width:max-content;
  max-width:100%;
  line-height:1.25;
  white-space:normal;
  text-align:center;
}
.action-panel{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.action-panel > p{
  margin:0;
  max-width:78ch;
  line-height:1.65;
}
.action-panel > .diagnostic-list,
.action-panel > .runbook-list,
.action-panel > .chunk-list,
.action-panel > .network-svg{
  flex:0 0 auto;
}
.action-panel > .runbook-list{
  margin:0;
  padding-top:.2rem;
  padding-bottom:.3rem;
}
.panel-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.7rem;
  flex-wrap:wrap;
  width:100%;
  margin-top:auto;
  padding-top:1.05rem;
  border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);
}
.panel-actions .btn{
  margin:0!important;
  flex:0 1 auto;
}
.node-inspector .panel-actions{
  margin-top:1rem;
}
.network-policy-card .panel-actions{
  margin-top:.35rem;
}
.pipeline-controls{
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) auto auto;
  align-items:end!important;
  gap:10px!important;
}
.pipeline-controls label{
  min-width:0!important;
}
.pipeline-controls .btn{
  min-width:150px;
}

@media(max-width:1100px){
  .pipeline-controls{
    grid-template-columns:minmax(190px,1fr) repeat(2,auto);
  }
}
@media(max-width:720px){
  .panel-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:.55rem;
    padding-top:.85rem;
  }
  .panel-actions .btn{
    width:100%;
  }
  .pipeline-controls{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  .pipeline-controls .btn,
  .pipeline-controls select{
    width:100%;
  }
  .action-panel > p{
    line-height:1.58;
  }
}

/* =============================================================
   ROBERTO OBSERVABILITY COMMAND V1
   Grafana + Prometheus + Loki + Tempo responsive command system
   ============================================================= */
.status-dot{width:.6rem;height:.6rem;border-radius:50%;display:inline-block;background:var(--muted);box-shadow:0 0 0 4px color-mix(in srgb,var(--muted) 18%,transparent)}
.status-dot.ok{background:var(--green);box-shadow:0 0 12px color-mix(in srgb,var(--green) 70%,transparent)}
.status-dot.warn{background:var(--yellow);box-shadow:0 0 12px color-mix(in srgb,var(--yellow) 70%,transparent)}
.status-dot.bad{background:var(--red);box-shadow:0 0 12px color-mix(in srgb,var(--red) 70%,transparent)}
.wide-command-card{width:clamp(660px,55vw,860px)!important;max-width:calc(100vw - var(--nav-w) - clamp(3rem,8vw,8rem))!important}
.overview-grid,.metrics-layout,.logs-layout,.traces-layout,.alerts-layout,.source-layout{grid-template-columns:repeat(12,minmax(0,1fr))}
.full-span{grid-column:1/-1}.overview-grid>.kpi-card{grid-column:span 3}.metrics-layout>.metric-card{grid-column:span 3}.metrics-layout>.panel:not(.full-span){grid-column:span 6}.logs-layout>.panel,.alerts-layout>.panel,.source-layout>.panel{grid-column:span 6}.traces-layout>.panel{grid-column:span 6}
.status-banner{display:flex;justify-content:space-between;gap:1.2rem;align-items:center;border-left:5px solid var(--cyan)}
.status-banner h2{margin:.45rem 0 .2rem}.status-banner p{font:300 .75rem/1.6 var(--ui);color:var(--muted)}
.panel-actions{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}
.action-panel{display:flex;flex-direction:column;min-height:100%}
.hero-command-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.kpi-card,.metric-card{min-height:170px;display:flex;flex-direction:column;justify-content:space-between;border-top:4px solid var(--cyan)}
.kpi-card:nth-of-type(3),.metric-card:nth-of-type(3){border-top-color:var(--green)}.kpi-card:nth-of-type(4),.metric-card:nth-of-type(4){border-top-color:var(--yellow)}.kpi-card:nth-of-type(5),.metric-card:nth-of-type(5){border-top-color:var(--red)}
.kpi-card>span,.metric-card>span{font:600 .65rem var(--ui);letter-spacing:.2em;color:var(--muted)}
.kpi-card strong,.metric-card strong{font:400 clamp(3rem,5vw,5rem) var(--display);color:var(--cyan);line-height:.9}.kpi-card small,.metric-card small{font:300 .66rem var(--ui);color:var(--muted)}
.scikit-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.model-chip,.source-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--cyan);color:var(--cyan);padding:.28rem .55rem;font:600 .58rem var(--ui);letter-spacing:.12em;text-transform:uppercase}.model-chip.green{border-color:var(--green);color:var(--green)}.model-chip.yellow{border-color:var(--yellow);color:var(--yellow)}.model-chip.red{border-color:var(--red);color:var(--red)}.model-chip.blue{border-color:var(--blue);color:#7fa1ff}.model-chip.magenta{border-color:var(--magenta);color:#ff80ff}.source-chip{border-color:var(--line);color:var(--muted);white-space:nowrap}
.chart-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);background:rgba(0,0,0,.28)}.line-chart{display:block;min-width:800px;width:100%;height:auto}.chart-grid{stroke:color-mix(in srgb,var(--line) 80%,transparent);stroke-width:1}.chart-axis{fill:var(--muted);font:22px var(--mono)}.chart-line{fill:none;stroke:var(--cyan);stroke-width:4;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--cyan) 60%,transparent))}.chart-line.secondary{stroke:var(--yellow)}.chart-area{fill:url(#areaGradient);opacity:.34}.chart-dot{fill:var(--screen-bg);stroke:var(--cyan);stroke-width:3}.chart-label{fill:var(--fg);font:22px var(--mono)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.project-card{border:1px solid var(--line);background:rgba(0,0,0,.26);padding:1rem;display:flex;flex-direction:column;gap:.65rem;min-height:190px;position:relative}.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--muted)}.project-card.up:before{background:var(--green)}.project-card.down:before{background:var(--red)}.project-card.pending:before{background:var(--yellow)}.project-card h3{color:var(--yellow);font-size:1.35rem;text-transform:uppercase}.project-card a{font:600 .65rem var(--ui);color:var(--cyan);overflow-wrap:anywhere}.project-card p{font:300 .68rem/1.55 var(--ui);color:var(--muted)}.project-meta{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.project-meta div{border-top:1px solid var(--line);padding-top:.45rem}.project-meta span{display:block;color:var(--muted);font:.5rem var(--ui);text-transform:uppercase}.project-meta b{font-size:1.15rem;color:var(--fg)}
.toolbar-row{display:flex;gap:.7rem;align-items:end;flex-wrap:wrap}.toolbar-row label{display:grid;gap:.35rem;font:600 .55rem var(--ui);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.toolbar-row label.grow{flex:1;min-width:220px}.toolbar-row select,.toolbar-row input{min-height:38px;background:#020a17;color:var(--fg);border:1px solid var(--line);padding:.5rem .7rem;min-width:160px}.toolbar-row input{width:100%}.filters-wrap{align-items:end}
.query-list{display:grid;gap:.65rem}.query-item{border:1px solid var(--line);padding:.75rem;background:rgba(0,0,0,.28)}.query-item b{display:block;color:var(--yellow);margin-bottom:.35rem}.query-item code{display:block;color:var(--cyan);font:300 .68rem/1.5 var(--ui);overflow-wrap:anywhere}.query-item button{margin-top:.45rem;border:0;background:transparent;color:var(--muted);cursor:pointer;font:600 .55rem var(--ui)}
.rule-grid{display:grid;gap:.65rem}.rule-card{border-left:4px solid var(--yellow);background:rgba(0,0,0,.25);padding:.8rem}.rule-card.critical{border-left-color:var(--red)}.rule-card b{display:block;color:var(--fg);font-size:1.15rem}.rule-card span{color:var(--muted);font:300 .65rem/1.55 var(--ui)}
.bar-chart{height:210px;display:flex;align-items:end;gap:clamp(3px,.5vw,8px);padding:1rem;border:1px solid var(--line);background:linear-gradient(180deg,rgba(0,209,209,.035),rgba(0,0,0,.25));overflow-x:auto}.bar-col{min-width:18px;flex:1;max-width:52px;display:flex;flex-direction:column;justify-content:end;gap:2px;height:100%}.bar-segment{width:100%;min-height:1px}.bar-segment.info{background:var(--cyan)}.bar-segment.warn{background:var(--yellow)}.bar-segment.error{background:var(--red)}.bar-col small{color:var(--muted);font:.48rem var(--ui);text-align:center;white-space:nowrap}
.log-stream{display:grid;gap:2px;max-height:620px;overflow:auto;background:#000;padding:2px;border:1px solid var(--line)}.log-line{display:grid;grid-template-columns:150px 70px minmax(110px,170px) minmax(0,1fr) 150px;gap:.7rem;align-items:start;padding:.55rem .7rem;background:#000d22;border-left:3px solid var(--cyan);font:300 .67rem/1.45 var(--ui)}.log-line.WARN{border-left-color:var(--yellow)}.log-line.ERROR{border-left-color:var(--red)}.log-line time{color:var(--muted)}.log-line .level{font-weight:600;color:var(--cyan)}.log-line.WARN .level{color:var(--yellow)}.log-line.ERROR .level{color:var(--red)}.log-line .service{color:#9eb8ff}.log-line .message{color:var(--fg);overflow-wrap:anywhere}.log-line .trace{color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.service-graph{width:100%;min-height:420px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(0,209,209,.08),transparent 55%),#020815}.service-edge{stroke:var(--line);stroke-width:3}.service-node circle{fill:#00172b;stroke:var(--cyan);stroke-width:3}.service-node text{fill:var(--fg);font:18px var(--mono);text-anchor:middle}.service-node .sub{fill:var(--muted);font-size:14px}.service-node.bad circle{stroke:var(--red)}.service-node.warn circle{stroke:var(--yellow)}
.trace-list{display:grid;gap:.5rem;max-height:500px;overflow:auto}.trace-item{border:1px solid var(--line);padding:.75rem;background:rgba(0,0,0,.25);cursor:pointer;text-align:left;color:var(--fg)}.trace-item:hover,.trace-item.active{border-color:var(--cyan);background:rgba(0,209,209,.08)}.trace-item b{display:flex;justify-content:space-between;gap:.5rem;color:var(--yellow)}.trace-item span{display:block;font:300 .6rem/1.5 var(--ui);color:var(--muted);margin-top:.25rem}.trace-waterfall{display:grid;gap:.45rem;min-height:180px;overflow-x:auto}.span-row{display:grid;grid-template-columns:180px minmax(600px,1fr) 90px;gap:.7rem;align-items:center}.span-row b{font-size:1rem;color:var(--fg);overflow:hidden;text-overflow:ellipsis}.span-track{height:28px;background:#030a16;border:1px solid var(--line);position:relative}.span-bar{position:absolute;top:4px;bottom:4px;min-width:5px;background:linear-gradient(90deg,var(--cyan),var(--blue));box-shadow:0 0 10px rgba(0,209,209,.25)}.span-row.error .span-bar{background:linear-gradient(90deg,var(--red),var(--magenta))}.span-row small{color:var(--muted);text-align:right}
.command-table{width:100%;border-collapse:collapse;min-width:900px}.command-table th,.command-table td{padding:.7rem;border-bottom:1px solid var(--line);text-align:left}.command-table th{position:sticky;top:0;background:#001a30;color:var(--yellow);font:600 .58rem var(--ui);letter-spacing:.12em;text-transform:uppercase}.command-table td{font:300 .7rem/1.45 var(--ui);color:var(--fg)}.command-table tr:hover td{background:rgba(0,209,209,.05)}.status-pill{display:inline-flex;border:1px solid currentColor;padding:.2rem .42rem;font:600 .52rem var(--ui);text-transform:uppercase}.status-pill.ok{color:var(--green)}.status-pill.warn{color:var(--yellow)}.status-pill.bad{color:var(--red)}
.alert-list{display:grid;gap:.55rem;max-height:520px;overflow:auto}.alert-card{border-left:4px solid var(--yellow);padding:.8rem;background:rgba(0,0,0,.25)}.alert-card.critical{border-left-color:var(--red)}.alert-card.resolved{border-left-color:var(--green);opacity:.72}.alert-card b{display:flex;justify-content:space-between;color:var(--fg);gap:.5rem}.alert-card span{display:block;color:var(--muted);font:300 .64rem/1.55 var(--ui);margin-top:.3rem}.runbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.runbook-grid div{border:1px solid var(--line);padding:.9rem;background:rgba(0,0,0,.22)}.runbook-grid b{display:block;color:var(--yellow);margin-bottom:.45rem}.runbook-grid span{font:300 .64rem/1.55 var(--ui);color:var(--muted)}
.source-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.source-card{border:1px solid var(--line);padding:.9rem;background:rgba(0,0,0,.25);display:grid;gap:.4rem}.source-card b{color:var(--yellow);font-size:1.25rem}.source-card span,.source-card small{font:300 .62rem/1.5 var(--ui);color:var(--muted)}.source-card code{font:300 .52rem var(--ui);color:var(--cyan);overflow-wrap:anywhere}.chunk-list{display:grid;gap:.35rem;max-height:440px;overflow:auto}.chunk-list a{display:flex;justify-content:space-between;gap:1rem;padding:.55rem;border:1px solid var(--line);text-decoration:none;color:var(--cyan);font:300 .6rem var(--ui)}.tree-view{color:var(--muted);font:300 .72rem/1.6 var(--ui);white-space:pre-wrap}.endpoint-list{display:flex;gap:.55rem;flex-wrap:wrap}.endpoint-list a,.artifact-links a{border:1px solid var(--line);padding:.55rem;color:var(--cyan);text-decoration:none;font:300 .62rem var(--ui)}
.loading-panel.empty{display:grid;place-items:center;min-height:130px;text-align:center}.toast{position:fixed;right:1rem;bottom:calc(var(--footer-h) + 1rem);z-index:1000;background:#00142b;border:1px solid var(--cyan);color:var(--fg);padding:.75rem 1rem;max-width:min(420px,90vw);transform:translateY(30px);opacity:0;pointer-events:none;transition:.2s;font:300 .68rem/1.45 var(--ui)}.toast.show{transform:none;opacity:1}.toast[data-type="error"]{border-color:var(--red)}.toast[data-type="success"]{border-color:var(--green)}

/* Refine moving morph object for observability scenes */
.fallback-morph{background:radial-gradient(circle at 68% 25%,rgba(255,255,230,.98) 0 2%,rgba(255,255,210,.4) 3%,transparent 11%),radial-gradient(circle at 34% 60%,rgba(6,17,46,.92) 0 9%,transparent 31%),radial-gradient(circle at 68% 66%,rgba(0,64,94,.82),transparent 30%),radial-gradient(circle at 58% 43%,#e9ef00 0 18%,#15c6cf 48%,#152f61 78%,#050913 100%)}

@media(max-width:1180px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.runbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid>.kpi-card,.metrics-layout>.metric-card{grid-column:span 6}.metrics-layout>.panel:not(.full-span),.logs-layout>.panel,.traces-layout>.panel,.alerts-layout>.panel,.source-layout>.panel{grid-column:1/-1}}
@media(max-width:980px){.wide-command-card{width:min(94vw,760px)!important;max-width:none!important}.status-banner{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.overview-grid,.metrics-layout,.logs-layout,.traces-layout,.alerts-layout,.source-layout{display:block}.overview-grid>.panel,.metrics-layout>.panel,.logs-layout>.panel,.traces-layout>.panel,.alerts-layout>.panel,.source-layout>.panel{margin-bottom:.75rem}.project-grid,.source-card-grid,.runbook-grid{grid-template-columns:1fr}.kpi-card,.metric-card{min-height:145px}.log-line{grid-template-columns:90px 54px minmax(90px,120px) minmax(200px,1fr);min-width:700px}.log-line .trace{display:none}.toolbar-row{align-items:stretch}.toolbar-row label,.toolbar-row label.grow,.toolbar-row select{width:100%;min-width:0}.toolbar-row .btn{flex:1}.panel-actions .btn{width:100%;text-align:center}.scikit-head{flex-direction:column}.span-row{grid-template-columns:120px minmax(540px,1fr) 70px}.fastext-bar button:nth-child(5){display:none}}
@media(prefers-reduced-motion:reduce){.ticker-text,.masthead-cursor{animation:none!important}}

/* Database Systems extensions */
.db-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.full-span{grid-column:1/-1}.db-grid .panel{min-width:0}.diagram-scroll,.table-scroll{overflow:auto;max-width:100%;scrollbar-gutter:stable}.er-diagram{min-width:1200px;width:100%;height:auto;background:linear-gradient(180deg,rgba(0,209,209,.04),rgba(0,0,0,.08));border:1px solid var(--line)}.er-node rect{fill:rgba(0,13,34,.96);stroke:#b8ff1a;stroke-width:2}.er-node text{fill:#f5f1e8;font-family:var(--mono);font-size:20px}.er-node .title{fill:#00ffff;font-weight:700}.er-edge{fill:none;stroke:#00d1d1;stroke-width:2;stroke-dasharray:8 7;marker-end:url(#arrow)}.data-flow{display:flex;align-items:center;gap:14px;overflow:auto;padding:18px 0}.data-flow>div{min-width:220px;border:1px solid var(--line);padding:20px;background:rgba(0,13,34,.85)}.data-flow b,.data-flow span{display:block}.data-flow b{color:var(--yellow);font-size:1.2rem}.data-flow span{color:var(--muted);margin-top:8px}.data-flow i{color:var(--cyan);font-size:2rem}.command-list{margin:18px 0 0;padding-left:22px;color:var(--text);line-height:1.7}.command-list li::marker{color:var(--cyan)}.numbered li::marker{color:var(--yellow);font-weight:700}.card-actions{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap}.stack-cards{display:grid;gap:12px;margin:18px 0}.stack-cards>div{border-left:4px solid var(--cyan);background:rgba(0,209,209,.06);padding:15px}.stack-cards b,.stack-cards span{display:block}.stack-cards span{color:var(--muted);margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.form-grid label{display:grid;gap:6px;color:var(--muted)}.form-grid input,.rag-controls input,.rag-controls select{width:100%;background:#000b1c;color:var(--text);border:1px solid var(--line);padding:12px;font:inherit}.recommendation{border:1px solid var(--line);padding:18px;background:rgba(0,209,209,.05)}.recommendation span,.recommendation strong,.recommendation code{display:block}.recommendation strong{font-size:3rem;color:var(--yellow);margin:8px 0}.replica-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.replica-card{border:1px solid var(--line);padding:18px;background:rgba(0,13,34,.88)}.replica-card b,.replica-card span,.replica-card small{display:block}.replica-card b{color:var(--cyan);font-size:1.2rem}.replica-card span{margin:8px 0}.replica-card small{color:var(--muted)}.rag-controls{display:grid;grid-template-columns:minmax(0,1fr) 210px 90px auto;gap:10px;margin:18px 0}.rag-results{display:grid;gap:12px}.rag-result{border:1px solid var(--line);padding:16px;background:rgba(0,13,34,.9)}.rag-result header{display:flex;justify-content:space-between;gap:12px}.rag-result h3{color:var(--yellow)}.rag-result strong{color:var(--cyan)}.rag-result p{color:var(--muted);margin-top:8px;line-height:1.55}.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.source-card{border:1px solid var(--line);padding:16px;background:rgba(0,13,34,.88);min-width:0}.source-card b,.source-card span,.source-card small,.source-card code{display:block}.source-card b{color:var(--yellow)}.source-card span,.source-card small{color:var(--muted);margin-top:7px}.source-card code{margin-top:10px;overflow-wrap:anywhere;color:var(--cyan)}.chunk-list{display:grid;gap:8px;margin-top:18px}.chunk-list a{display:flex;justify-content:space-between;gap:15px;padding:12px;border:1px solid var(--line);color:var(--text);text-decoration:none}.chunk-list a:hover{border-color:var(--cyan)}table code{white-space:nowrap}.status-blueprint{color:var(--yellow)}.status-live{color:#79ff4d}.status-down{color:#ff5252}
@media(max-width:1100px){.replica-grid,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rag-controls{grid-template-columns:1fr 1fr}.rag-controls input{grid-column:1/-1}}
@media(max-width:760px){.db-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.form-grid,.replica-grid,.source-grid,.rag-controls{grid-template-columns:1fr}.rag-controls input{grid-column:auto}.data-flow{align-items:stretch}.data-flow i{align-self:center}.card-actions .btn,.panel-actions .btn{width:100%;text-align:center;justify-content:center}}