.tv-shell{background:linear-gradient(145deg,#101216,#1a1e25);border:12px solid #2a2f3a;border-radius:16px;box-shadow:0 15px 40px #00000073,inset 0 0 0 2px #0b0d11}.tv-bezel{border:10px solid #000;border-radius:10px}.crt{position:relative;background:radial-gradient(ellipse at center,#6b747d,#2b2f36 70%,#1b1f26);border-radius:22px/16px;overflow:hidden;box-shadow:inset 0 0 60px #000c,inset 0 0 10px #ffffff0f;aspect-ratio:4 / 3}.crt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#ffffff09 0px 1px,#00000014 2px 3px);mix-blend-mode:overlay;pointer-events:none}.crt:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ffffff14,#0000008c 70%);pointer-events:none}@keyframes flicker{0%,to{opacity:.96}50%{opacity:1}}.flicker{animation:flicker 1.8s infinite linear}@media (prefers-reduced-motion: reduce){.flicker{animation:none}}.knob{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#505763,#1f2530);box-shadow:inset 0 0 3px #fff3,inset 0 0 18px #000000b3,0 6px 14px #00000080;position:relative;border:none;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;appearance:none;transition:transform .15s ease,box-shadow .15s ease}.knob:after{content:"";position:absolute;left:50%;top:6%;width:4px;height:28px;background:#e7e9ec;transform:translate(-50%);box-shadow:0 0 2px #ffffff80}.knob:focus-visible{outline:2px solid #38bdf8;outline-offset:4px}.knob--sound:after{content:none}.knob--sound svg{pointer-events:none}.knob--sound.is-active{transform:scale(1.05);box-shadow:inset 0 0 6px #ffffff4d,inset 0 0 20px #000000b3,0 8px 18px #0009}@keyframes crtPulse{0%{transform:scale(1)}35%{transform:scale(1.018)}to{transform:scale(1)}}.crt.sound-pulse{animation:crtPulse .24s ease-out}.speaker{background:repeating-linear-gradient(to right,#161a21 0 2px,#0b0f16 2px 5px)}.screen{display:none}.screen.active{display:flex}.power-led.off{background:#2f3b46!important;box-shadow:none!important}@media (max-width: 1024px){.tv-shell{border-width:10px;border-radius:14px}.tv-bezel{border-width:8px}}@media (max-width: 640px){body{padding-bottom:2rem}.tv-shell{border-width:8px;border-radius:12px;padding:1.5rem!important;box-shadow:0 10px 28px #00000073}.tv-bezel{border-width:6px}.crt{aspect-ratio:3 / 4;border-radius:18px/14px}.screen.active{padding:1.5rem!important;gap:1.5rem}.screen header h1{font-size:1.5rem!important}.screen form{width:100%}.screen form input,.screen form button{font-size:.95rem}.screen form .grid{gap:.75rem}.screen .w-full.max-w-md{padding:1.25rem!important}.knob{width:48px;height:48px}.knob:after{height:22px}.speaker{display:none}header button{font-size:.85rem;padding-inline:.75rem}}