:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-height:100%}:root{--ink:#f4f0e9;--muted:#8b8984;--red:#ff251a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:#050505;min-width:320px;margin:0;overflow:hidden}button{font:inherit}.app{height:100%;min-height:100%;color:var(--ink);isolation:isolate;background:radial-gradient(circle at 50% 40%,#463c381f,#0000 40%),linear-gradient(135deg,#0c0c0c,#030303);grid-template-rows:1fr;display:grid;position:relative}.app:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 52%, rgba(255, 20, 10, calc(var(--power) * .16)), transparent 62%);mix-blend-mode:screen;transition:background .35s;position:fixed;inset:0}header{z-index:5;justify-content:flex-start;align-items:center;padding:20px 28px 6px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-family:Arial Narrow,Helvetica Neue,sans-serif;font-size:17px;font-weight:650;display:flex}.brand-light{aspect-ratio:1;background:#4f1714;border:1px solid #a14841;border-radius:50%;width:9px;transition:all .3s;box-shadow:inset 0 1px 2px #fff4}.is-on .brand-light{background:var(--red);box-shadow:0 0 12px #ff201c,inset 0 1px 2px #fff8}header p{color:#74726e;margin:0;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.array-stage{min-height:0;position:relative;overflow:hidden}.array-stage canvas{inset:0;position:absolute!important}.heat-haze{pointer-events:none;opacity:calc(var(--power) * .72);filter:blur(35px);background:radial-gradient(#ff1c0f1f,#0000 68%);transition:opacity .35s;position:absolute;inset:2% 18%}.control-dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:20;background:#1b1b1a;border:1px solid #353535;border-radius:22px;justify-content:space-between;align-items:center;gap:32px;width:min(820px,100% - 28px);height:128px;margin:0;padding:18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:inset 0 1px #ffffff24,inset 0 0 18px #ffffff08}.control-logo-link{flex:0 auto;align-items:center;display:flex}.control-logo{object-fit:contain;width:auto;height:clamp(24px,7vw,52px);display:block}.status-copy{align-items:center;gap:11px;min-width:130px;display:flex}.status-copy div{flex-direction:column;gap:3px;display:flex}.status-copy strong{font-size:13px;font-weight:600}.status-copy span{color:var(--muted);font-size:11px}.status-dot{background:#555;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffffff08}.is-on .status-dot{background:var(--red);box-shadow:0 0 12px #ff1c15,0 0 0 4px #ff251a12}.power-switch{--switch-height:clamp(44px, 8vw, 72px);color:#8b8984;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.power-switch.active{color:#efebe4}.rocker-housing{width:calc(var(--switch-height) * .72);height:var(--switch-height);perspective:140px;background:linear-gradient(145deg,#050505,#292929);border:1px solid #3b3b3b;border-radius:9px;padding:4px;display:block;box-shadow:inset 0 3px 8px #000,0 1px #ffffff1a}.rocker-paddle{color:#8d8d8d;transform-origin:50%;background:linear-gradient(#3d3d3d,#171717);border:1px solid #4b4b4b;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;font:600 clamp(9px,1.5vw,12px)/1 Arial,sans-serif;transition:transform .2s,background .2s,color .2s;display:flex;transform:rotateX(-13deg);box-shadow:0 3px 5px #000b,inset 0 1px 1px #ffffff26}.rocker-on{color:#777;text-shadow:0 -1px #000}.rocker-off{border:1.5px solid;border-radius:50%;place-items:center;width:clamp(7px,1.5vw,10px);height:clamp(7px,1.5vw,10px);font-size:0;display:grid}.power-switch.active .rocker-paddle{color:#d9d9d9;background:linear-gradient(#3a2422,#1d1717);transform:rotateX(13deg);box-shadow:0 -2px 5px #000b,inset 0 -1px 1px #ffffff20}.power-switch.active .rocker-on{color:#ff584e;text-shadow:0 0 8px #ff2018}.slider-wrap{flex:1;justify-content:center;align-items:center;width:auto;min-width:150px;margin-left:0;display:flex;position:relative}.slider-wrap:before,.slider-wrap:after{content:"";pointer-events:none;border-radius:10px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.slider-wrap:before{background:linear-gradient(90deg, #e52a20 0 var(--value), #080808 var(--value) 100%);border:1px solid #3b3b3b;left:0;right:0;box-shadow:inset 0 2px 3px #000}.slider-wrap:after{left:max(0px, calc(var(--value) - 60px));width:min(60px, var(--value));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='16' viewBox='0 0 60 16'%3E%3Cdefs%3E%3Cpattern id='a' width='5' height='5' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2.5' cy='2.5' r='.5' fill='%23080808'/%3E%3C/pattern%3E%3Cpattern id='b' width='5' height='5' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2.5' cy='2.5' r='1' fill='%23080808'/%3E%3C/pattern%3E%3Cpattern id='c' width='5' height='5' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2.5' cy='2.5' r='1.7' fill='%23080808'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='20' height='16' fill='url(%23a)'/%3E%3Crect x='20' width='20' height='16' fill='url(%23b)'/%3E%3Crect x='40' width='20' height='16' fill='url(%23c)'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat}.slider-wrap.disabled{opacity:.42}.intensity-slider{appearance:none;cursor:pointer;z-index:1;background:0 0;width:100%;height:48px;margin:0;position:relative}.intensity-slider:disabled{cursor:default}.intensity-slider::-webkit-slider-runnable-track{background:0 0;border:1px solid #0000;border-radius:10px;height:16px}.intensity-slider::-webkit-slider-thumb{appearance:none;filter:drop-shadow(0 3px 3px #000);background:linear-gradient(90deg,#292929,#777 48%,#333) 50%/9px 30px no-repeat;border:0;width:24px;height:44px;margin-top:-15px}.intensity-slider::-moz-range-track{background:0 0;border:1px solid #0000;border-radius:10px;height:16px}.intensity-slider::-moz-range-progress{background:0 0;border-radius:10px;height:16px}.intensity-slider::-moz-range-thumb{filter:drop-shadow(0 3px 3px #000);background:linear-gradient(90deg,#292929,#777 48%,#333) 50%/9px 30px no-repeat;border:0;width:24px;height:44px}.intensity-slider:focus-visible{outline-offset:5px;outline:2px solid #ff443a}.power-switch:focus-visible{outline-offset:4px;outline:2px solid #ff443a}@media (width<=1620px){.control-dock{width:calc(100% - 20px);bottom:max(10px, env(safe-area-inset-bottom));gap:32px;height:128px;padding:18px}.slider-wrap{flex:1;width:auto;min-width:0;margin-left:0}}@media (width<=800px){body{min-height:100dvh}.app{height:100dvh;min-height:100dvh}.control-dock{width:100%;height:calc(196px + env(safe-area-inset-bottom));padding:14px 18px max(14px, env(safe-area-inset-bottom));border:0;border-radius:20px 20px 0 0;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:16px 20px;display:grid;bottom:0;left:0;transform:none;box-shadow:inset 0 1px #ffffff24}.control-logo-link{border-top:1px solid #ffffff18;grid-area:2/1/auto/-1;justify-content:center;width:100%;padding-top:18px}.control-logo{width:100%;height:auto;max-height:62px}.power-switch{flex:none;grid-area:1/1}.rocker-housing{perspective:300px;background:#0b0b0b;border-color:#393939;border-radius:10px;width:96px;height:52px;padding:4px;box-shadow:inset 0 2px 5px #000,inset 0 -1px #ffffff0a,0 1px #ffffff10}.rocker-paddle{transform-origin:50%;background:radial-gradient(at 28% 18%,#ffffff17,#0000 42%),linear-gradient(90deg,#3b3b3b 0%,#292929 46%,#171717 54%,#242424 100%);border-color:#555 #3b3b3b #292929 #4a4a4a;flex-direction:row;font-size:11px;position:relative;transform:rotateY(7deg);box-shadow:2px 1px 4px #000c,inset 2px 1px 2px #ffffff16,inset -3px 0 4px #0008}.rocker-paddle:after{content:"";pointer-events:none;background:#09090999;width:1px;position:absolute;top:5px;bottom:5px;left:50%;box-shadow:1px 0 #ffffff0d}.power-switch.active .rocker-paddle{background:radial-gradient(at 72% 18%,#ffffff14,#0000 42%),linear-gradient(90deg,#211918 0%,#181414 46%,#2b201f 54%,#3a2928 100%);transform:rotateY(-7deg);box-shadow:-2px 1px 4px #000c,inset -2px 1px 2px #ffffff12,inset 3px 0 4px #0008}.rocker-on,.rocker-off{text-shadow:0 1px #000,0 -1px #ffffff12}.rocker-off{border-width:1px;width:10px;height:10px}.slider-wrap{grid-area:1/2;width:auto;min-width:0;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}