.cg-root{position:relative;overflow:hidden;--cg-tint: #33ff88;--cg-tint-amount: .12;--cg-scan: .35;--cg-bloom: .45;--cg-vignette: .55;--cg-beam-seconds: 6s;background:#000;border-radius:18px;isolation:isolate}.cg-content{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.02);transform-origin:center}.cg-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cg-glow{mix-blend-mode:screen;background:radial-gradient(60% 50% at 50% 45%,rgba(255,255,255,calc(var(--cg-bloom) * .18)),transparent 70%)}.cg-tint{mix-blend-mode:overlay;background:var(--cg-tint);opacity:var(--cg-tint-amount)}.cg-scan{background:repeating-linear-gradient(to bottom,#0000 0,#0000 2px,rgba(0,0,0,calc(var(--cg-scan) * .6)) 2px,rgba(0,0,0,calc(var(--cg-scan) * .6)) 3px);animation:cg-roll 9s linear infinite}@keyframes cg-roll{0%{background-position-y:0}to{background-position-y:90px}}.cg-beam{--h: 80px;height:var(--h);left:0;right:0;top:calc(-1 * var(--h));background:linear-gradient(#b4ffd200,#b4ffd20f,#b4ffd200);animation:cg-sweep var(--cg-beam-seconds) linear infinite}@keyframes cg-sweep{0%{top:calc(-1 * var(--h))}to{top:100%}}.cg-vignette{background:radial-gradient(100% 100% at 50% 50%,transparent 30%,rgba(0,0,0,var(--cg-vignette)));box-shadow:inset 0 0 200px 48px #000000eb;border-radius:inherit}.cg-root[data-flicker=on] .cg-vignette{animation:cg-flick .14s steps(3) infinite}@keyframes cg-flick{0%{opacity:.97}50%{opacity:1}to{opacity:.98}}@media (prefers-reduced-motion: reduce){.cg-scan,.cg-beam,.cg-root[data-flicker=on] .cg-vignette{animation:none}}.cgh{position:relative;width:100%;overflow:hidden;border-radius:14px;background:#000}.cgh .cg-content>iframe,.cgh .cgh-frame{width:100%;height:100%;border:0;display:block;background:#000}.cgh-missing{display:grid;place-items:center;height:100%;color:#5a9;font:13px ui-monospace,monospace}.cgh-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#000}.cgh-poster img{width:100%;height:100%;object-fit:cover;display:block}.cgh-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#fff;background:#00000073;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 24px #00000080;padding-left:4px}.cgh-poster:hover .cgh-play{background:#000000a6;transform:translate(-50%,-50%) scale(1.06)}.cgh-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 22px 18px;pointer-events:none;background:linear-gradient(transparent,#000000b3);color:#fff;font-family:ui-sans-serif,system-ui,sans-serif}.cgh-title{margin:0;font-size:clamp(18px,3vw,28px);text-shadow:0 2px 8px #000}.cgh-sub{margin:4px 0 10px;opacity:.85;font-size:13px}.cgh-cta{pointer-events:auto;display:inline-block;padding:9px 16px;border-radius:999px;background:#fff;color:#111;font-weight:700;font-size:13px;text-decoration:none}.cgh-cta:hover{background:#f0f0f0}*{box-sizing:border-box}:root{--spill: rgba(255, 154, 60, .18);--spill-soft: rgba(255, 154, 60, .3)}html,body,#root{height:100%;margin:0}body{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d8c9b0;background:radial-gradient(120% 80% at 50% 14%,#1c1813,#0c0a08 58%,#050403),#060504;overflow-x:hidden}body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:30%;pointer-events:none;background:linear-gradient(#0000,#1d130a55 40%,#2a1a0e99);-webkit-mask:linear-gradient(#0000,#000 60%);mask:linear-gradient(#0000,#000 60%)}.room{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:64px 16px 48px}.tv{position:relative;width:min(94vw,940px)}.antennae{position:absolute;left:50%;top:-2px;transform:translate(-50%);height:0;z-index:0}.ant-base{position:absolute;left:-16px;top:-8px;width:32px;height:16px;border-radius:16px 16px 4px 4px;background:linear-gradient(#3a3a40,#15151a);box-shadow:0 3px 6px #0009,inset 0 1px #fff3}.ant{position:absolute;bottom:0;left:0;width:4px;height:200px;border-radius:3px;background:linear-gradient(#e7e7ef,#9a9aa6 30%,#55555e);transform-origin:bottom center;box-shadow:0 0 4px #0006}.ant:after{content:"";position:absolute;top:-7px;left:-4px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b9b9c4 45%,#6a6a74);box-shadow:0 1px 3px #0008}.ant-l{transform:rotate(-32deg);animation:sway-l 7s ease-in-out infinite}.ant-r{transform:rotate(32deg);animation:sway-r 7s ease-in-out infinite}@keyframes sway-l{0%,to{transform:rotate(-32deg)}50%{transform:rotate(-29deg)}}@keyframes sway-r{0%,to{transform:rotate(32deg)}50%{transform:rotate(35deg)}}.cabinet{position:relative;z-index:1;border-radius:26px 26px 16px 16px;padding:28px;display:flex;flex-direction:column;gap:22px;background:repeating-linear-gradient(91deg,#00000018 0,#00000018 3px,#ffffff08 3px,#ffffff08 6px,#00000010 6px,#00000010 11px),linear-gradient(160deg,#74442a,#5a3320 42%,#3c2013);box-shadow:0 2px #ffffff1f inset,0 -18px 40px #0006 inset,0 44px 80px -24px #000c,0 16px 34px #0009}.cabinet:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:18px;pointer-events:none;box-shadow:0 0 0 2px #0003,0 0 26px #0006 inset}.screen-housing{position:relative;border-radius:50px/40px;padding:20px;background:linear-gradient(150deg,#14110d,#241a12);box-shadow:0 0 0 3px #0006,0 10px 30px #000a inset,0 2px #ffffff14 inset,0 0 80px -8px var(--spill-soft)}.screen{position:relative;aspect-ratio:4/3;border-radius:46px/36px;overflow:hidden;background:#020a06;box-shadow:0 0 60px #0008 inset,0 0 0 6px #0b0907}.screen>:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.screen .cg-root{border-radius:0}.sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:46px/36px;z-index:5;background:radial-gradient(120% 80% at 30% 10%,#fff2,#fff0 38%),radial-gradient(120% 120% at 50% 50%,#0000 60%,#0005);mix-blend-mode:screen}.screen-off{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#0a0d0a,#000 80%)}.screen-off:after{content:"";position:absolute;left:50%;bottom:16px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:#c0392b;box-shadow:0 0 8px #e74c3c;opacity:.8}.no-signal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;background:#060806}.snow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");animation:snow .4s steps(4) infinite}@keyframes snow{to{background-position:60px 30px}}.ns-text{position:relative;text-align:center;color:#cfe;text-shadow:0 0 8px #0af;line-height:1.5}.ns-text b{font-size:30px;letter-spacing:.3em;display:block}.ns-text span{font-size:12px;color:#9bd;display:block;margin-top:8px}.ns-text em{font-size:11px;color:#6ab}.brand{font-weight:800;letter-spacing:.14em;font-size:13px;color:#f0dca6;text-shadow:0 1px 0 #0008}.brand small{display:block;font-weight:600;font-size:9px;letter-spacing:.22em;color:#caa84ecc;margin-top:2px}.deck{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.grp{background:linear-gradient(#0002,#00000010);border:1px solid #00000044;border-radius:10px;padding:8px 12px 10px;box-shadow:inset 0 1px #ffffff10,0 2px 6px #0004}.grp-head{font-size:8.5px;letter-spacing:.22em;color:#caa84e;font-weight:800;margin-bottom:8px;text-align:center}.grp-row{display:flex;gap:16px;align-items:flex-end;justify-content:center;height:100%}.grp-col{display:flex;flex-direction:column;gap:10px}.grp-wide{flex:1;min-width:230px}.ctl-label{font-size:9px;letter-spacing:.12em;color:#e9d6a8;font-weight:700;text-align:center}.ctl-label em{color:#caa84e;font-style:normal;margin-left:4px}.ctl-val{font-size:9px;color:#caa84e;height:11px;text-align:center}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.knob{border-radius:50%;position:relative;cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 38% 32%,#f6e7b0,#c8a64a 46%,#6f5117);box-shadow:0 4px 8px #000a,0 0 0 4px #2a1c0e,0 0 0 6px #0006,inset 0 -3px 6px #0006,inset 0 2px 3px #fff6}.knob:after{content:"";position:absolute;left:50%;top:7px;width:4px;height:16px;margin-left:-2px;border-radius:2px;background:linear-gradient(#3a2a10,#1c1407);box-shadow:0 0 2px #000}.knob-label{font-size:9px;letter-spacing:.12em;color:#e9d6a8;font-weight:700}.knob-val{font-size:9px;color:#caa84e;height:11px}.fader{display:flex;flex-direction:column;align-items:center;gap:4px}.fader-slot{position:relative;width:14px;height:86px;border-radius:7px;cursor:pointer;touch-action:none;background:linear-gradient(#0b0805,#1a120a);box-shadow:inset 0 0 0 1px #0008,inset 0 2px 6px #000}.fader-fill{position:absolute;left:0;right:0;bottom:0;border-radius:7px;background:linear-gradient(#caa84e55,#caa84e22);pointer-events:none}.fader-cap{position:absolute;left:-6px;width:26px;height:14px;border-radius:4px;background:linear-gradient(#e9d6a8,#8a6f2b);box-shadow:0 2px 4px #000a,inset 0 1px #fff6,inset 0 -2px 3px #0005;pointer-events:none}.fader-cap:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;margin-top:-1px;background:#3a2a10;border-radius:2px}.scrub{display:flex;flex-direction:column;gap:5px;min-width:170px}.scrub-bar{position:relative;height:14px;border-radius:8px;cursor:pointer;touch-action:none;box-shadow:inset 0 0 0 1px #0008,inset 0 1px 4px #0006,0 1px #ffffff14}.scrub-thumb{position:absolute;top:50%;width:14px;height:22px;margin:-11px 0 0 -7px;border-radius:4px;background:linear-gradient(#fff,#c8c2b4 40%,#7a7468);box-shadow:0 2px 5px #000b,inset 0 1px #fff;border:1px solid #0007;pointer-events:none}.msw{display:flex;flex-direction:column;gap:5px}.msw-bank{position:relative;display:flex;background:#0b0805;border-radius:7px;padding:2px;box-shadow:inset 0 2px 5px #000}.msw-glow{position:absolute;top:2px;bottom:2px;border-radius:5px;background:linear-gradient(var(--spill-soft, #caa84e55),#0000);transition:left .12s ease;pointer-events:none;box-shadow:0 0 10px var(--spill, #caa84e55)}.msw-bank button{position:relative;z-index:1;flex:1;border:0;background:transparent;cursor:pointer;font:800 9px ui-monospace,monospace;letter-spacing:.06em;color:#8a7e66;padding:5px 9px}.msw-bank button.on{color:#fff2cf;text-shadow:0 0 6px var(--spill, #caa84e)}.chbar{display:flex;flex-direction:column;gap:5px}.chbar-strip{display:flex;gap:4px}.chip{width:22px;height:22px;border-radius:5px;border:1px solid #0007;cursor:pointer;padding:0;box-shadow:inset 0 1px #fff4,0 1px 3px #0007}.chip.on{outline:2px solid #fff2cf;outline-offset:1px;box-shadow:0 0 10px var(--spill, #caa84e)}.deck-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:2px}.presets{display:flex;flex-wrap:wrap;gap:4px;max-width:62%}.presets button{font:700 9px ui-monospace,monospace;letter-spacing:.04em;padding:4px 7px;cursor:pointer;color:#f0dca6;background:#2a1a0e;border:1px solid #00000055;border-radius:5px;box-shadow:inset 0 1px #ffffff14}.presets button:hover{background:#3a2616}.grille{width:150px;height:52px;border-radius:8px;flex:none;background:repeating-linear-gradient(0deg,#2a1a0e 0,#2a1a0e 3px,#0b0805 3px,#0b0805 6px),linear-gradient(160deg,#3a2616,#241509);box-shadow:0 0 0 2px #0004,0 4px 10px #0008 inset,0 1px #ffffff10 inset}.legs{position:absolute;left:0;right:0;bottom:-52px;height:62px;display:flex;justify-content:space-between;padding:0 64px;z-index:0}.legs i{display:block;width:16px;height:62px;transform-origin:top center;background:linear-gradient(#3c2414,#1c1107);border-radius:0 0 6px 6px;box-shadow:0 8px 14px #0009}.legs i:first-child{transform:rotate(9deg)}.legs i:last-child{transform:rotate(-9deg)}.legs i:nth-child(2){transform:rotate(4deg)}.legs i:nth-child(3){transform:rotate(-4deg)}.remote{width:min(94vw,680px);margin-top:22px;padding:14px 18px;border-radius:16px;background:linear-gradient(160deg,#2c2f34,#16181c 70%);color:#cdd2d8;box-shadow:0 2px #ffffff12 inset,0 -8px 20px #0005 inset,0 18px 36px -12px #000b,0 0 0 1px #000;display:flex;flex-direction:column;gap:11px}.remote-top{display:flex;align-items:center;gap:12px}.r-power{width:38px;height:38px;border-radius:50%;border:1px solid #000;cursor:pointer;font-size:16px;background:radial-gradient(circle at 38% 32%,#3a3e44,#14161a);color:#8a929c;box-shadow:0 3px 6px #0008,inset 0 1px #ffffff1c}.r-power.on{color:#6f9;box-shadow:0 0 12px #2ecc7155,inset 0 0 8px #2ecc7144}.r-brand{flex:1;font-weight:800;letter-spacing:.16em;font-size:12px;color:#e7ecf2}.r-brand small{display:block;font-weight:600;font-size:8px;letter-spacing:.26em;color:#8a929c}.r-channel{display:flex;align-items:center;gap:4px;font-size:9px;color:#8a929c;letter-spacing:.1em}.r-channel button{width:26px;height:22px;border-radius:5px;border:1px solid #000;background:#23262b;color:#cdd2d8;cursor:pointer}.r-channel button:hover{background:#313640}.r-tune{display:flex;align-items:center;gap:8px;background:#0b0d10;border-radius:10px;padding:8px 10px;box-shadow:inset 0 2px 6px #000}.r-dot{width:9px;height:9px;border-radius:50%;background:#3a3;opacity:.3;transition:opacity .2s;box-shadow:0 0 6px #2ecc71}.r-dot[data-live="1"]{opacity:1;animation:blink 1.4s steps(2) infinite}@keyframes blink{50%{opacity:.35}}.r-url{flex:1;background:transparent;border:0;outline:0;color:#7fffc0;font:14px ui-monospace,monospace;letter-spacing:.02em;text-shadow:0 0 6px #2ecc7166}.r-url::placeholder{color:#4a6a58}.r-go{font:800 12px ui-monospace,monospace;letter-spacing:.06em;padding:8px 14px;border-radius:8px;cursor:pointer;color:#02140b;background:linear-gradient(#5dffaf,#18c46e);border:0;box-shadow:0 2px #0a7d45,0 4px 8px #0007}.r-go:active{transform:translateY(1px);box-shadow:0 1px #0a7d45}.r-presets{display:flex;flex-wrap:wrap;gap:6px}.r-presets button{font:700 10px ui-monospace,monospace;letter-spacing:.06em;padding:6px 10px;border-radius:6px;cursor:pointer;color:#cdd2d8;background:#23262b;border:1px solid #000;box-shadow:inset 0 1px #ffffff10}.r-presets button:hover{background:#313640}.r-presets button.on{color:#6f9;border-color:#2ecc71;box-shadow:0 0 10px #2ecc7133,inset 0 0 6px #2ecc7122}.status-line{font-size:12px;color:#8a7e66;letter-spacing:.03em;text-align:center;margin:4px 0 0}.boundary{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:24px;background:radial-gradient(circle at 50% 45%,#0d130d,#050705 80%);color:#9fe6c0;font:14px ui-monospace,monospace}.boundary-page{position:fixed}.boundary-b{font-size:24px;letter-spacing:.3em;margin-bottom:14px;color:#ffd0c0;text-shadow:0 0 10px #ff5a3c55}.boundary-s{opacity:.85;max-width:52ch;line-height:1.7}.boundary-s code{color:#ffb;word-break:break-word}.boundary-s button{margin-top:4px;font:700 11px ui-monospace,monospace;letter-spacing:.06em;cursor:pointer;color:#cfe;background:#1a221c;border:1px solid #2a6;border-radius:6px;padding:6px 12px}.boundary-s button:hover{background:#22302a}.sample{height:100%;overflow-y:auto;background:#0e1320;color:#dde;font-family:ui-sans-serif,system-ui,sans-serif}.sample-nav{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#0a0f1a;position:sticky;top:0}.sample-nav nav a{color:#9fb;margin-left:14px;text-decoration:none;font-size:13px}.sample-hero{padding:54px 22px;text-align:center;background:radial-gradient(60% 80% at 50% 0%,#14233f,transparent)}.sample-hero h1{font-size:42px;margin:0}.sample-hero h1 span{color:#4f8cff}.sample-hero p{color:#9aa7c0}.sample-cta{margin-top:16px;display:flex;gap:10px;justify-content:center}.sample-cta button{padding:10px 18px;border-radius:8px;border:0;background:#4f8cff;color:#fff;cursor:pointer}.sample-cta button.ghost{background:transparent;border:1px solid #4f8cff;color:#9bf}.sample-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;padding:22px}.sample-card{background:#121a2c;border:1px solid #1e2a44;border-radius:12px;padding:16px}.sample-card .dot{width:12px;height:12px;border-radius:50%;margin-bottom:8px}.sample-card h3{margin:4px 0}.sample-card p{color:#8a98b8;font-size:12px}.sample-form{padding:22px}.sample-form input:not([type]),.sample-form input[type=text]{padding:8px;border-radius:6px;border:1px solid #28324a;background:#0e1320;color:#dde;width:280px}.sample-form label{display:block;margin-top:10px;color:#8a98b8}@media (prefers-reduced-motion: reduce){.ant-l,.ant-r,.snow,.r-dot{animation:none!important}}@media (max-width: 720px){.deck{gap:10px}.grp-wide{min-width:100%}.ant{height:130px}}