:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--bg:#050609;--ink:#f5f7ff;--muted:#939caf;--line:rgba(178,198,255,.16);--edge:rgba(129,165,255,.28);--pink:#ff2aa1;--blue:#3c78ff;--cyan:#67ddff;--panel:#0a0d16;--panel-hi:#151b2c;--panel-low:#04060b;--shadow:rgba(0,0,0,.72);--tilt-x:0deg;--tilt-y:0deg;--mx:50%;--my:50%}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg,#050609);max-width:100%;overflow-x:clip}body{margin:0;min-width:320px;background:radial-gradient(circle at 72% 18%,rgba(60,120,255,.08),transparent 31%),radial-gradient(circle at 18% 68%,rgba(255,42,161,.055),transparent 28%),var(--bg,#050609);color:var(--ink,#f5f7ff);overflow-x:clip}body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 82%);transform:perspective(800px) rotateX(58deg) translateY(22%);transform-origin:center bottom}#world{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;background:var(--bg,#050609);cursor:grab;touch-action:pan-y}#world.dragging{cursor:grabbing}#app{position:relative;z-index:2;pointer-events:none}.interactive,.interactive *{pointer-events:auto}.nav{position:fixed;top:14px;left:clamp(12px,2vw,28px);right:clamp(12px,2vw,28px);z-index:80;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,2.5vw,34px);border:1px solid rgba(169,195,255,.18);border-bottom-color:#344774ad;border-radius:14px;background:linear-gradient(180deg,#1d2439e6,#070910e8 74%),var(--panel,#0a0d16);box-shadow:0 1px #ffffff24 inset,0 -5px #03050a inset,0 7px #020308,0 18px 34px #0000006b;backdrop-filter:blur(22px) saturate(135%);transform:perspective(900px) rotateX(.7deg);transform-style:preserve-3d}.nav:after{content:"";position:absolute;left:10px;right:10px;bottom:-8px;height:8px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#111729,#03050a);transform:rotateX(-62deg);transform-origin:top;opacity:.9}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:13px;letter-spacing:.12em;font-weight:800;text-shadow:0 1px 0 #fff2,0 2px 0 #1b2540,0 4px 7px #000;transform:translateZ(9px)}.brand .dim{color:#8490aa}.brand-mark{display:inline-block;width:18px;height:18px;clip-path:polygon(50% 0,100% 90%,0 90%);background:linear-gradient(145deg,#79a1ff 0%,var(--blue,#3c78ff) 44%,var(--pink,#ff2aa1) 100%);filter:drop-shadow(0 4px 0 #11152a) drop-shadow(0 8px 10px rgba(24,62,180,.5));transform:translateZ(12px) rotateX(-7deg)}.nav-links{display:flex;gap:10px;transform-style:preserve-3d}.nav-links a{position:relative;padding:8px 12px 9px;border:1px solid rgba(167,190,255,.12);border-radius:8px;color:#aeb8cf;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.06em;background:linear-gradient(180deg,#1b2237b8,#07090fc7);box-shadow:0 2px #ffffff12 inset,0 -3px #03050a inset,0 4px #03050a,0 8px 13px #0006;transform:translateZ(8px);transition:transform .16s ease,filter .16s ease,color .16s ease}.nav-links a:hover{color:#fff;transform:translateY(-2px) translateZ(13px);filter:brightness(1.14)}.nav-links a.active{color:#fff;border-color:#7199ff6b;background:linear-gradient(180deg,#364c85d1,#0a0e19eb);box-shadow:0 2px #ffffff1f inset,0 -3px #03050a inset,0 4px #03050a,0 8px 18px #1f41a057}.nav-links a:active{transform:translateY(2px) translateZ(4px);box-shadow:0 1px #ffffff12 inset,0 -1px #03050a inset,0 2px #03050a}.icon-button{position:relative;width:34px;height:34px;border:1px solid rgba(183,202,255,.22);border-radius:9px;background:linear-gradient(155deg,#252d45,#0c101c 62%,#05070c);color:#e6ecfa;cursor:pointer;box-shadow:0 2px #ffffff16 inset,0 -4px #02040a inset,0 5px #020309,0 10px 20px #0008;text-shadow:0 2px 0 #10162b,0 4px 6px #000;transform:translateY(-2px) translateZ(12px);transition:transform .12s ease,box-shadow .12s ease}.icon-button:hover{transform:translateY(-4px) translateZ(16px)}.icon-button:active{transform:translateY(2px) translateZ(5px);box-shadow:0 1px #ffffff12 inset,0 -2px #02040a inset,0 2px #020309}.panel-section{min-height:100svh;perspective:1600px;padding:clamp(130px,17vh,200px) clamp(22px,8vw,130px) 76px;display:flex;flex-direction:column;justify-content:center;max-width:960px;transform-style:preserve-3d}.eyebrow,.index{display:inline-block;width:max-content;padding:8px 12px;border:1px solid rgba(132,160,230,.18);border-radius:7px;background:linear-gradient(180deg,#141b2ec2,#05080ed1);box-shadow:0 1px #ffffff12 inset,0 3px #03050b,0 8px 17px #0006;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#9ca9c4;text-shadow:0 1px 0 #000,0 3px 7px #000;transform:translateZ(18px)}.hero h1{position:relative;font-size:clamp(62px,9.5vw,148px);line-height:.82;letter-spacing:-.068em;margin:25px 0 34px;font-weight:800;transform-style:preserve-3d}.hero h1 .title-line{display:block;width:max-content;max-width:100%;color:#f8faff;text-shadow:1px 1px 0 #cdd9f6,2px 2px 0 #7d8caf,3px 3px 0 #46536f,4px 4px 0 #232d45,7px 9px 18px rgba(0,0,0,.68);transform:translateZ(54px) rotateX(-1deg);transform-origin:left center}.hero h1 .title-line-accent{margin-top:.045em;color:#a9c5ff;text-shadow:1px 1px 0 #d8e6ff,2px 2px 0 #7798e2,3px 3px 0 #4164b5,4px 4px 0 #213b79,7px 9px 18px rgba(0,0,0,.72),0 0 34px rgba(61,119,255,.24)}.lead{max-width:680px;color:#b2bad0;font-size:clamp(16px,1.5vw,21px);font-weight:520;line-height:1.58;margin:0;text-shadow:0 1px 0 #161d31,0 3px 5px rgba(0,0,0,.75);transform:translateZ(26px)}.actions{display:flex;gap:16px;margin-top:38px;align-items:center;transform-style:preserve-3d}button,.secondary{font:750 12px/1 ui-sans-serif,sans-serif;letter-spacing:.025em}.primary,.secondary{--face-y:-5px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:46px;border-radius:11px;transform-style:preserve-3d;transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s ease,filter .14s ease}.primary{gap:34px;padding:15px 17px 15px 19px;border:1px solid rgba(164,190,255,.42);color:#fff;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(255 255 255 / calc(var(--light-strength,0) * .22)),transparent 28%),linear-gradient(135deg,#477eff,#2958dd 45%,#a91f80);box-shadow:0 2px #ffffff3d inset,0 -5px #2a0d55b8 inset,0 6px #15172b,0 8px #070812,0 17px 31px #0000007a,0 7px 30px #3c78ff3d;text-shadow:0 1px 0 #819eff,0 3px 0 #202d69,0 5px 8px #0009;transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px) translateZ(20px);cursor:pointer}.primary:after,.secondary:after{content:"";position:absolute;z-index:-1;left:7px;right:7px;height:8px;bottom:-8px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#141931,#05060c);transform:rotateX(-58deg);transform-origin:top}.primary:hover{filter:brightness(1.12);transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px) translateZ(27px)}.primary:active{transform:perspective(700px) rotateX(0) rotateY(0) translateY(1px) translateZ(8px);box-shadow:0 1px #ffffff1f inset,0 -2px #2a0d55 inset,0 2px #101221,0 7px 12px #0007}.primary b{font-size:17px;text-shadow:0 2px 0 #1b2861,0 4px 6px #000}.secondary{padding:15px 19px;color:#d0d8e8;text-decoration:none;border:1px solid rgba(171,192,246,.2);background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(125 163 255 / calc(var(--light-strength,0) * .12)),transparent 34%),linear-gradient(180deg,#1b2236e6,#070910eb);box-shadow:0 2px #ffffff1a inset,0 -5px #03050a inset,0 6px #020309,0 15px 25px #0008;text-shadow:0 1px 0 #2e3851,0 3px 5px #000;transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px) translateZ(16px)}.secondary:hover{transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-8px) translateZ(24px);filter:brightness(1.12)}.secondary:active{transform:translateY(1px) translateZ(6px)}.hero-meta{display:flex;gap:14px;margin-top:38px;transform-style:preserve-3d}.hero-meta>span{display:flex;align-items:baseline;gap:6px;padding:9px 11px 10px;border:1px solid rgba(139,166,224,.14);border-radius:7px;background:linear-gradient(180deg,#111625c2,#05070cd1);box-shadow:0 1px #ffffff0d inset,0 -3px #020309 inset,0 4px #020308,0 9px 17px #0006;font:650 9px/1 ui-monospace,monospace;color:#6e7992;letter-spacing:.1em;transform:translateZ(14px) rotateX(-1deg)}.hero-meta b{color:#e6edff;font-size:11px;text-shadow:0 1px 0 #51628a,0 3px 5px #000}.orbit-hint{display:flex;align-items:center;gap:10px;width:max-content;max-width:min(520px,100%);margin-top:16px;padding:9px 12px 11px;border:1px solid rgba(139,166,224,.15);border-radius:8px;background:linear-gradient(180deg,#111727c7,#05070cdb);box-shadow:0 1px #ffffff0d inset,0 -3px #020309 inset,0 4px #020308,0 9px 18px #0006;color:#75819a;font:650 9px/1.25 ui-monospace,monospace;letter-spacing:.055em;text-shadow:0 2px 4px #000;transform:translateZ(15px)}.orbit-hint b{color:#dce7ff;font-size:9px;letter-spacing:.15em;text-shadow:1px 1px 0 #53617c,2px 2px 4px #000}.model-state{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;width:min(540px,100%);margin-top:13px;padding:10px 12px 13px;border:1px solid rgba(140,173,246,.18);border-radius:9px;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(68,115,255,.12),transparent 40%),linear-gradient(180deg,#141b2ee0,#05080ef0);box-shadow:0 1px #ffffff1a inset,0 -4px #02040a inset,0 5px #020309,0 13px 25px #00000080;color:#77849e;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;transform:perspective(800px) translateZ(18px) rotateX(-1deg);transform-style:preserve-3d}.model-state>span{color:#7987a3;text-shadow:0 2px 4px #000;white-space:nowrap}.model-state>b{min-width:74px;color:#dce8ff;font-size:9px;letter-spacing:.13em;text-align:center;text-shadow:1px 1px 0 #4c628f,2px 3px 5px #000;transform:translateZ(10px)}.model-state>i{position:relative;display:block;height:7px;min-width:80px;overflow:hidden;border:1px solid rgba(123,159,235,.2);border-radius:5px;background:linear-gradient(180deg,#02040a,#111a2e);box-shadow:0 2px 4px #000 inset,0 1px #ffffff12;transform:translateZ(8px)}.model-state>i:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.1) 14px 15px);pointer-events:none}.model-state em{display:block;width:100%;height:100%;background:linear-gradient(90deg,#356cff,#36d7ff 42%,#dc2ca1);box-shadow:0 0 14px #36aeff94,0 1px #ffffffa6 inset;transform:scaleX(1);transform-origin:left center;transition:transform .08s linear}.model-state>small{min-width:34px;color:#bfcce6;font:750 9px/1 ui-monospace,monospace;text-align:right;text-shadow:0 2px 4px #000}body[data-build-phase=seed] .model-state,body[data-build-phase=wireframe] .model-state{border-color:#468eff4d}body[data-build-phase=surface] .model-state,body[data-build-phase=material] .model-state{border-color:#4cdcff4d}body[data-build-phase=detail] .model-state,body[data-build-phase=live] .model-state{border-color:#ff42b047}.content-section{min-height:94svh;perspective:1600px;padding:120px clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(280px,650px) minmax(280px,520px);gap:clamp(50px,10vw,160px);align-items:center;transform-style:preserve-3d}.content-section.align-right{grid-template-columns:minmax(280px,430px) minmax(280px,650px)}.align-right .section-copy{grid-column:2}.align-right .metric-stack{grid-column:1;grid-row:1}.section-copy,.performance-card,.spec-grid article,.metric-stack>div,.diagnostics{--tilt-x:0deg;--tilt-y:0deg;transform-style:preserve-3d;backface-visibility:hidden}.section-copy{position:relative;padding:32px 34px 36px;border:1px solid rgba(150,177,241,.16);border-left-color:#6892ff85;border-radius:12px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(75 116 222 / calc(var(--light-strength,0) * .16)),transparent 37%),linear-gradient(145deg,#141a2bd1,#05070dd1 72%);box-shadow:0 2px #ffffff0c inset,0 -7px #03050a inset,8px 8px #03050adb,0 25px 55px #0008;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(24px);transition:transform .18s ease-out}.section-copy:before{content:"";position:absolute;top:9px;bottom:9px;left:-8px;width:8px;background:linear-gradient(90deg,#050814,#18284f);transform:rotateY(58deg);transform-origin:right;border-radius:6px 0 0 6px}.section-copy h2{font-size:clamp(46px,6vw,92px);line-height:.9;letter-spacing:-.055em;margin:24px 0 28px;color:#f3f6ff;text-shadow:0 1px 0 #fff8,0 2px 0 #8390ad,0 3px 0 #4d5a77,0 4px 0 #2b354d,0 7px 12px #000c;transform:translateZ(24px)}.section-copy p{max-width:610px;color:#9fa9bd;line-height:1.7;font-size:15px;text-shadow:0 1px 0 #172034,0 3px 5px #000b;transform:translateZ(13px)}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:transparent;border:0;overflow:visible;transform-style:preserve-3d}.spec-grid article{position:relative;min-height:150px;padding:24px;border:1px solid rgba(155,183,246,.17);border-radius:13px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(80 126 255 / calc(var(--light-strength,0) * .18)),transparent 35%),linear-gradient(150deg,#192034eb,#06080ef2 68%);box-shadow:0 2px #ffffff10 inset,0 -7px #03050a inset,7px 8px #020309,0 21px 38px #0009;display:flex;flex-direction:column;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(18px);transition:transform .16s ease-out,filter .16s ease-out}.spec-grid article:after{content:"";position:absolute;left:10px;right:10px;bottom:-9px;height:9px;border-radius:0 0 9px 9px;background:linear-gradient(180deg,#11172a,#03050a);transform:rotateX(-58deg);transform-origin:top}.spec-grid article:hover{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px) translateZ(30px);filter:brightness(1.1)}.spec-grid span{font:700 9px/1 ui-monospace,monospace;color:#7785a4;letter-spacing:.16em;text-shadow:0 2px 3px #000}.spec-grid b{margin-top:auto;font-size:18px;color:#f1f5ff;text-shadow:0 1px 0 #8190b3,0 2px 0 #44516f,0 4px 7px #000;transform:translateZ(17px)}.spec-grid small{color:#7d899f;margin-top:8px;text-shadow:0 2px 4px #000;transform:translateZ(10px)}.metric-stack{display:flex;flex-direction:column;gap:16px;background:transparent;overflow:visible;transform-style:preserve-3d}.metric-stack>div{position:relative;padding:25px 28px 30px;border:1px solid rgba(151,179,242,.16);border-radius:12px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(255 42 161 / calc(var(--light-strength,0) * .14)),transparent 35%),linear-gradient(145deg,#171d30eb,#05070df2);box-shadow:0 2px #ffffff0f inset,0 -7px #03050a inset,7px 8px #020309,0 18px 36px #0008;display:flex;align-items:baseline;justify-content:space-between;transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(18px);transition:transform .16s ease-out}.metric-stack>div:hover{transform:perspective(850px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-4px) translateZ(28px)}.metric-stack strong{font-size:34px;letter-spacing:-.04em;color:#f4f7ff;text-shadow:0 1px 0 #d6e2ff,0 2px 0 #7888ad,0 3px 0 #455270,0 5px 8px #000;transform:translateZ(17px)}.metric-stack span{color:#7f8ba3;font-size:12px;text-shadow:0 2px 4px #000;transform:translateZ(10px)}.performance-card{position:relative;padding:28px 29px 34px;border:1px solid rgba(160,188,255,.18);border-radius:14px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(66 115 255 / calc(var(--light-strength,0) * .18)),transparent 37%),linear-gradient(145deg,#171e32ed,#05070df5 72%);box-shadow:0 2px #ffffff10 inset,0 -8px #03050a inset,9px 9px #020309,0 28px 60px #000a;transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(24px);transition:transform .18s ease-out}.performance-card:after{content:"";position:absolute;left:13px;right:13px;bottom:-10px;height:10px;background:linear-gradient(180deg,#12192b,#03050a);border-radius:0 0 10px 10px;transform:rotateX(-60deg);transform-origin:top}.perf-line{display:flex;justify-content:space-between;padding:15px 0;color:#8995ad;font-size:12px;border-bottom:1px solid rgba(180,199,255,.07);text-shadow:0 2px 4px #000;transform:translateZ(10px)}.perf-line strong{font:750 12px/1 ui-monospace,monospace;color:#e6edff;text-shadow:0 1px 0 #63718e,0 3px 5px #000}.perf-line i{font-style:normal}.bar{height:8px;margin:18px 0 10px;border:1px solid rgba(153,180,244,.16);border-radius:6px;background:linear-gradient(180deg,#03050a,#11182a);box-shadow:0 2px 4px #000 inset,0 2px #ffffff08;overflow:hidden;transform:translateZ(12px)}.bar i{display:block;height:100%;background:linear-gradient(180deg,#8eb3ff 0%,var(--blue,#3c78ff) 45%,#923376 100%);box-shadow:0 1px #fff7 inset,0 0 12px #3c78ff8c;transform-origin:left;transition:transform .3s ease}.footer{min-height:150px;margin:0 clamp(12px,2vw,28px) 20px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,96px);border:1px solid rgba(150,178,239,.13);border-radius:14px;background:linear-gradient(180deg,#131827e0,#05070cf0);box-shadow:0 2px #ffffff0d inset,0 -7px #020309 inset,0 8px #020308,0 22px 44px #0008;backdrop-filter:blur(18px);font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em;color:#78839a;transform:translateZ(20px) rotateX(.6deg)}.footer div{display:flex;align-items:center;gap:12px;color:#d5dceb;text-shadow:0 1px 0 #50607d,0 3px 5px #000}.footer>span{text-shadow:0 2px 4px #000}.diagnostics{position:fixed;right:24px;top:88px;width:min(440px,calc(100vw - 48px));z-index:30;max-height:calc(100svh - 112px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:20px 20px 22px;border:1px solid rgba(167,194,255,.24);border-radius:14px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(68 111 218 / calc(var(--light-strength,0) * .18)),transparent 35%),linear-gradient(145deg,#192034f7,#05070cfa);backdrop-filter:none;box-shadow:0 2px #ffffff14 inset,0 -8px #03050a inset,9px 10px #020309,0 30px 70px #000c;opacity:0;visibility:hidden;pointer-events:none;contain:layout paint style;transform:translate(calc(100% + 60px));transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.diagnostics.open{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:none}.diagnostics header{display:flex;align-items:center;justify-content:space-between;font:800 10px/1 ui-monospace,monospace;letter-spacing:.12em;text-shadow:0 2px 4px #000;transform:translateZ(16px)}.diagnostics header button{width:29px;height:29px;border:1px solid rgba(170,195,255,.17);border-radius:7px;background:linear-gradient(180deg,#252e46,#090c15);color:#d7dff0;box-shadow:0 2px #ffffff10 inset,0 -3px #03050a inset,0 4px #020309;font-size:17px;cursor:pointer;transform:translateY(-2px) translateZ(13px)}.diagnostics header button:active{transform:translateY(1px) translateZ(5px)}.diagnostics dl{margin:18px 0;transform-style:preserve-3d}.diagnostics dl div{display:flex;justify-content:space-between;padding:11px 10px 12px;margin:8px 0;border:1px solid rgba(145,172,232,.09);border-radius:7px;background:linear-gradient(180deg,#121827d1,#07090fe6);box-shadow:0 1px #ffffff08 inset,0 -2px #03050a inset,0 3px #020309;transform:translateZ(9px)}.diagnostics dt{color:#7c879e;font-size:11px;text-shadow:0 2px 4px #000}.diagnostics dd{margin:0;font:700 10px/1.2 ui-monospace,monospace;color:#e4ebfb;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 0 #52617f,0 3px 5px #000}.diagnostics small{color:#667188;font-size:9px;text-shadow:0 2px 4px #000;transform:translateZ(8px);display:block}.fallback{position:fixed;z-index:100;bottom:18px;left:18px;right:18px;padding:14px 16px 17px;border:1px solid rgba(181,196,235,.2);border-radius:10px;background:linear-gradient(180deg,#20263a,#0a0d17);box-shadow:0 2px #ffffff10 inset,0 -5px #03050a inset,0 6px #020309,0 15px 30px #0009;font-size:12px;text-shadow:0 2px 4px #000;transform:translateZ(40px)}body:not(.ready) .hero{opacity:0;transform:translateY(8px) translateZ(-12px)}body.ready .hero{transition:opacity .7s ease,transform .7s ease;opacity:1;transform:none}@media(max-width:820px){.panel-section,.content-section{overflow-x:clip}.content-section>*{min-width:0}.section-copy,.spec-grid,.metric-stack,.performance-card{width:calc(100% - 16px);max-width:calc(100% - 16px);justify-self:start}.nav{top:8px;left:8px;right:8px;height:52px;max-width:calc(100vw - 16px);padding:0 10px;gap:7px}.brand{gap:7px;flex:0 0 auto}.brand-label{font-size:10px}.nav-links{display:flex;gap:4px;min-width:0;max-width:calc(100vw - 138px);overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:0 0 auto;padding:7px 8px 8px;font-size:9px;white-space:nowrap}.panel-section{padding:110px 20px 66px;min-height:100svh}.hero h1{font-size:clamp(58px,19vw,96px)}.hero h1 .title-line{width:100%;max-width:calc(100vw - 40px);transform:translateZ(30px);text-shadow:1px 1px 0 #b7c5e5,2px 2px 0 #667797,3px 3px 0 #354158,5px 6px 10px #000b}.lead{font-size:15px;max-width:94%}.hero-meta{gap:10px;flex-wrap:wrap}.model-state{grid-template-columns:auto auto 1fr auto;gap:7px;width:calc(100% - 4px)}.model-state>span{font-size:8px}.content-section,.content-section.align-right{grid-template-columns:1fr;gap:34px;min-height:auto;padding:100px 20px}.align-right .section-copy,.align-right .metric-stack{grid-column:auto;grid-row:auto}.section-copy{padding:25px 22px 30px;transform:translateZ(12px)}.section-copy h2{font-size:clamp(48px,14vw,72px)}.spec-grid{grid-template-columns:1fr 1fr;gap:12px}.spec-grid article{min-height:126px;padding:19px;transform:translateZ(10px)}.metric-stack>div{transform:translateZ(10px)}.performance-card{transform:translateZ(12px)}.footer{min-height:115px;margin:0 10px 14px;padding:0 20px}.diagnostics{right:14px;top:76px;width:min(440px,calc(100vw - 28px))}}@media(max-width:700px){.diagnostics{left:12px;right:auto;width:calc(100dvw - 24px);max-width:none;box-sizing:border-box}.diagnostics:not(.open){transform:translate(calc(100dvw + 24px))}.diagnostics.open{transform:translate(0)}}@media(max-width:470px){.brand-label{display:none}.model-state{grid-template-columns:auto 1fr auto}.model-state>span{display:none}.nav-links{max-width:calc(100vw - 88px)}.actions{align-items:stretch;flex-direction:column;gap:14px}.primary,.secondary{justify-content:space-between}.hero-meta{font-size:9px}.spec-grid{grid-template-columns:1fr}.metric-stack strong{font-size:28px}.footer{align-items:flex-start;justify-content:center;gap:15px;flex-direction:column;padding-block:24px}}@media(hover:none),(pointer:coarse){.section-copy,.spec-grid article,.metric-stack>div,.performance-card{--tilt-x:-1deg;--tilt-y:0deg}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.section-copy,.spec-grid article,.metric-stack>div,.performance-card,.primary,.secondary,.diagnostics{--tilt-x:0deg!important;--tilt-y:0deg!important}}:root{--chaoz-ui-bg:#050609;--chaoz-ui-panel:#0a0d16;--chaoz-ui-edge:rgba(129,165,255,.28);--chaoz-ui-ink:#f5f7ff;--chaoz-ui-muted:#939caf}[data-spatial],.section-copy,.spec-grid article,.metric-stack>div,.performance-card,.primary,.secondary,.diagnostics{--light-x:50%;--light-y:50%;--light-strength:0}[data-spatial]:hover,[data-spatial]:focus-within,.section-copy:hover,.spec-grid article:hover,.metric-stack>div:hover,.performance-card:hover,.primary:hover,.secondary:hover{will-change:transform}[data-spatial],.route-page button,.route-page select,.route-page input{pointer-events:auto}.route-view{position:relative;z-index:3;min-height:100svh;pointer-events:none}.route-page{width:min(1480px,100%);min-height:100svh;margin:0 auto;padding:116px clamp(20px,4.6vw,74px) 86px;pointer-events:none;perspective:1600px}.route-page>*{pointer-events:auto}.route-header{position:relative;max-width:900px;padding:32px 36px 38px;margin:0 0 38px;border:1px solid rgba(155,184,255,.2);border-radius:16px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(80 128 255 / calc(var(--light-strength,0) * .16)),transparent 34%),linear-gradient(145deg,#171e32e8,#05080feb 76%);box-shadow:0 2px #ffffff10 inset,0 -8px #03050a inset,10px 10px #020309,0 32px 70px #0008;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(28px);transform-style:preserve-3d;transition:transform .16s ease-out}.route-header:after{content:"";position:absolute;left:14px;right:14px;bottom:-11px;height:11px;border-radius:0 0 11px 11px;background:linear-gradient(180deg,#151d32,#03050a);transform:rotateX(-59deg);transform-origin:top}.route-kicker,.tile-eyebrow{color:#7f91b7;font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-shadow:0 2px 4px #000}.route-header h1{max-width:920px;margin:18px 0 20px;font-size:clamp(46px,6vw,88px);line-height:.92;letter-spacing:-.055em;text-shadow:1px 1px 0 #c8d6f4,2px 2px 0 #7a8aad,3px 3px 0 #3f4c69,6px 8px 16px #000c;transform:translateZ(24px)}.route-header p{max-width:760px;margin:0;color:#9ca8bd;line-height:1.68;font-size:15px;transform:translateZ(13px)}.tile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:15px 17px 19px;border:1px solid rgba(148,179,244,.16);border-radius:11px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(79 125 255 / calc(var(--light-strength,0) * .12)),transparent 32%),linear-gradient(180deg,#121828e6,#06080ef0);box-shadow:0 1px #ffffff0d inset,0 -5px #03050a inset,0 6px #020309,0 16px 28px #0007;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(15px)}.tile-toolbar>div:first-child{display:flex;flex-direction:column;gap:5px}.tile-toolbar b{font-size:11px;letter-spacing:.08em}.tile-toolbar span{color:#6f7b94;font-size:10px}.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.tile-grid{--tile-min:250px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--tile-min,250px),100%),1fr));gap:18px;align-items:stretch;margin-bottom:34px}.route-view[data-density=compact] .tile-grid{--tile-min:205px;gap:11px}.route-view[data-density=dense] .tile-grid{--tile-min:165px;gap:8px}.spatial-tile{position:relative;isolation:isolate;overflow:visible;border:1px solid rgba(153,184,250,.17);border-radius:14px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(115 155 255 / calc(var(--light-strength,0) * .18)),transparent 31%),linear-gradient(145deg,#171e32f0,#05080ef7 72%);box-shadow:0 2px #ffffff0f inset,0 -7px #03050a inset,7px 8px #020309,0 20px 42px #0008;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(17px);transform-style:preserve-3d;transition:transform .15s ease-out,border-color .15s ease,filter .15s ease}.spatial-tile:after{content:"";position:absolute;z-index:-1;left:11px;right:11px;bottom:-9px;height:9px;border-radius:0 0 9px 9px;background:linear-gradient(180deg,#131a2d,#03050a);transform:rotateX(-58deg);transform-origin:top}.spatial-tile:hover{border-color:#7ba4ff57;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-3px) translateZ(24px)}.micro-button{border:1px solid rgba(157,185,247,.16);border-radius:8px;padding:9px 11px 11px;color:#adb9d0;background:linear-gradient(180deg,#202941,#090d17);box-shadow:0 1px #ffffff0d inset,0 -3px #03050a inset,0 4px #020309;font:720 10px/1 ui-sans-serif,sans-serif;cursor:pointer;transition:transform .12s ease,filter .12s ease,border-color .12s ease}.micro-button:hover,.micro-button.active{color:#fff;border-color:#6697ff5c;filter:brightness(1.12);transform:translateY(-1px)}.micro-button:active{transform:translateY(2px);box-shadow:0 1px #ffffff08 inset,0 -1px #03050a inset,0 1px #020309}.model-card{min-height:330px;padding:18px 18px 22px;display:flex;flex-direction:column}.model-card.selected{border-color:#4ed9ff80;box-shadow:0 2px #ffffff10 inset,0 -7px #03050a inset,7px 8px #020309,0 0 38px #33abff26}.model-preview{position:relative;height:146px;margin-bottom:18px;overflow:hidden;border-radius:10px;border:1px solid rgba(135,166,229,.13);background:linear-gradient(rgba(105,145,230,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(105,145,230,.055) 1px,transparent 1px),radial-gradient(circle at 50% 42%,rgba(45,111,255,.16),transparent 42%),#050812;background-size:18px 18px,18px 18px,auto,auto;box-shadow:0 4px 12px #000 inset,0 1px #ffffff08;perspective:500px}.model-preview:after{content:"";position:absolute;left:10%;right:10%;bottom:13%;height:1px;background:linear-gradient(90deg,transparent,#4a79d8,transparent);box-shadow:0 0 10px #3268d8}.model-preview i{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px;border:1px solid rgba(80,189,255,.75);box-shadow:0 0 13px #32a1ff3b inset,0 0 10px #32a1ff29;transform-style:preserve-3d}.model-preview i:nth-child(1){transform:rotateX(62deg) rotate(45deg)}.model-preview i:nth-child(2){transform:rotateY(58deg) rotate(45deg)}.model-preview i:nth-child(3){transform:rotateX(42deg) rotateY(48deg) rotate(10deg) scale(.65)}.model-preview span{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#75dfff;box-shadow:0 0 18px #49caff;transform:translate(-50%,-50%)}.model-preview-1 i{border-radius:50%}.model-preview-2 i:nth-child(3){border-radius:50%}.model-preview-3 i{width:86px;height:42px;margin:-21px -43px;border-radius:50%}.model-preview-4 i{transform:rotateY(65deg) rotate(18deg) scaleX(.45)}.model-preview-5 i{border-radius:50%;transform:rotateX(72deg) rotate(14deg)}.model-card-head{display:flex;justify-content:space-between;gap:12px;font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em;color:#74819b}.model-card-head b{color:#62d9c0}.model-card h3{margin:11px 0 16px;font-size:19px;text-shadow:0 1px 0 #7183a5,0 3px 6px #000}.model-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.model-meta span{padding:9px;border:1px solid rgba(144,172,234,.08);border-radius:7px;background:#05080e8f;color:#69758c;font-size:9px}.model-meta b{display:block;margin-bottom:4px;color:#cad6ed;font:700 11px/1 ui-monospace,monospace}.model-card .micro-button{margin-top:auto;width:100%;display:flex;justify-content:space-between}.layered-panel{position:relative;min-height:260px;margin:42px 0 8px;padding:34px 38px;border:1px solid rgba(161,190,255,.2);border-radius:16px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(90 139 255 / calc(var(--light-strength,0) * .16)),transparent 34%),linear-gradient(145deg,#151c2ff2,#05070df7);box-shadow:0 2px #ffffff10 inset,0 -9px #03050a inset,10px 11px #020309,0 32px 68px #0009;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(24px);transform-style:preserve-3d}.panel-layer{position:absolute;inset:14px;border:1px solid rgba(95,136,225,.16);border-radius:13px;pointer-events:none}.panel-layer-a{transform:translateZ(-20px) translate(13px,13px);background:#0a0e1975}.panel-layer-b{transform:translateZ(-38px) translate(24px,24px);background:#04060b9e}.layered-content{position:relative;z-index:2;max-width:900px;transform:translateZ(20px)}.layered-content h2{font-size:clamp(32px,4vw,58px);letter-spacing:-.045em;margin:14px 0 18px;text-shadow:1px 1px 0 #9cadd2,2px 2px 0 #53627e,5px 7px 14px #000}.layered-content p{color:#939fb5;line-height:1.7;max-width:760px}.inspector-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-demo{min-height:250px;padding:24px 25px 30px}.component-demo h3{margin:12px 0 22px;font-size:24px;text-shadow:0 1px 0 #8392b2,0 3px 7px #000}.demo-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.status-cluster{display:flex;gap:8px;flex-wrap:wrap}.status-pill{padding:9px 11px;border:1px solid rgba(121,153,219,.14);border-radius:99px;background:linear-gradient(180deg,#171e30,#080b13);box-shadow:0 1px #ffffff0a inset,0 3px #020309;color:#9ca9bf;font:700 9px/1 ui-monospace,monospace}.status-pill.good{color:#71e0bd;border-color:#50c99f35}.status-pill.warn{color:#f3b66c;border-color:#e3984938}.field-shell{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;color:#7f8ba2;font-size:10px}.field-shell select{appearance:none;border:1px solid rgba(145,174,236,.16);border-radius:8px;background:linear-gradient(180deg,#151c2e,#070a12);color:#d9e2f5;padding:11px 12px;box-shadow:0 2px 4px #000 inset,0 3px #020309}.toggle-row{display:flex;justify-content:space-between;align-items:center;color:#9ba7ba;font-size:11px}.toggle-row input{accent-color:#5487ff}.ui-progress{padding:13px 14px 16px;border:1px solid rgba(145,175,238,.1);border-radius:9px;background:#04070c8c;box-shadow:0 1px #ffffff07 inset,0 3px #020309}.ui-progress+.ui-progress{margin-top:12px}.ui-progress-head{display:flex;justify-content:space-between;margin-bottom:9px;color:#8e9ab1;font-size:10px}.ui-progress-head b{color:#dfe8fb;font:750 10px/1 ui-monospace,monospace}.ui-progress-track{position:relative;height:12px;overflow:hidden;border:1px solid rgba(142,172,233,.15);border-radius:7px;background:linear-gradient(180deg,#020409,#0d1424);box-shadow:0 3px 5px #000 inset,0 1px #ffffff08}.ui-progress-fill{position:absolute;inset:1px;border-radius:5px;background:linear-gradient(180deg,#8db6ff,#3e75f1 55%,#274b9c);box-shadow:0 1px #ffffff8c inset,0 0 12px #3c78ff61;transform:scaleX(var(--progress,0));transform-origin:left center;transition:transform .25s ease;will-change:transform}.ui-progress-magenta{background:linear-gradient(180deg,#ff8ed5,#d9349f 55%,#782158)}.ui-progress-cyan{background:linear-gradient(180deg,#8df4ff,#31bcd1 55%,#176575)}.ui-progress-scan{position:absolute;top:1px;bottom:1px;width:22%;left:-25%;background:linear-gradient(90deg,transparent,#ffffff35,transparent);animation:meter-scan 2.2s linear infinite}.ui-progress small{display:block;margin-top:8px;color:#657189;font-size:9px}@keyframes meter-scan{to{left:110%}}.segment-meter{padding:13px 14px 16px;margin-top:12px;border:1px solid rgba(145,175,238,.1);border-radius:9px;background:#04070c8c;box-shadow:0 1px #ffffff07 inset,0 3px #020309}.segment-meter header{display:flex;justify-content:space-between;margin-bottom:10px;color:#8e9ab1;font-size:10px}.segment-meter header b{font:750 10px/1 ui-monospace,monospace;color:#dfe8fb}.segment-row{display:flex;gap:4px}.segment-row i{height:9px;flex:1;border-radius:3px;background:linear-gradient(180deg,#0f1625,#050811);box-shadow:0 1px 2px #000 inset}.segment-row i.active{background:linear-gradient(180deg,#8eeaff,#3b8fff 58%,#2450a6);box-shadow:0 1px #ffffff70 inset,0 0 7px #327bff55}.metric-tile{min-height:220px;padding:22px 23px 28px;display:flex;flex-direction:column}.metric-tile strong{margin-top:18px;font-size:clamp(32px,4vw,52px);letter-spacing:-.045em;text-shadow:1px 1px 0 #a4b5d8,2px 2px 0 #586984,5px 7px 13px #000}.metric-tile small{color:#748098;margin-top:4px}.sparkline{width:100%;height:64px;margin-top:auto;overflow:visible}.sparkline polyline{fill:none;stroke:#5a97ff;stroke-width:1.5;filter:drop-shadow(0 0 3px #367cff88)}.mini-bars{height:65px;margin-top:auto;display:flex;align-items:flex-end;gap:5px}.mini-bars i{flex:1;height:calc(var(--bar,.5) * 100%);min-height:4px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#70dcff,#3c78ff 65%,#23438f);box-shadow:0 1px #fff5 inset,0 0 7px #397bff38}.graph-panel{padding:26px 28px 30px;margin-top:8px}.graph-panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.graph-panel h2{margin:8px 0 0;font-size:clamp(24px,3vw,40px)}.graph-panel header>b{padding:9px 11px;border:1px solid rgba(118,163,255,.16);border-radius:8px;background:#080d18;color:#9fd6ff;font:750 10px/1 ui-monospace,monospace;box-shadow:0 3px #020309}.main-chart{width:100%;height:280px;margin:24px 0 8px;overflow:visible}.chart-grid line{stroke:#6682bd18;stroke-width:1}.main-chart polyline{fill:none;stroke:#52b7ff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #318dff88)}.graph-footer{display:flex;justify-content:space-between;gap:20px;color:#67758e;font-size:9px}.graph-footer span:first-child{display:flex;align-items:center;gap:7px}.graph-footer i{width:7px;height:7px;border-radius:50%;background:#52b7ff;box-shadow:0 0 8px #52b7ff}.systems-grid .span-2{grid-column:span 2}.system-tile{min-height:190px;padding:22px 23px 27px;display:flex;flex-direction:column}.system-tile h3{margin:13px 0 20px;font-size:20px}.system-tile>strong{margin-top:auto;font-size:29px;text-shadow:1px 1px 0 #8da0c4,2px 2px 0 #4d5b74,5px 6px 11px #000}.system-tile>small{color:#707c92;margin-top:6px}@media(max-width:900px){.route-page{padding:100px 20px 70px}.route-header{padding:26px 24px 31px}.component-grid,.inspector-stats{grid-template-columns:1fr}.systems-grid .span-2{grid-column:span 1}}@media(max-width:600px){.route-page{padding:90px 16px 58px;overflow-x:clip}.route-header{padding:22px 18px 27px}.route-header h1{font-size:clamp(42px,14vw,64px)}.tile-toolbar{align-items:flex-start;flex-direction:column}.toolbar-actions{justify-content:flex-start}.tile-grid,.route-view[data-density=compact] .tile-grid,.route-view[data-density=dense] .tile-grid{--tile-min:100%;gap:14px}.layered-panel{padding:27px 20px;min-height:230px}.graph-panel{padding:22px 18px 26px}.main-chart{height:210px}.graph-footer{flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){.ui-progress-scan{animation:none;display:none}}.primary,.secondary{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;min-height:42px;border-radius:10px;transform-style:preserve-3d;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.primary{gap:24px;padding:13px 16px 14px;border:1px solid rgba(164,190,255,.42);color:#fff;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(255 255 255 / calc(var(--light-strength,0) * .22)),transparent 28%),linear-gradient(135deg,#477eff,#2958dd 48%,#a91f80);box-shadow:0 2px #ffffff3d inset,0 -5px #2a0d55b8 inset,0 6px #15172b,0 12px 24px #0008}.secondary{padding:13px 16px 14px;color:#d0d8e8;text-decoration:none;border:1px solid rgba(171,192,246,.2);background:linear-gradient(180deg,#1b2236f0,#070910f5);box-shadow:0 2px #ffffff1a inset,0 -5px #03050a inset,0 6px #020309,0 12px 22px #0008}.route-components{max-width:1600px}.component-toolbar{align-items:flex-start}.toolbar-stack{display:flex;flex-direction:column;gap:9px;align-items:flex-end}.component-filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.catalog-summary{margin:0 0 34px}.component-family{margin:0 0 58px;content-visibility:auto;contain-intrinsic-size:740px}.component-family[hidden]{display:none}.family-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:18px;margin:0 0 20px;padding:0 4px 13px;border-bottom:1px solid rgba(138,169,231,.12)}.family-header>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(133,166,235,.16);border-radius:8px;background:linear-gradient(180deg,#171e31,#080b13);box-shadow:0 3px #020309;color:#8da4d2;font:750 9px/1 ui-monospace,monospace}.family-header h2{margin:0 0 6px;font-size:clamp(25px,3vw,38px);letter-spacing:-.035em}.family-header p{margin:0;max-width:760px;color:#77849b;font-size:12px;line-height:1.5}.family-header>b{color:#596883;font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em}.component-catalog-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.component-catalog-grid .component-demo{grid-column:span 4}.component-catalog-grid .comp-span-2{grid-column:span 8}.component-catalog-grid .comp-span-3{grid-column:1/-1}.route-view[data-density=compact] .component-catalog-grid{gap:11px}.route-view[data-density=compact] .component-catalog-grid .component-demo{grid-column:span 3}.route-view[data-density=compact] .component-catalog-grid .comp-span-2{grid-column:span 6}.route-view[data-density=compact] .component-catalog-grid .comp-span-3{grid-column:span 12}.route-view[data-density=dense] .component-catalog-grid{gap:8px}.route-view[data-density=dense] .component-catalog-grid .component-demo{grid-column:span 2}.route-view[data-density=dense] .component-catalog-grid .comp-span-2{grid-column:span 4}.route-view[data-density=dense] .component-catalog-grid .comp-span-3{grid-column:span 6}.component-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.component-card-head>b{color:#52627e;font:700 8px/1 ui-monospace,monospace;letter-spacing:.12em}.component-body{display:flex;flex-direction:column;gap:12px;min-height:0}.component-scale-panel{margin-top:24px}.stat-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-matrix>div{min-height:76px;padding:12px;border:1px solid rgba(142,171,233,.09);border-radius:8px;background:linear-gradient(180deg,#0e1320d6,#05070ce6);box-shadow:0 1px #ffffff07 inset,0 3px #020309;display:flex;flex-direction:column;gap:5px}.stat-matrix span{color:#66748f;font:700 8px/1 ui-monospace,monospace;letter-spacing:.11em}.stat-matrix b{color:#e6edfc;font-size:20px;letter-spacing:-.03em}.stat-matrix small{color:#5fceae;font:700 8px/1 ui-monospace,monospace}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-chart-row{display:grid;grid-template-columns:54px minmax(0,1fr) 30px;gap:9px;align-items:center}.bar-chart-row>span{color:#70809d;font:700 8px/1 ui-monospace,monospace}.bar-chart-row>i{height:10px;overflow:hidden;border:1px solid rgba(133,164,228,.13);border-radius:5px;background:#040711;box-shadow:0 2px 4px #000 inset}.bar-chart-row em{display:block;width:100%;height:100%;background:linear-gradient(90deg,#315cff,#4bd4ff 62%,#bb3b9b);box-shadow:0 1px #ffffff5c inset,0 0 10px #448cff4a;transform:scaleX(var(--bar,.5));transform-origin:left}.bar-chart-row>b{color:#afbdd6;font:700 9px/1 ui-monospace,monospace;text-align:right}.bar-chart-compact{gap:7px}.bar-chart-compact .bar-chart-row{grid-template-columns:42px minmax(0,1fr) 26px}.stack-chart{display:flex;flex-direction:column;gap:10px}.stack-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center}.stack-row>span{color:#70809d;font:700 8px/1 ui-monospace,monospace}.stack-row>i{height:13px;display:flex;overflow:hidden;border-radius:5px;background:#050812;box-shadow:0 2px 4px #000 inset}.stack-row em{display:block;flex:0 0 calc(var(--seg,0) * 100%);height:100%;box-shadow:0 1px #fff4 inset}.stack-0{background:#3f7cff}.stack-1{background:#31bfd6}.stack-2{background:#b83c9a}.stack-3{background:#8c69ff}.radial-gauge{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:110px}.radial-ring{--gauge-angle:calc(var(--gauge,0) * 360deg);position:relative;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#5de1ff 0 var(--gauge-angle,0deg),#1f376f var(--gauge-angle,0deg) calc(var(--gauge-angle,0deg) + 10deg),#0b1020 0);box-shadow:0 0 22px #398dff26,0 3px 9px #000}.radial-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:linear-gradient(145deg,#12192b,#050710);box-shadow:0 3px 10px #000 inset}.radial-ring strong,.radial-ring span{position:relative;z-index:1;grid-area:1/1}.radial-ring strong{font-size:22px;transform:translateY(-8px);text-shadow:0 2px 5px #000}.radial-ring span{color:#72809a;font:700 8px/1 ui-monospace,monospace;transform:translateY(16px)}.radial-gauge>small{color:#64718a;font-size:9px}.gauge-pair{display:flex;justify-content:space-around;gap:16px;flex-wrap:wrap}.heatmap{display:grid;grid-template-columns:repeat(var(--heat-cols,8),1fr);gap:4px}.heatmap i{aspect-ratio:1;border-radius:3px;background:color-mix(in srgb,#54d9ff calc(var(--heat,.2) * 100%),#0a1020);box-shadow:0 1px #ffffff12 inset}.waveform{height:88px;display:flex;align-items:center;gap:3px;padding:0 4px}.waveform i{flex:1;height:calc(var(--wave,.2) * 100%);min-height:5px;border-radius:2px;background:linear-gradient(180deg,#62e5ff,#467dff 60%,#8b327e);box-shadow:0 0 5px #4c8fff3d}.activity-list{display:flex;flex-direction:column;gap:6px}.activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(137,167,230,.08);border-radius:8px;background:#05080e8c}.activity-row>i{width:7px;height:7px;border-radius:50%;background:#63728f;box-shadow:0 0 8px currentColor}.activity-row>i.good{background:#55d8ae}.activity-row>i.warn{background:#e4a455}.activity-row span{display:flex;flex-direction:column;gap:3px}.activity-row b{font-size:10px;color:#c7d2e8}.activity-row small{color:#66738b;font-size:8px}.activity-row>em{font-style:normal;color:#5f7090}.ui-timeline{position:relative;display:flex;flex-direction:column;gap:0;padding-left:4px}.timeline-row{position:relative;display:grid;grid-template-columns:16px minmax(0,1fr);gap:9px;min-height:48px}.timeline-row:after{content:"";position:absolute;left:5px;top:14px;bottom:-4px;width:1px;background:#314260}.timeline-row:last-child:after{display:none}.timeline-row>i{width:11px;height:11px;margin-top:2px;border:2px solid #526786;border-radius:50%;background:#090d16;z-index:1}.timeline-row.active>i{border-color:#64ddff;background:#347fff;box-shadow:0 0 10px #347fff}.timeline-row span{display:flex;flex-direction:column;gap:3px}.timeline-row b{font-size:10px;color:#bfcae0}.timeline-row small{color:#65728a;font-size:8px}.seg-control{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:3px;padding:4px;border:1px solid rgba(145,174,235,.13);border-radius:9px;background:#050812;box-shadow:0 2px 5px #000 inset}.seg-control button,.tab-strip button,.mini-rail button,.micro-actions button,.pagination button,.command-strip button,.stepper button{border:0;border-radius:6px;background:transparent;color:#75839d;padding:9px;font:700 9px/1 ui-sans-serif,sans-serif;cursor:pointer}.seg-control button.active,.tab-strip button.active,.mini-rail button.active,.pagination button.active{color:#eef4ff;background:linear-gradient(180deg,#24365d,#11182a);box-shadow:0 1px #ffffff16 inset,0 2px #020309}.toggle-matrix{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-matrix label{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid rgba(140,170,230,.09);border-radius:7px;background:#080c15;color:#8995aa;font-size:9px}.toggle-matrix input,.field-shell input{accent-color:#5487ff}.command-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:7px;border:1px solid rgba(143,172,234,.12);border-radius:8px;background:#050811}.command-strip span{color:#66748d;font-size:10px}.command-strip kbd{padding:5px 7px;border:1px solid #26344f;border-radius:5px;color:#8fa0bd;font:700 8px/1 ui-monospace,monospace}.micro-actions{display:flex;gap:5px;flex-wrap:wrap}.micro-actions button{background:#11192a;box-shadow:0 2px #020309}.stepper{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px}.stepper button{background:#172038;min-width:34px}.stepper strong{font-size:22px}.stepper span{color:#6f7d95;font-size:9px}.badge-cloud{display:flex;gap:7px;flex-wrap:wrap}.key-value-list{margin:0;display:flex;flex-direction:column}.key-value-list>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid rgba(134,164,228,.08)}.key-value-list>div:last-child{border-bottom:0}.key-value-list dt{color:#65738c;font-size:9px}.key-value-list dd{margin:0;color:#c2cee3;font:700 9px/1 ui-monospace,monospace}.crumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#62718c;font-size:10px}.crumbs a{color:#8296bc}.crumbs b{color:#d1ddf2}.crumbs i{font-style:normal;color:#44526b}.mini-rail{display:flex;flex-direction:column;gap:5px}.mini-rail button{text-align:left;padding:11px}.pagination{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.pagination button{min-width:31px;background:#0b101d}.pagination span{color:#52617b}.tab-strip{display:flex;gap:5px;border-bottom:1px solid rgba(139,168,230,.1);padding-bottom:7px}.tab-preview{padding:17px 3px 4px;color:#67758e;font:700 9px/1.4 ui-monospace,monospace}.quick-links{display:flex;flex-direction:column;gap:7px}.quick-links a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(140,170,230,.09);border-radius:8px;background:#080c15}.quick-links b{color:#526687;font:700 8px/1 ui-monospace,monospace}.quick-links span{color:#a8b4ca;font-size:10px}.quick-links em{font-style:normal;color:#5f7398}.alert-stack,.toast-stack{display:flex;flex-direction:column;gap:8px}.alert,.toast-stack>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(136,166,229,.1);border-radius:8px;background:#080c15}.alert>b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#15213a}.alert.good>b{color:#65d9b5}.alert.warn>b{color:#e8ab5c}.alert span,.toast-stack span{display:flex;flex-direction:column;gap:3px}.alert strong,.toast-stack b{font-size:10px}.alert small,.toast-stack small{color:#65728a;font-size:8px}.toast-stack>div>i{width:7px;height:7px;border-radius:50%;background:#62d9ff;box-shadow:0 0 8px #62d9ff}.toast-stack button{border:0;background:transparent;color:#687890;cursor:pointer}.skeleton-stack{display:flex;flex-direction:column;gap:8px}.skeleton-stack i{height:11px;border-radius:6px;background:linear-gradient(90deg,#101725,#19233a,#101725);background-size:200% 100%;animation:skeleton 1.8s linear infinite}.skeleton-stack i:nth-child(2){width:78%}.skeleton-stack i:nth-child(3){width:55%}.loader-row{display:flex;align-items:center;gap:10px;margin-top:13px;color:#7d8aa2;font-size:9px}.spinner{width:16px;height:16px;border:2px solid #243452;border-top-color:#65d9ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes skeleton{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.mini-console{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #18243c;border-radius:8px;background:#03050a;box-shadow:0 3px 9px #000 inset;color:#7690b8;font:700 9px/1.55 ui-monospace,monospace}.mini-console b{color:#465a7e;font-weight:600}.graph-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.graph-showcase-grid .graph-span-2{grid-column:1/-1}@media(max-width:1100px){.component-catalog-grid .component-demo,.route-view[data-density=compact] .component-catalog-grid .component-demo,.route-view[data-density=dense] .component-catalog-grid .component-demo{grid-column:span 6}.component-catalog-grid .comp-span-2,.route-view[data-density=compact] .component-catalog-grid .comp-span-2,.route-view[data-density=dense] .component-catalog-grid .comp-span-2{grid-column:span 12}}@media(max-width:760px){.toolbar-stack{align-items:stretch;width:100%}.component-filters,.toolbar-actions{justify-content:flex-start}.family-header{grid-template-columns:auto 1fr}.family-header>b{grid-column:2}.component-catalog-grid .component-demo,.component-catalog-grid .comp-span-2,.component-catalog-grid .comp-span-3,.route-view[data-density=compact] .component-catalog-grid .component-demo,.route-view[data-density=compact] .component-catalog-grid .comp-span-2,.route-view[data-density=compact] .component-catalog-grid .comp-span-3,.route-view[data-density=dense] .component-catalog-grid .component-demo,.route-view[data-density=dense] .component-catalog-grid .comp-span-2,.route-view[data-density=dense] .component-catalog-grid .comp-span-3{grid-column:1/-1}.graph-showcase-grid{grid-template-columns:1fr}.graph-showcase-grid .graph-span-2{grid-column:auto}}@media(max-width:520px){.stat-matrix{grid-template-columns:1fr 1fr}.gauge-pair{justify-content:flex-start}.toggle-matrix{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.skeleton-stack i,.spinner{animation:none}}:root{--series-0:#4c82ff;--series-1:#53d7ef;--series-2:#d14ba7;--series-3:#9c78ff;--series-4:#57d6a9;--series-5:#e2a557}.route-page{font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}.route-header h1,.family-header h2,.component-demo h3,.graph-panel h2,.layered-content h2{text-wrap:balance;font-weight:760;letter-spacing:-.038em}.component-demo h3{line-height:1.03}.component-body{font-size:12px}.component-demo.spatial-tile,.graph-panel.spatial-tile,.metric-tile.spatial-tile{transform:perspective(var(--surface-perspective,760px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(var(--surface-lift,28px));transition:transform .08s linear,border-color .14s ease,filter .14s ease}.component-demo.spatial-tile:hover,.graph-panel.spatial-tile:hover,.metric-tile.spatial-tile:hover{transform:perspective(var(--surface-perspective,760px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px) translateZ(calc(var(--surface-lift,28px) + 12px));filter:brightness(1.08) saturate(1.08)}.component-demo:before,.graph-panel:before,.metric-tile:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),rgb(160 198 255 / calc(var(--light-strength,0) * .16)),transparent 30%),linear-gradient(145deg,transparent,rgba(255,255,255,.018));transform:translateZ(-1px)}.component-error{display:grid;gap:5px;padding:14px;border:1px solid rgba(255,113,142,.28);border-radius:9px;background:linear-gradient(145deg,#3e131fbd,#0a060aeb);color:#ffb4c4;box-shadow:0 4px #100409,0 10px 24px #0008}.component-error b{font-size:11px}.component-error span,.component-error small{color:#a97783;font:700 9px/1.45 ui-monospace,monospace}.schema-preview{margin-top:20px;padding:13px 15px;border:1px solid rgba(113,155,242,.14);border-radius:9px;background:#050812;box-shadow:0 3px 8px #000 inset,0 3px #020309;overflow:auto}.schema-preview code{color:#7ea9e8;font:700 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.ui-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ui-field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#8794aa;font-size:10px}.ui-field>span,.ui-radio-group legend{color:#7787a4;font:750 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.ui-field input,.ui-field select,.ui-field textarea{width:100%;min-height:40px;border:1px solid rgba(139,171,237,.17);border-radius:9px;outline:0;color:#e2eaf8;background:radial-gradient(circle at 80% 0,rgba(81,128,255,.08),transparent 35%),linear-gradient(180deg,#0d1422,#060911);box-shadow:0 1px #ffffff0a inset,0 3px 6px #000 inset,0 3px #020309;padding:10px 12px;font:600 11px/1.3 ui-sans-serif,system-ui,sans-serif;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.ui-field input:focus,.ui-field select:focus,.ui-field textarea:focus{border-color:#599dffad;box-shadow:0 1px #ffffff14 inset,0 3px 7px #000 inset,0 0 0 3px #3d7bff21,0 3px #020309}.ui-field input::placeholder,.ui-field textarea::placeholder{color:#4f5c72}.ui-field small{color:#59677e;font-size:8px;line-height:1.35}.ui-field textarea{min-height:92px;resize:vertical}.ui-field input[type=color]{padding:5px;height:42px}.ui-field input[type=file]{padding:7px;font-size:9px}.ui-field input[type=range]{appearance:none;min-height:34px;padding:0 7px;background:transparent;box-shadow:none;border:0}.ui-field input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:5px;background:linear-gradient(180deg,#050812,#14203a);box-shadow:0 2px 4px #000 inset}.ui-field input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-5px;border:1px solid #8bc5ff;border-radius:6px;background:linear-gradient(145deg,#75dfff,#426dff);box-shadow:0 2px #1a2e6d,0 4px 9px #0008}.ui-check,.ui-toggle{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(140,171,234,.1);border-radius:9px;background:linear-gradient(180deg,#0e1422e0,#060910eb);box-shadow:0 1px #ffffff08 inset,0 3px #020309;cursor:pointer}.ui-check input,.ui-toggle input{position:absolute;opacity:0;pointer-events:none}.ui-check>i{width:19px;height:19px;flex:none;border:1px solid #354968;border-radius:6px;background:#050812;box-shadow:0 2px 4px #000 inset;position:relative}.ui-check input:checked+i{background:linear-gradient(145deg,#5be4e8,#4974ff);border-color:#78caff;box-shadow:0 1px #ffffff7a inset,0 0 12px #4c9cff4d}.ui-check input:checked+i:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900}.ui-check span{display:flex;flex-direction:column;gap:3px}.ui-check b{font-size:10px}.ui-check small{color:#67758d;font-size:8px}.ui-toggle{justify-content:space-between}.ui-toggle>i{width:42px;height:22px;padding:3px;border:1px solid #354968;border-radius:99px;background:#050812;box-shadow:0 2px 5px #000 inset}.ui-toggle>i>em{display:block;width:14px;height:14px;border-radius:50%;background:#71809a;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.ui-toggle input:checked+i{border-color:#4779cf;background:#0b1934}.ui-toggle input:checked+i>em{transform:translate(18px);background:#5ad9f0;box-shadow:0 0 10px #49cfff}.ui-radio-group{min-width:0;margin:0;padding:12px;border:1px solid rgba(140,171,234,.1);border-radius:9px;background:#05080e80}.ui-radio-group legend{padding:0 5px}.ui-radio-group label{display:flex;align-items:center;gap:9px;padding:7px;color:#8a97ad;font-size:10px;cursor:pointer}.ui-radio-group input{position:absolute;opacity:0}.ui-radio-group i{width:16px;height:16px;border:1px solid #3b4e70;border-radius:50%;background:#050812;box-shadow:0 2px 4px #000 inset}.ui-radio-group input:checked+i{border:5px solid #57b8ff;background:#e9f6ff;box-shadow:0 0 9px #4b9dff}.ui-chart{width:100%;height:130px;overflow:visible}.chart-line,.chart-path{fill:none;stroke:var(--series-0);stroke-width:1.6;filter:drop-shadow(0 0 3px rgba(70,130,255,.48))}.chart-area{fill:#4c82ff2e}.series-0{--series:var(--series-0);stroke:var(--series-0);fill:var(--series-0)}.series-1{--series:var(--series-1);stroke:var(--series-1);fill:var(--series-1)}.series-2{--series:var(--series-2);stroke:var(--series-2);fill:var(--series-2)}.series-3{--series:var(--series-3);stroke:var(--series-3);fill:var(--series-3)}.series-4{--series:var(--series-4);stroke:var(--series-4);fill:var(--series-4)}.series-5{--series:var(--series-5);stroke:var(--series-5);fill:var(--series-5)}.chart-dot{fill:var(--series,#65cfff);stroke:#e9f7ff;stroke-width:.35}.chart-bubble{fill:color-mix(in srgb,var(--series,#65cfff) 42%,transparent);stroke:var(--series,#65cfff);stroke-width:.45}.column-chart,.stack-columns,.grouped-bars{height:132px;display:flex;align-items:flex-end;gap:7px;padding-top:8px}.column-chart>div,.stack-columns>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.column-chart>div>i{flex:1;width:72%;display:flex;align-items:flex-end;border-radius:5px 5px 2px 2px;background:#050812;box-shadow:0 2px 5px #000 inset;overflow:hidden}.column-chart em{width:100%;height:100%;transform:scaleY(var(--bar,.5));transform-origin:bottom;background:linear-gradient(180deg,#65dfff,#4777ff 60%,#60327e)}.column-chart span,.stack-columns span{color:#66758e;font:700 7px/1 ui-monospace,monospace}.column-chart b{color:#aab8d0;font:700 7px/1 ui-monospace,monospace}.grouped-bars{height:auto;align-items:stretch;flex-direction:column}.grouped-bars>div{display:grid;grid-template-columns:35px 1fr;gap:8px;align-items:end}.grouped-bars>div>span{color:#697994;font:700 8px/1 ui-monospace,monospace}.grouped-bars>div>i{height:34px;display:flex;align-items:flex-end;gap:3px}.grouped-bars em{flex:1;height:100%;transform:scaleY(var(--bar,.5));transform-origin:bottom;background:var(--series,#4c82ff);border-radius:3px 3px 1px 1px}.stack-columns>div>i{flex:1;width:68%;display:flex;flex-direction:column-reverse;justify-content:flex-start;background:#050812;border-radius:5px;overflow:hidden}.stack-columns em{display:block;width:100%;flex:0 0 calc(var(--seg,0) * 100%);background:var(--series,#4c82ff)}.stack-4{background:var(--series-4)!important}.stack-5{background:var(--series-5)!important}.lollipop-chart,.range-chart,.bullet-chart,.gantt-chart{display:flex;flex-direction:column;gap:9px}.lollipop-chart>div,.range-chart>div,.bullet-chart>div,.gantt-chart>div{display:grid;grid-template-columns:52px 1fr;gap:8px;align-items:center}.lollipop-chart span,.range-chart span,.bullet-chart span,.gantt-chart span{color:#687894;font:700 8px/1 ui-monospace,monospace}.lollipop-chart i,.range-chart i,.bullet-chart i,.gantt-chart i{position:relative;height:14px;background:#050812;border-radius:6px;box-shadow:0 2px 4px #000 inset}.lollipop-chart em{position:absolute;left:0;top:6px;width:calc(var(--bar,.5)*100%);height:2px;background:#4f8fff}.lollipop-chart b{position:absolute;left:calc(var(--bar,.5)*100%);top:3px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#65dfff;box-shadow:0 0 8px #53cfff}.range-chart em{position:absolute;left:calc(var(--start,0)*100%);width:calc((var(--end,1) - var(--start,0))*100%);inset-block:3px;border-radius:4px;background:#263e74}.range-chart b{position:absolute;left:calc(var(--value,.5)*100%);top:1px;width:2px;height:12px;background:#69e1ff;box-shadow:0 0 7px #69e1ff}.bullet-chart em{position:absolute;left:0;inset-block:3px;width:calc(var(--bar,.5)*100%);border-radius:4px;background:linear-gradient(90deg,#426eff,#5adbf0)}.bullet-chart b{position:absolute;left:calc(var(--target,.5)*100%);top:0;width:2px;height:14px;background:#ff8bcf}.gantt-chart em{position:absolute;left:calc(var(--start,0)*100%);width:calc(var(--size,.2)*100%);inset-block:2px;border-radius:5px;background:var(--series,#4c82ff);box-shadow:0 1px #ffffff42 inset}.waterfall-chart{height:142px;display:flex;align-items:flex-end;gap:6px}.waterfall-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.waterfall-chart>div>i{position:relative;flex:1;width:70%;border-left:1px solid #1d2a43}.waterfall-chart em{position:absolute;left:0;right:0;bottom:calc(var(--bottom,0)*100%);height:calc(var(--size,.1)*100%);border-radius:3px;background:#55d2a7}.waterfall-chart em.negative{background:#d85085}.waterfall-chart span{color:#65748d;font:700 7px/1 ui-monospace,monospace}.funnel-chart{display:flex;flex-direction:column;align-items:center;gap:4px}.funnel-chart>div{width:calc(var(--funnel,.5)*100%);min-width:28%;display:flex;justify-content:space-between;padding:8px 10px;background:var(--series,#4c82ff);clip-path:polygon(4% 0,96% 0,88% 100%,12% 100%);color:#fff}.funnel-chart span,.funnel-chart b{font:700 8px/1 ui-monospace,monospace}.donut-chart,.pie-chart{position:relative;width:118px;height:118px;margin:0 auto;border-radius:50%;box-shadow:0 4px 14px #000,0 0 22px #3879ff1f}.donut-chart{background:conic-gradient(var(--donut,var(--series-0) 0 360deg))}.donut-chart:after{content:"";position:absolute;inset:23px;border-radius:50%;background:#080c15;box-shadow:0 3px 8px #000 inset}.donut-chart>b{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font-size:18px}.donut-chart>i{display:none}.pie-chart{background:conic-gradient(var(--pie,var(--series-0) 0 360deg))}.radar-chart{width:100%;height:150px}.radar-grid line,.radar-grid circle{fill:none;stroke:#31415e;stroke-width:.35}.radar-shape{fill:#4e87ff38;stroke:#61cfff;stroke-width:.8}.candle line,.box-plot-item>line{stroke:#7888a9;stroke-width:.5}.candle rect{stroke-width:.4}.candle.up rect{fill:#4fd5a8;stroke:#8affd4}.candle.down rect{fill:#d64f82;stroke:#ff90b2}.box-plot-item rect{fill:#4a7eff42;stroke:#61cfff;stroke-width:.5}.box-plot-item .median{stroke:#ff71bd;stroke-width:.8}.event-timeline-chart{position:relative;height:85px;margin:10px 4px}.event-timeline-chart>i{position:absolute;left:4%;right:4%;top:42px;height:2px;background:#273957}.event-timeline-chart>b{position:absolute;left:calc(var(--at,.5)*92% + 4%);top:36px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--series,#4c82ff);box-shadow:0 0 10px var(--series,#4c82ff)}.event-timeline-chart em{position:absolute;left:50%;bottom:16px;transform:translate(-50%);font:700 7px/1 ui-monospace,monospace;color:#8290aa;white-space:nowrap}.treemap-chart{display:flex;flex-wrap:wrap;gap:4px;min-height:132px}.treemap-chart>div{flex:var(--weight,.2) 1 20%;min-width:70px;min-height:48px;padding:8px;border-radius:6px;background:color-mix(in srgb,var(--series,#4c82ff) 32%,#08101d);border:1px solid color-mix(in srgb,var(--series,#4c82ff) 50%,transparent);display:flex;flex-direction:column;justify-content:space-between}.treemap-chart span{font-size:8px;color:#9aabc5}.treemap-chart b{font-size:15px}.radial-bars{position:relative;width:150px;height:150px;margin:0 auto}.radial-bars>i{position:absolute;inset:calc(var(--ring-i,0)*7px);border-radius:50%;background:conic-gradient(var(--series,#4c82ff) calc(var(--ring,.5)*360deg),#11192a 0);mask:radial-gradient(transparent 62%,black 64%);opacity:.9}.radial-bars span{display:none}@media(max-width:700px){.ui-input-grid{grid-template-columns:1fr}.component-demo.spatial-tile,.graph-panel.spatial-tile,.metric-tile.spatial-tile{--surface-lift:18px!important}}@media(prefers-reduced-motion:reduce){.component-demo.spatial-tile,.graph-panel.spatial-tile,.metric-tile.spatial-tile{transition:none}}.route-page,.component-demo,.graph-panel,.metric-tile,.ui-field,.ui-check,.ui-toggle,.ui-radio-group{font-family:var(--chaoz-ui-font,Inter,ui-sans-serif,system-ui,sans-serif)}.spatial-tile,.component-error,.ui-field input,.ui-field select,.ui-field textarea,.ui-check,.ui-toggle,.ui-radio-group{border-radius:var(--chaoz-ui-radius,10px)}.spatial-tile{color:var(--chaoz-ui-ink,#f5f7ff)}@media(max-width:900px){.graph-live-panel.spatial-tile{--surface-lift:10px!important}}@media(max-width:700px){.ui-field input,.ui-field select,.ui-field textarea{font-size:16px}}@media(max-width:950px){.component-demo.spatial-tile,.graph-panel.spatial-tile,.metric-tile.spatial-tile{--surface-lift:8px!important}}@media(max-width:700px){.ui-field input[type=file]{font-size:16px}}.settings-panel{display:grid;gap:10px;padding:4px 0 10px}.settings-panel[hidden]{display:none!important}.setting-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(140,174,247,.12);border-radius:8px;background:linear-gradient(180deg,#141b2db8,#06090fc7);box-shadow:0 1px #ffffff0a inset,0 3px #020309;color:#8594af;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.setting-section-head>b{color:#dce7fb}.setting-section-head>span{color:#6fdff0}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.preset-grid button,.settings-footer button{min-height:34px;border:1px solid rgba(144,174,238,.16);border-radius:8px;color:#8795ad;background:linear-gradient(180deg,#151c2d,#080b13);box-shadow:0 1px #ffffff0d inset,0 -3px #03050a inset,0 3px #020309;font:750 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.065em;cursor:pointer}.preset-grid button.active{color:#fff;border-color:#56a4ff8c;background:linear-gradient(180deg,#314c85,#11182b);box-shadow:0 1px #ffffff1f inset,0 -3px #071027 inset,0 3px #020309,0 0 16px #337dff29}.setting-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:48px;padding:10px 11px;border:1px solid rgba(137,167,228,.09);border-radius:9px;background:linear-gradient(180deg,#0f1523d1,#06080ee6);box-shadow:0 1px #ffffff08 inset,0 2px #020309}.setting-row>span{display:flex;flex-direction:column;gap:4px;min-width:0}.setting-row b{font-size:10px;color:#d5dff1}.setting-row small{color:#6d7a91;font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.setting-row select{min-width:96px;min-height:32px;border:1px solid rgba(135,167,235,.16);border-radius:7px;background:#090e18;color:#cdd8eb;padding:6px 8px;font:700 9px/1 ui-monospace,monospace}.setting-range{grid-template-columns:1fr}.setting-range>span{flex-direction:row;align-items:center;justify-content:space-between}.setting-range input[type=range]{appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}.setting-range input[type=range]::-webkit-slider-runnable-track{height:7px;border-radius:5px;background:linear-gradient(180deg,#050812,#1b2a49);box-shadow:0 2px 4px #000 inset}.setting-range input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;margin-top:-5px;border-radius:6px;border:1px solid #8ccaff;background:linear-gradient(145deg,#6ce4f0,#4f72ff);box-shadow:0 2px #1b3175,0 4px 8px #0008}.setting-toggle input{position:absolute;opacity:0;pointer-events:none}.setting-toggle>i{width:42px;height:22px;padding:3px;border:1px solid #334866;border-radius:99px;background:#050812;box-shadow:0 2px 5px #000 inset}.setting-toggle>i>em{display:block;width:14px;height:14px;border-radius:50%;background:#71809a;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.setting-toggle input:checked+i{border-color:#4779cf;background:#0b1934}.setting-toggle input:checked+i>em{transform:translate(18px);background:#5ad9f0;box-shadow:0 0 10px #49cfff}.settings-note{padding:11px 12px;border:1px solid rgba(93,153,255,.12);border-radius:8px;background:#050812;color:#697994;font:650 8px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:13px 0 14px}.settings-tabs button{min-width:0;min-height:32px;border:1px solid rgba(140,170,232,.12);border-radius:7px;color:#74829b;background:linear-gradient(180deg,#121827,#070a11);box-shadow:0 1px #ffffff08 inset,0 -2px #03050a inset;font:750 7px/1 ui-monospace,monospace;letter-spacing:.04em;cursor:pointer}.settings-tabs button.active{color:#ecf5ff;border-color:#53aeff70;background:linear-gradient(180deg,#233969,#0b1222)}.settings-footer{padding-top:10px;border-top:1px solid rgba(150,176,235,.08)}.settings-footer button{width:100%;color:#8896ac}@media(max-width:520px){.preset-grid,.settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-row select{min-width:82px}}.ui-progress-scan,.skeleton-stack i,.spinner{animation-play-state:paused}[data-viewport-active=true] .ui-progress-scan,[data-viewport-active=true] .skeleton-stack i,[data-viewport-active=true] .spinner{animation-play-state:running}.route-graphs .component-catalog-grid{gap:24px}.route-graphs .component-catalog-grid .component-demo{grid-column:span 6!important;min-height:390px;padding:24px 26px 28px;content-visibility:auto;contain-intrinsic-size:auto 390px}.route-graphs .component-body{min-height:240px}.graph-lazy{min-height:240px;display:grid;align-items:stretch;contain:layout style}.graph-placeholder{min-height:240px;border:1px solid rgba(111,145,211,.12);border-radius:10px;background:linear-gradient(rgba(76,110,170,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(76,110,170,.07) 1px,transparent 1px),linear-gradient(180deg,#080d17,#050811);background-size:100% 25%,25% 100%,100% 100%;position:relative;overflow:hidden}.graph-placeholder:after{content:"VIEWPORT STREAM";position:absolute;right:12px;bottom:10px;color:#53627d;font:700 8px/1 ui-monospace,monospace;letter-spacing:.12em}.graph-placeholder i{position:absolute;left:8%;right:8%;height:1px;background:#20304c}.graph-placeholder i:nth-child(1){top:28%}.graph-placeholder i:nth-child(2){top:50%}.graph-placeholder i:nth-child(3){top:72%}.graph-placeholder span{position:absolute;left:8%;bottom:16%;width:56%;height:34%;border-left:2px solid #4e79d9;border-bottom:2px solid #4e79d9;transform:skewY(-9deg);opacity:.34}.route-graphs .ui-chart{width:100%;height:230px;overflow:hidden;border:1px solid rgba(103,139,208,.12);border-radius:9px;background:linear-gradient(180deg,#070c17d1,#03060cf5);box-shadow:0 1px #ffffff08 inset}.chart-grid-auto line{stroke:#7191cc29;stroke-width:.28;vector-effect:non-scaling-stroke}.route-graphs .chart-line,.route-graphs .chart-path{stroke-width:1.35;filter:none}.route-graphs .chart-area{fill:#4c82ff24}.route-graphs .column-chart,.route-graphs .stack-columns,.route-graphs .grouped-bars,.route-graphs .waterfall-chart,.route-graphs .treemap-chart{min-height:220px;height:220px}.route-graphs .heatmap,.route-graphs .waveform,.route-graphs .range-chart,.route-graphs .bullet-chart,.route-graphs .gantt-chart,.route-graphs .lollipop-chart{min-height:190px}.route-graphs .donut-chart,.route-graphs .pie-chart{width:180px;height:180px}.route-graphs .radar-chart,.route-graphs .radial-bars{width:100%;height:220px;max-width:240px}.graph-engine-summary{margin:24px 0 34px}@media(max-width:760px){.route-graphs .component-catalog-grid .component-demo{grid-column:1/-1!important;min-height:350px;padding:20px 18px 24px;contain-intrinsic-size:auto 350px}.route-graphs .component-body,.graph-lazy,.graph-placeholder{min-height:210px}.route-graphs .ui-chart{height:205px}}:root{--motion-fast:.11s;--motion-medium:.18s;--motion-slow:.32s;--motion-ease:cubic-bezier(.2,.8,.2,1);--motion-spring:cubic-bezier(.16,1,.3,1)}.route-page{animation:route-enter var(--motion-slow) var(--motion-spring) both}@keyframes route-enter{0%{opacity:.01;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.ui-button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-button{--button-accent:#6a92ff;--button-top:#1d2944;--button-bottom:#090d18;position:relative;isolation:isolate;min-height:42px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--button-accent) 30%,transparent);border-radius:10px;padding:11px 15px 13px;color:#eaf0ff;background:linear-gradient(180deg,var(--button-top),var(--button-bottom));box-shadow:0 1px #ffffff1a inset,0 -3px #0000007a inset,0 4px #020309,0 10px 20px #00000047;transform:translateZ(0);transform-style:preserve-3d;transition:transform var(--motion-fast) var(--motion-ease),border-color var(--motion-medium) ease,box-shadow var(--motion-medium) ease,background-color var(--motion-medium) ease;font:750 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent}.ui-button-sheen{position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-24%;width:26%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate3d(-180%,0,0) rotate(14deg);transition:transform .42s var(--motion-spring),opacity var(--motion-medium) ease}.ui-button:hover:not(:disabled),.ui-button:focus-visible{transform:translate3d(0,-3px,8px);border-color:color-mix(in srgb,var(--button-accent) 60%,rgba(255,255,255,.18));box-shadow:0 1px #ffffff24 inset,0 -3px #0000006b inset,0 5px #020309,0 13px 25px #00000057,0 0 0 1px color-mix(in srgb,var(--button-accent) 12%,transparent)}.ui-button:hover:not(:disabled) .ui-button-sheen,.ui-button:focus-visible .ui-button-sheen{opacity:.75;transform:translate3d(620%,0,0) rotate(14deg)}.ui-button:active:not(:disabled){transform:translate3d(0,2px,2px);transition-duration:70ms;box-shadow:0 1px #ffffff14 inset,0 -1px #00000073 inset,0 1px #020309,0 5px 10px #0000003d}.ui-button:focus-visible{outline:2px solid color-mix(in srgb,var(--button-accent) 62%,white);outline-offset:3px}.ui-button:disabled{cursor:not-allowed;opacity:.46;box-shadow:0 1px #ffffff0d inset,0 2px #020309}.ui-button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-button-icon,.ui-button-trailing{flex:none;min-width:14px;display:grid;place-items:center;font:800 14px/1 ui-monospace,monospace}.ui-button-trailing{font-size:12px;opacity:.8}.ui-button kbd{flex:none;padding:4px 5px;border:1px solid rgba(180,200,245,.15);border-radius:5px;background:#0003;color:#8290aa;font:700 8px/1 ui-monospace,monospace}.ui-button-primary{--button-accent:#6f7cff;--button-top:#5d4ee7;--button-bottom:#2b2f86}.ui-button-secondary{--button-accent:#8ea4cf;--button-top:#202a3e;--button-bottom:#0b101b}.ui-button-ghost{--button-accent:#7894c8;--button-top:rgba(19,26,43,.72);--button-bottom:rgba(7,10,17,.76)}.ui-button-soft{--button-accent:#5ad9f0;--button-top:#173348;--button-bottom:#0a1724}.ui-button-success{--button-accent:#59d5aa;--button-top:#174137;--button-bottom:#092018}.ui-button-danger{--button-accent:#ff6f96;--button-top:#4a1d2c;--button-bottom:#210b13}.ui-button-outline{--button-accent:#879bd0;--button-top:rgba(11,16,28,.28);--button-bottom:rgba(5,8,14,.34);background:linear-gradient(180deg,var(--button-top),var(--button-bottom))}.ui-button-compact{min-height:34px;padding:8px 10px 10px;border-radius:8px;font-size:9px}.ui-button-large{min-height:50px;padding:14px 19px 16px;font-size:11px}.ui-button.is-icon-only{width:38px;min-width:38px;min-height:38px;padding:0;aspect-ratio:1}.ui-button-default.is-icon-only{width:43px;min-width:43px;min-height:43px}.ui-button-loader{width:13px;height:13px;flex:none;border:2px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:button-spin .72s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.ui-icon-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:9px}.ui-split-button{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;max-width:100%;margin:0 10px 10px 0}.ui-split-button .ui-button{border-radius:0;margin:0}.ui-split-button .ui-button:first-child{border-radius:10px 0 0 10px;border-right-color:#00000047}.ui-split-button .ui-button:last-child{border-radius:0 10px 10px 0;border-left-color:#ffffff14}.micro-button{transition:transform var(--motion-fast) var(--motion-ease),border-color var(--motion-medium) ease,box-shadow var(--motion-medium) ease,color var(--motion-medium) ease}.micro-button:hover,.micro-button.active{filter:none;transform:translate3d(0,-2px,0);box-shadow:0 1px #ffffff12 inset,0 -3px #03050a inset,0 5px #020309,0 11px 18px #0005}.micro-button:active{transform:translate3d(0,1px,0)}.component-demo.spatial-tile,.graph-panel.spatial-tile,.metric-tile.spatial-tile{transition:transform var(--motion-fast) linear,border-color var(--motion-medium) ease}.component-demo.spatial-tile:hover,.graph-panel.spatial-tile:hover,.metric-tile.spatial-tile:hover,.primary:hover,.secondary:hover{filter:none}.ui-progress-scan{left:0;will-change:transform;transform:translate3d(-130%,0,0);animation:meter-scan-transform 2.25s linear infinite}@keyframes meter-scan-transform{to{transform:translate3d(520%,0,0)}}.skeleton-stack i{position:relative;overflow:hidden;background:#101725;animation:none}.skeleton-stack i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#243250,transparent);transform:translate3d(-120%,0,0);animation:skeleton-transform 1.8s linear infinite;will-change:transform}@keyframes skeleton-transform{to{transform:translate3d(220%,0,0)}}.component-demo:not([data-viewport-active=true]) .ui-progress-scan,.component-demo:not([data-viewport-active=true]) .skeleton-stack i:after{animation-play-state:paused}.route-graphs .sparkline polyline{filter:none}.footer{backdrop-filter:none}.seg-control button,.tab-strip button,.mini-rail button,.pagination button{transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-medium) ease,color var(--motion-medium) ease,box-shadow var(--motion-medium) ease}.seg-control button:hover,.tab-strip button:hover,.mini-rail button:hover,.pagination button:hover{transform:translate3d(0,-1px,0);color:#dbe5f8}.seg-control button:active,.tab-strip button:active,.mini-rail button:active,.pagination button:active{transform:translate3d(0,1px,0)}@media(max-width:600px){.ui-button-row{gap:8px}.ui-button{flex:1 1 auto}.ui-button-large{width:100%}.ui-split-button{display:grid;width:100%;margin-right:0}}@media(hover:none),(pointer:coarse){.ui-button:hover:not(:disabled),.micro-button:hover{transform:translateZ(0)}.ui-button:hover:not(:disabled) .ui-button-sheen{opacity:0}}@media(prefers-reduced-motion:reduce){.route-page{animation:none}.ui-button,.ui-button-sheen,.micro-button,.seg-control button,.tab-strip button,.mini-rail button,.pagination button{transition:none}.ui-button-loader,.ui-progress-scan,.skeleton-stack i:after{animation:none}}