:root{--bg-dark:#020304}*{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;overflow:hidden}.scene{isolation:isolate;background:radial-gradient(90vmax 56vmax at 50% -26%,#10161f 0%,#0000 64%),radial-gradient(150vmax 90vmax at 50% 120%,#040609 0%,#010203 58%);width:100vw;height:100vh;transition:background .56s;position:relative}.scene.is-on{background:radial-gradient(70vmax 46vmax at 50% 6%,#ffe8b0d9 0%,#ffd17457 30%,#0000 66%),radial-gradient(140vmax 94vmax at 50% 122%,#2a1f12 0%,#120d08 58%)}.ambient-glow{pointer-events:none;background:radial-gradient(circle at 50% 20%,#ffdb8000 0% 67%),radial-gradient(circle at 50% 104%,#0000008a 0%,#000000d6 64%);transition:background .42s;position:absolute;inset:0}.scene.is-on .ambient-glow{background:radial-gradient(circle at 50% 20%,#ffdd886b 0%,#ffdd8824 40%,#fd80 68%),radial-gradient(circle at 50% 104%,#0000004f 0%,#000000b3 64%)}.bulb-rig{flex-direction:column;align-items:center;width:min(45vw,340px);height:min(88vh,760px);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.fixture-cable{background:linear-gradient(#70767e 0%,#434a54 100%);border-radius:99px;width:4px;height:18vh;box-shadow:inset 0 0 0 1px #ffffff1a}.chandelier-frame{width:250px;height:92px;margin-top:-2px;position:relative}.crown{background:linear-gradient(#dfe6ef 0%,#8f9aa9 48%,#697482 100%);border:1px solid #c3ccd8b8;border-radius:0 0 28px 28px;width:108px;height:36px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 3px #ffffff80,0 6px 10px #00000047}.ornament-bar{background:linear-gradient(#f5e5bf 0%,#d7bc7f 42%,#a88a53 100%);border-radius:99px;width:158px;height:8px;position:absolute;top:30px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0000004d}.arm{filter:drop-shadow(0 4px 7px #0000004d);border:4px solid #d8bc7f;border-top:none;border-radius:0 0 66px 66px;width:86px;height:52px;position:absolute;top:34px}.arm-left{left:26px;transform:rotate(8deg)}.arm-right{right:26px;transform:rotate(-8deg)}.crystal{background:linear-gradient(#f2faffe0 0%,#a8bed28c 100%);border:1px solid #c9dceeb3;border-radius:50% 50% 60% 60%/42% 42% 68% 68%;width:16px;height:28px;position:absolute;box-shadow:inset 0 2px 2px #ffffff80,0 5px 10px #00000047}.crystal-left{top:62px;left:62px}.crystal-right{top:62px;right:62px}.crystal-center{width:18px;height:32px;top:58px;left:50%;transform:translate(-50%)}.bulb-wrap{place-items:start center;width:190px;height:260px;margin-top:-2px;display:grid;position:relative}.bulb-halo{opacity:0;filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#ffe2958f 0%,#ffe2951f 40%,#ffe29500 74%);border-radius:50%;width:320px;height:320px;transition:opacity .36s;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.bulb{background:radial-gradient(150px 126px at 38% 24%,#ffffff7a 0%,#ffffff24 30%,#ffffff08 50%,#9aa8b824 100%),linear-gradient(#cddae733 0%,#9eabb81a 100%);border:2px solid #c4d2e2b8;border-radius:50% 50% 44% 44%/58% 58% 40% 40%;width:158px;height:202px;transition:border-color .28s,box-shadow .28s,background .28s;position:relative;box-shadow:inset 10px 8px 16px #ffffff57,inset -18px -16px 30px #34404e29,0 16px 24px #0000004d}.glass-shine{filter:blur(.3px);background:linear-gradient(#ffffffbd,#ffffff0f);border-radius:50px;width:24px;height:94px;position:absolute;top:24px;left:27px}.glass-shine-small{opacity:.42;width:12px;height:54px;top:54px;left:auto;right:24px}.inner-stem{background:linear-gradient(#dbe7f285,#8693a152);border:1px solid #b8c6d670;border-radius:9px;width:18px;height:86px;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.support{background:linear-gradient(#525252 0%,#2f2f2f 100%);width:2px;height:58px;position:absolute;top:78px}.support-left{left:60px;transform:rotate(15deg)}.support-right{right:60px;transform:rotate(-15deg)}.filament-bar{background:linear-gradient(#c8ad74 0%,#896f3f 100%);border-radius:3px;width:24px;height:7px;position:absolute;top:92px;left:50%;transform:translate(-50%)}.filament{border:2px solid #3b3b3be6;border-top:none;border-radius:0 0 30px 30px;width:56px;height:30px;position:absolute;top:82px;left:50%;transform:translate(-50%)}.bulb-base{background:repeating-linear-gradient(#e4ebf4 0 6px,#aab6c4 6px 10px,#7b8694 10px 14px);border:1px solid #c8d4e4c7;border-radius:0 0 26px 26px;width:78px;height:60px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #ffffffb8,inset 0 -8px 12px #11141a59,0 8px 13px #00000057}.scene.is-on .bulb{background:radial-gradient(150px 128px at 38% 22%,#ffffffbd 0%,#fff7dc6b 31%,#ffe29b3d 54%,#ffd68524 100%),linear-gradient(#fff7e18a 0%,#ffd6794f 100%);border-color:#ffe9b1f5;box-shadow:inset 10px 8px 16px #ffffff94,inset -18px -16px 30px #ffb14240,0 0 54px #ffdb7bbd,0 16px 22px #0000003d}.scene.is-on .filament,.scene.is-on .support,.scene.is-on .filament-bar,.scene.is-on .crystal{filter:drop-shadow(0 0 5px #ffbf56b3)}.scene.is-on .crown,.scene.is-on .ornament-bar,.scene.is-on .arm{box-shadow:0 0 16px #ffcf6857}.scene.is-on .bulb-halo{opacity:1}.cord-anchor{width:34px;height:calc(100% - 18vh - 262px);min-height:238px;margin-top:2px;margin-left:118px;position:relative}.cord{transform-origin:top;will-change:transform, height;width:10px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.cord:before{content:"";background:radial-gradient(circle,#f7fafc 0 1.6px,#9da5b0 1.9px 3.7px,#0000 3.8px) 0 0/100% 9px repeat-y,linear-gradient(90deg,#0000 33%,#fff9 50%,#0000 67%) 0 0/100% 100% no-repeat;position:absolute;inset:0}.cord-tip{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 30% 24%,#fff 0%,#ecf0f4 38%,#a6adb7 100%);border:1px solid #dadde2;border-radius:18px;width:24px;height:34px;position:absolute;bottom:-18px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #0000004d,inset 0 2px 3px #ffffff8c}.cord-tip:active{cursor:grabbing}.cord-tip:focus-visible{outline-offset:4px;outline:2px solid #ffe8b0f2}.floor-shadow{filter:blur(11px);opacity:.48;pointer-events:none;background:radial-gradient(#0000009e 0%,#0000 66%);width:min(56vw,760px);height:min(32vh,256px);transition:opacity .4s,transform .4s;position:absolute;bottom:-10vh;left:50%;transform:translate(-50%)}.scene.is-on .floor-shadow{opacity:.67;transform:translate(-50%)scale(1.09)}.instruction{letter-spacing:.08em;text-transform:uppercase;color:#f8f8f88f;-webkit-user-select:none;user-select:none;font-size:clamp(12px,2vw,15px);transition:color .26s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scene.is-on .instruction{color:#2e1c03ad}@media (width<=700px){.bulb-rig{width:min(82vw,320px);height:min(88vh,720px)}.fixture-cable{height:16vh}.chandelier-frame{width:214px;height:84px}.crown{width:94px;height:32px}.ornament-bar{width:136px}.arm{width:74px;height:45px}.arm-left{left:26px}.arm-right{right:26px}.crystal-left{left:58px}.crystal-right{right:58px}.bulb-wrap{width:166px;height:236px}.bulb{width:138px;height:178px}.bulb-base{width:70px;height:54px}.cord-anchor{min-height:170px;margin-left:97px}.instruction{text-align:center;width:min(92vw,580px);line-height:1.35}}@media (width<=1024px){.bulb-rig{width:min(62vw,340px);height:min(90vh,740px)}.cord-anchor{margin-left:106px}}@media (height<=760px){.bulb-rig{height:94vh}.fixture-cable{height:14vh}.chandelier-frame{transform-origin:top;transform:scale(.88)}.bulb-wrap{height:220px}.cord-anchor{min-height:160px}}@media (prefers-reduced-motion:reduce){.scene,.ambient-glow,.bulb,.bulb-halo,.floor-shadow,.instruction{transition:none!important}}