:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f3f5ee;--muted:#a9b3b3;--line:#e2ebe126;--glass:#080d11b3;--amber:#ffb45f;--cyan:#70e5e4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#050809;margin:0;overflow:hidden}body:before,body:after{z-index:2;content:"";pointer-events:none;position:fixed}body:before{background:linear-gradient(90deg,#010507b8 0%,#0000 34% 70%,#01040647),linear-gradient(#0103053d,#0000 22% 71%,#010406bd 100%);inset:0}body:after{opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");inset:0}#container,#container canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.heroPanel,.metrics,.controlDock,.sceneFooter{z-index:4;position:fixed}.heroPanel{pointer-events:none;width:min(510px,100vw - 44px);top:clamp(24px,5vw,64px);left:clamp(22px,5vw,72px)}.eyebrow,.loadingEyebrow{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:720}.eyebrow span{background:linear-gradient(90deg, var(--cyan), transparent);width:34px;height:1px;margin:0 11px 3px 0;display:inline-block}.heroPanel h1{letter-spacing:-.045em;text-shadow:0 10px 35px #0000008c;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5vw,74px);font-weight:400;line-height:.95}.heroPanel h1 em{color:var(--amber);font-weight:400}.heroPanel p{color:#e6ebe4b8;letter-spacing:.015em;width:min(470px,92%);margin:17px 0 0;font-size:13px;line-height:1.65}.metrics{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.15);backdrop-filter:blur(18px)saturate(1.15);border-radius:16px;grid-template-columns:repeat(2,minmax(94px,1fr));display:grid;top:clamp(25px,4vw,54px);right:clamp(20px,4vw,56px);overflow:hidden;box-shadow:0 20px 70px #00000038}.metrics article{min-width:104px;padding:13px 16px 12px}.metrics article:nth-child(odd){border-right:1px solid var(--line)}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.metrics span,.dockHeader span,.rangeControl span,.pipelineReadout dt{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:680;display:block}.metrics strong{margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:560;display:block}.controlDock{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:linear-gradient(145deg,#0e1519d1,#050a0dc2);border-radius:18px;width:min(330px,100vw - 40px);bottom:clamp(72px,8vw,100px);right:clamp(20px,4vw,56px);box-shadow:0 28px 90px #00000061}.controlDock fieldset{border:0;min-width:0;margin:0;padding:18px}.controlDock fieldset:disabled{opacity:.52}.dockHeader,.rangeControl,.toggleRow,.pipelineReadout div{justify-content:space-between;align-items:center;display:flex}.dockHeader strong{color:var(--cyan);margin-top:4px;font-size:13px;font-weight:600;display:block}button{color:var(--ink);font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #e4eee626;transition:border-color .16s,background .16s,transform .16s}button:hover{background:#70e5e41a;border-color:#70e5e48c}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#viewButton{border-radius:10px;padding:8px 11px;font-size:11px;font-weight:650}.rangeControl{margin-top:22px}.rangeControl output{color:var(--amber);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}#lightControl{appearance:none;background:linear-gradient(90deg, var(--amber), var(--cyan));border-radius:99px;width:100%;height:3px;margin:13px 0 21px}#lightControl::-webkit-slider-thumb{appearance:none;background:#eef4eb;border:3px solid #10171a;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 1px #ffffff59}#lightControl::-moz-range-thumb{background:#eef4eb;border:3px solid #10171a;border-radius:50%;width:11px;height:11px}.toggleRow{gap:9px}.toggleRow button{color:var(--muted);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 7px;font-size:10px;font-weight:650;display:flex}.toggleIndicator{background:#536064;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5360641f}.toggleRow button[aria-pressed=true]{color:var(--ink);background:#70e5e412;border-color:#70e5e442}.toggleRow button[aria-pressed=true] .toggleIndicator{background:var(--cyan);box-shadow:0 0 10px #70e5e4c7}.pipelineReadout{border-top:1px solid var(--line);gap:7px;margin:17px 0 0;padding-top:14px;display:grid}.pipelineReadout dd{color:#dfe8df;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.sceneFooter{color:#d3dcd68a;letter-spacing:.04em;justify-content:space-between;align-items:flex-end;gap:24px;font-size:9px;display:flex;bottom:22px;left:clamp(22px,5vw,72px);right:clamp(20px,4vw,56px)}.controlHint{flex-wrap:wrap;gap:14px;display:flex}kbd{color:#edf4ed;font-family:inherit;font-size:9px}.credit{text-align:right}.credit a,.errorPanel a{color:#c4eae5d1;text-underline-offset:3px;text-decoration-color:#70e5e459}.loadingPanel,.errorPanel{z-index:20;text-align:center;background:radial-gradient(circle at 50% 42%,#23484a47,#0000 32%),#060a0c;place-content:center;justify-items:center;padding:30px;transition:opacity .6s,visibility .6s;display:grid;position:fixed;inset:0}.loadingPanel.isHidden{visibility:hidden;opacity:0}.loadingMark{align-items:flex-end;gap:5px;height:38px;margin-bottom:24px;display:flex}.loadingMark span{background:linear-gradient(0deg, var(--amber), var(--cyan));border-radius:8px;width:5px;animation:1.2s ease-in-out infinite loadingPulse}.loadingMark span:first-child{height:20px}.loadingMark span:nth-child(2){height:34px;animation-delay:-.4s}.loadingMark span:nth-child(3){height:26px;animation-delay:-.8s}@keyframes loadingPulse{0%,to{opacity:.32;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}.loadingPanel h2,.errorPanel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,48px);font-weight:400}.loadingPanel>p:not(.loadingEyebrow),.errorPanel p{max-width:520px;color:var(--muted);margin:13px 0 0;font-size:12px;line-height:1.6}.progressTrack{background:#ffffff17;border-radius:99px;width:min(340px,72vw);height:2px;margin-top:28px;overflow:hidden}.progressTrack span{background:linear-gradient(90deg, var(--amber), var(--cyan));width:8%;height:100%;transition:width .22s;display:block;box-shadow:0 0 16px #70e5e4cc}.errorPanel[hidden]{display:none}.errorPanel>span{color:#ffad75;letter-spacing:.17em;text-transform:uppercase;margin-bottom:12px;font-size:10px;font-weight:700}.errorPanel a{margin-top:22px;font-size:12px}@media (max-width:760px){.heroPanel{top:22px}.heroPanel p{display:none}.metrics{grid-template-columns:repeat(4,1fr);width:calc(100vw - 36px);top:auto;bottom:242px;right:18px}.metrics article{text-align:center;min-width:0;padding:10px;border-right:1px solid var(--line)!important;border-bottom:0!important}.metrics article:last-child{border-right:0!important}.metrics span{font-size:7px}.metrics strong{font-size:13px}.controlDock{width:calc(100vw - 36px);bottom:52px;right:18px}.pipelineReadout{display:none}.sceneFooter{bottom:15px;left:18px;right:18px}.controlHint span:nth-child(n+3),.credit{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}