:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#173a39;--cream:#fff0c7;--teal:#58c6bc;--deep-teal:#24766f;--coral:#e77958}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--teal);color:var(--cream);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{font:inherit}button{color:inherit}.experience{isolation:isolate;background:linear-gradient(#25120830 0,#0000 28% 72%,#2912083d 100%),radial-gradient(circle at 50% 42%,#ffe7b91c 0,#0000 38%),url(/tv-free-environment.jpg) 50%/cover no-repeat;width:100vw;height:100svh;min-height:620px;position:relative;overflow:hidden}.experience:before{z-index:-1;content:"";background:linear-gradient(100deg,#1f0e0747,#0000 27% 72%,#220e0652),linear-gradient(#1e0d0629,#0000 24% 76%,#1c0c052e);position:absolute;inset:0}.sceneCanvas{z-index:1;touch-action:none;position:absolute;inset:0}.sceneCanvas canvas{cursor:grab;outline:none;display:block}.sceneCanvas canvas:active{cursor:grabbing}.sceneHalo{z-index:0;filter:blur(58px);pointer-events:none;background:#3e1d0d47;border-radius:50%;width:min(76vw,1040px);height:24vh;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.sceneNoise{z-index:2;opacity:.055;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:absolute;inset:0}.screenMount{pointer-events:none;-webkit-user-select:none;user-select:none}.meshKnobMount{pointer-events:auto}.meshKnobHit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;outline:0;width:112px;height:112px;padding:0;display:block}.meshKnobHit:focus-visible{outline-offset:7px;outline:6px solid #fff4d5e6}.threeScreen{isolation:isolate;color:#f8e7bb;background:radial-gradient(circle at 50% 43%, color-mix(in srgb, var(--screen-accent) 62%, transparent), transparent 31%), linear-gradient(145deg, var(--screen-a), var(--screen-b) 54%, #07171a);border:1px solid #fff3d52e;border-radius:76px;width:700px;height:504px;font-family:Arial,Helvetica,sans-serif;transition:background .22s,filter .22s;position:relative;overflow:hidden;box-shadow:inset 0 0 125px #000000d1,inset 18px 10px 30px #ffffff0d,0 0 18px #491f0f5c}.threeScreen:before,.threeScreen:after{z-index:-1;aspect-ratio:1;content:"";border:3px solid #f8e7bb29;border-radius:50%;width:58%;position:absolute}.threeScreen:before{top:9%;left:21%;transform:rotate(18deg)}.threeScreen:after{border-color:color-mix(in srgb, var(--screen-accent) 35%, transparent);width:38%;top:23%;left:31%;transform:rotate(-20deg)}.threeScanlines,.threeReflection{pointer-events:none;position:absolute;inset:0}.threeScanlines{z-index:5;opacity:.28;background:repeating-linear-gradient(#0000 0 4px,#00000057 5px 6px)}.threeReflection{z-index:4;mix-blend-mode:screen;background:linear-gradient(115deg,#ffffff24,#0000 27%),radial-gradient(#0000 50%,#00000080 100%)}.threeBroadcast{z-index:2;transition:opacity .18s;animation:.54s cubic-bezier(.22,1,.36,1) both threeTuneIn;position:absolute;inset:0}.threeStation{letter-spacing:.21em;gap:20px;font-size:15px;font-weight:800;display:flex;position:absolute;top:54px;left:64px}.threeStation b{color:var(--screen-accent)}.threeProgram{text-align:center;width:82%;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.threeProgram small{color:var(--screen-accent);letter-spacing:.28em;font-size:14px;font-weight:900}.threeProgram h1{color:#fff0c7;letter-spacing:-.055em;text-shadow:0 5px #653228,0 0 32px #fff0c747;margin:19px 0 0;font-family:Georgia,Times New Roman,serif;font-size:64px;font-style:italic;font-weight:500;line-height:.95}.threeProgram p{color:#fff0c7bd;margin:22px auto 26px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-style:italic}.threeAction{letter-spacing:.13em;border:1px solid #fff0c78a;border-radius:999px;justify-content:center;align-items:center;min-width:190px;height:44px;font-size:12px;font-weight:900;display:inline-flex}.threeSignal{color:#fff0c78f;letter-spacing:.2em;font-size:12px;font-weight:900;position:absolute;bottom:45px;right:60px}.threeStandby{z-index:3;opacity:0;color:#fff0c770;justify-content:center;align-items:center;gap:14px;font-family:Georgia,Times New Roman,serif;font-size:28px;font-style:italic;transition:opacity .22s;display:flex;position:absolute;inset:0}.threeStandby i{background:#d76b52;border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #d76b52}.threeScreen.isOff{filter:brightness(.8);background:#060807}.threeScreen.isOff:before,.threeScreen.isOff:after,.threeScreen.isOff .threeBroadcast{opacity:0;visibility:hidden;animation:none}.threeScreen.isOff .threeStandby{opacity:1}@keyframes threeTuneIn{0%{opacity:0;filter:brightness(3)blur(9px);transform:scaleY(.06)}38%{opacity:1;filter:brightness(2);transform:scaleY(.06)}to{opacity:1;filter:none;transform:scaleY(1)}}.sceneHeader{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:clamp(20px,4vw,52px);left:clamp(22px,5vw,76px);right:clamp(22px,5vw,76px)}.wordmark{color:var(--cream);text-shadow:0 2px 18px #0e454147;pointer-events:auto;align-items:center;gap:11px;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.5vw,24px);font-style:italic;text-decoration:none;display:inline-flex}.wordmark span{aspect-ratio:1;border:1px solid #fff0c7a6;border-radius:50%;place-items:center;width:34px;font-size:17px;font-style:normal;display:grid}.sceneHeader p{color:#fff0c7ad;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.sceneHud{z-index:4;pointer-events:none;position:absolute;inset:0}.broadcastStatus{align-items:center;gap:13px;min-width:180px;display:flex;position:absolute;bottom:clamp(28px,5vw,64px);left:clamp(22px,5vw,76px)}.statusLight{background:#765044;border:1px solid #fff0c78c;border-radius:50%;flex:none;width:10px;height:10px;transition:background .24s,box-shadow .24s;box-shadow:0 0 0 5px #2a69646b}.statusLight.isOn{background:#ff9a69;box-shadow:0 0 18px #ff875c,0 0 0 5px #2a69646b}.broadcastStatus p,.broadcastStatus strong{margin:0;line-height:1.25}.broadcastStatus p{color:#fff0c79e;letter-spacing:.2em;text-transform:uppercase;font-size:9px;font-weight:800}.broadcastStatus strong{margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-style:italic;font-weight:500;display:block}.controlPanel{pointer-events:auto;gap:9px;display:flex;position:absolute;bottom:clamp(28px,5vw,64px);right:clamp(22px,5vw,76px)}.controlButton{min-width:154px;color:var(--cream);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;text-align:left;background:#115a5575;border:1px solid #fff0c747;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;transition:transform .18s,border-color .18s,background .18s;display:flex;box-shadow:inset 0 1px #ffffff12,0 12px 32px #0a3f3c24}.controlButton:hover{background:#176761a6;border-color:#fff0c7a3;transform:translateY(-2px)}.controlButton:active{transform:translateY(0)scale(.98)}.controlButton:focus-visible,.wordmark:focus-visible{outline-offset:4px;outline:2px solid #fff}.controlIcon{aspect-ratio:1;color:#ffe4ad;background:#0b464285;border:1px solid #fff0c759;border-radius:50%;flex:none;place-items:center;width:35px;font-size:14px;transition:color .18s,background .18s,box-shadow .18s;display:grid}.channelIcon{font-size:19px}.controlButton.isActive .controlIcon{color:#fff3d4;background:#c46b43;box-shadow:0 0 18px #ff975b59}.controlButton small{color:#fff0c78c;letter-spacing:.16em;text-transform:uppercase;margin-bottom:2px;font-size:7px;font-weight:800;display:block}.controlButton span:last-child{letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.interactionHint{color:#fff0c785;letter-spacing:.14em;text-transform:uppercase;justify-content:center;gap:22px;margin:0;font-size:8px;font-weight:800;display:flex;position:absolute;bottom:clamp(112px,10vw,128px);left:0;right:0}.interactionHint span+span:before{color:#fff0c74d;content:"·";margin-right:22px}@media (max-width:760px){.experience{min-height:540px}.sceneHeader p,.interactionHint{display:none}.sceneHeader{justify-content:center}.broadcastStatus{text-align:left;justify-content:center;bottom:104px;left:50%;transform:translate(-50%)}.controlPanel{bottom:24px;left:14px;right:14px}.controlButton{flex:1;justify-content:center;min-width:0}}@media (max-height:680px) and (min-width:761px){.sceneHeader{top:20px}.broadcastStatus,.controlPanel{bottom:22px}.interactionHint{bottom:84px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}