:root{--bg:#080d1b;--panel:#0e1729;--panel2:#101c31;--blue:#4d8dff;--cyan:#4de0ff;--white:#eff6ff;--muted:#91a4c4;--line:rgba(137,181,239,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:absolute;inset:0 0 auto;height:850px;pointer-events:none;background:radial-gradient(ellipse 45% 48% at 49% 24%,#12305a70,transparent 76%);z-index:-1}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.42;cursor:not-allowed!important}button:not(:disabled){cursor:pointer}.site-shell{max-width:1540px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}.topbar{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{text-decoration:none;display:flex;gap:14px;align-items:center}.brandmark{font-size:31px;font-weight:900;letter-spacing:-.1em;line-height:1;padding-right:5px;color:#fff}.brandlines{display:flex;flex-direction:column;gap:5px}.brandlines strong{font-size:11px;letter-spacing:.17em;font-weight:750}.brandlines small{font-size:9px;letter-spacing:.18em;color:#7091c4}.top-links{display:flex;align-items:center;gap:30px;font-size:10px;font-weight:700;letter-spacing:.15em}.label-online{color:#b4c8e4}.live-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:10px;box-shadow:0 0 12px var(--cyan)}.repo-link{text-decoration:none;color:#a9c7fa;transition:color .2s}.repo-link:hover{color:var(--cyan)}.repo-link span{font-size:14px}.intro{text-align:center;padding:72px 12px 38px}.eyebrow,.section-kicker{font-size:10px;color:var(--cyan);letter-spacing:.34em;font-weight:750}.eyebrow{display:flex;justify-content:center;align-items:center;gap:16px}.eyebrow-line{height:1px;width:35px;background:#4de0ff62}.intro h1{font-size:clamp(39px,6.3vw,91px);letter-spacing:-.075em;line-height:1.02;margin:23px 0 17px;font-weight:850}.intro h1 em{font-style:normal;background:linear-gradient(125deg,#77bfff,#4de0ff 55%,#6f88ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 45px #4d8dff29}.intro p{color:var(--muted);font-size:clamp(13px,1.4vw,16px);line-height:1.7;max-width:600px;margin:0 auto}.lab{border:1px solid #497cb250;background:linear-gradient(155deg,#0e1b30,#0b1223);padding:10px;box-shadow:0 30px 110px #0008,0 0 65px #4d8dff10;position:relative}.stage-header{height:34px;display:flex;justify-content:space-between;padding:0 13px 8px;align-items:center;font-size:10px;letter-spacing:.15em;font-weight:700;color:#9fb9d8}.stage-title,.stage-meta{display:flex;align-items:center;gap:10px}.status-orbit{width:7px;height:7px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 10px #4de0ff80}.stage-meta-sep{color:#4a6694}.stage{height:clamp(310px,48vw,595px);position:relative;overflow:hidden;border:1px solid #41628780;background:#080f1d}.stage canvas{width:100%;height:100%;display:block}.stage video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:-10px}.stage:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#07101d4d,transparent 19%,transparent 81%,#07101d4d);z-index:1}.corner{position:absolute;width:28px;height:28px;z-index:3;pointer-events:none}.tl{left:12px;top:12px;border-left:2px solid var(--cyan);border-top:2px solid var(--cyan)}.tr{right:12px;top:12px;border-right:2px solid var(--cyan);border-top:2px solid var(--cyan)}.bl{left:12px;bottom:12px;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.br{right:12px;bottom:12px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan)}.stage-overlay{position:absolute;inset:30px 30px auto;display:flex;justify-content:space-between;z-index:2;pointer-events:none;color:#d9f8ff68;font-size:9px;letter-spacing:.23em;font-weight:700}.stage-side{writing-mode:vertical-rl}.center-prompt{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;pointer-events:none;transition:opacity .3s ease}.center-prompt.hidden{opacity:0}.prompt-glyph{position:relative;width:114px;height:114px;border-radius:50%;display:grid;place-items:center;margin-bottom:9px;background:radial-gradient(circle,#12356577,transparent 70%)}.prompt-glyph span{font-size:24px;font-weight:850;letter-spacing:-.1em;color:#e0f8ff;text-shadow:0 0 28px #4de0ff}.orbit{position:absolute;inset:0;border:1px solid #4de0ff80;border-radius:50%;box-shadow:inset 0 0 16px #4de0ff29,0 0 20px #4de0ff25}.orbit-a{animation:spin 13s linear infinite;border-top:2px solid #4de0ff;border-bottom-color:transparent}.orbit-b{inset:12px;animation:spin 9s linear infinite reverse;border-left:2px solid var(--blue);border-right-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}.prompt-title{font-size:13px;letter-spacing:.22em;font-weight:800}.prompt-desc{color:#9eb0ca;font-size:12px;text-align:center;padding:0 20px}.scanline-overlay{pointer-events:none;position:absolute;inset:0;z-index:2;opacity:.16;background:repeating-linear-gradient(180deg,transparent 0 3px,#030b16 4px 5px)}.stage-bottom{z-index:5;position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.status{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.1em;color:#b8cde4;font-weight:650}.status-light{width:7px;height:7px;border-radius:50%;background:#778aa7;box-shadow:0 0 10px #7e90a7}.status-light.live{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.coordinates{color:#88a0bc;font-size:9px;letter-spacing:.15em}.control-dock{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 5px 1px;flex-wrap:wrap}.control-group,.controls-right{display:flex;align-items:center;gap:10px}.primary-action,.secondary-action,.switch-btn{border:1px solid var(--line);font-size:11px;letter-spacing:.13em;font-weight:800;height:44px;padding:0 22px;transition:background .2s,border .2s,color .2s}.primary-action{color:#05121e;background:linear-gradient(135deg,var(--cyan),#67acff);border-color:transparent;box-shadow:0 4px 28px #4de0ff24}.primary-action:not(:disabled):hover{background:#d0ffff}.secondary-action,.switch-btn{color:#b4cbe8;background:#111e30}.secondary-action:not(:disabled):hover,.switch-btn:not(:disabled):hover{border-color:var(--cyan);color:#fff}.action-icon{font-size:17px;margin-right:5px}.action-arrow{font-size:15px;margin-left:14px}.controls-right{margin-left:auto}.switch-btn{background:transparent;padding:0 17px}.switch-btn span{margin-left:8px;color:var(--cyan)}.dock-divider{width:1px;height:24px;background:var(--line)}.effect-section{margin:90px 0 92px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-heading h2,.info-column h2{font-size:clamp(32px,4.6vw,60px);line-height:1.08;letter-spacing:-.062em;margin:13px 0 10px}.section-heading h2 span,.info-column h2 span{color:#77adfb}.section-heading p,.info-column p{color:var(--muted);margin:0;max-width:650px;line-height:1.8;font-size:13px}.microchip{font-size:10px;letter-spacing:.15em;color:#95abca;border:1px solid var(--line);padding:9px 13px;white-space:nowrap}.effects{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.effect{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:#0f192b;color:#e2edff;min-height:146px;padding:15px 15px 13px;position:relative;transition:background .2s,border-color .2s,transform .2s;text-align:left}.effect:not(:disabled):hover{transform:translateY(-4px);border-color:#6cadff}.effect.active{border-color:var(--cyan);background:linear-gradient(135deg,#16344b,#102137);box-shadow:inset 0 1px 0 #4de0ff1f,0 0 24px #4de0ff12}.effect-id{color:#6790b5;font-size:10px;font-weight:750;letter-spacing:.13em}.effect.active .effect-id{color:var(--cyan)}.effect-symbol{display:block;font-size:31px;line-height:1;margin:15px 0 13px;color:var(--cyan);text-shadow:0 0 15px #4de0ff7d}.effect-symbol.rgb{color:#f28ada;text-shadow:3px 0 #5cdfff,-3px 0 #f77977}.effect strong{font-size:12px;letter-spacing:.13em}.effect small{color:#849cb8;margin-top:5px;font-size:11px}.instructions{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;padding:10px 0 78px;border-bottom:1px solid var(--line)}.info-column p{max-width:430px}.instructions-list{border-top:1px solid var(--line)}.instruction{display:grid;grid-template-columns:56px 1fr;padding:18px 0 20px;border-bottom:1px solid var(--line)}.instruction>span{font-size:13px;font-weight:700;color:var(--cyan);letter-spacing:.13em;padding-top:2px}.instruction h3{font-size:12px;letter-spacing:.2em;margin:0 0 8px}.instruction p{font-size:12px;color:#93a8c6;line-height:1.6;margin:0}.privacy-note{display:flex;align-items:center;gap:24px;padding:30px 34px;margin:50px 0 74px;background:linear-gradient(110deg,#11283a,#10192a);border:1px solid #4d8dff44}.privacy-symbol{font-size:34px;color:var(--cyan);text-shadow:0 0 24px #4de0ff55}.privacy-note strong{font-size:11px;letter-spacing:.18em}.privacy-note p{color:#a7bed6;font-size:12px;line-height:1.9;margin:9px 0 0}.privacy-note a{color:#8ceafc}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:94px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.15em;color:#91a5bd}.footer strong{color:#dceeff}.footer>div:last-child{text-align:right}.footer>div:first-child strong{font-size:20px;letter-spacing:-.1em;margin-right:6px}.foot-line{display:block;margin-top:7px}.footer>div:first-child span{color:var(--cyan)}
@media(max-width:1000px){.effects{grid-template-columns:repeat(3,1fr)}.effect{min-height:140px}.intro{padding-top:59px}.instructions{gap:7%}}@media(max-width:650px){.site-shell{padding:0 16px}.topbar{height:77px}.brandlines strong{font-size:9px}.brandlines small{font-size:7px}.brandmark{font-size:27px}.top-links{gap:8px}.label-online{display:none}.repo-link{font-size:9px}.intro{padding:48px 4px 30px}.intro h1{font-size:clamp(36px,10vw,62px)}.eyebrow{font-size:8px;letter-spacing:.18em}.eyebrow-line{width:16px}.lab{padding:7px}.stage{height:420px}.stage-header{font-size:8px}.stage-overlay{inset:27px 17px auto}.stage-bottom{left:17px;right:17px;bottom:15px}.coordinates{display:none}.stage-side{display:none}.status{font-size:9px}.control-dock{flex-wrap:wrap}.main-actions,.controls-right{width:100%}.main-actions button{flex:1}.controls-right button{flex:1}.dock-divider{display:none}.primary-action,.secondary-action,.switch-btn{padding:0 9px;font-size:10px}.section-heading{align-items:start}.microchip{display:none}.effect-section{margin:62px 0}.effects{grid-template-columns:repeat(2,minmax(0,1fr))}.effect{min-height:135px}.instructions{grid-template-columns:1fr;gap:28px}.privacy-note{padding:20px;gap:14px;align-items:flex-start}.footer{align-items:flex-start;flex-direction:column;padding:26px 0;gap:14px}.footer>div:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){.orbit{animation:none}html{scroll-behavior:auto}.effect{transition:none}}