*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body,#app{min-height:100dvh}.sync-badge{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:1;margin:0;display:flex;align-items:center;gap:.45rem;font-size:.75rem;letter-spacing:.01em;white-space:nowrap;color:#7c7c81;transition:color .45s ease}.room--on .sync-badge{color:#6b6b70}.sync-badge__dot{width:7px;height:7px;border-radius:50%;background-color:currentColor;transition:background-color .3s ease}.sync-badge--live .sync-badge__dot{background-color:#34c759}.sync-badge--connecting .sync-badge__dot{animation:sync-badge-pulse 1.2s ease-in-out infinite}@keyframes sync-badge-pulse{0%,to{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.sync-badge--connecting .sync-badge__dot{animation:none}}.room{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;transition:background-color .45s ease}.room--off{background-color:#1c1c1e}.room--on{background-color:#fffdf5;background-image:radial-gradient(ellipse 80% 50% at 50% 28%,rgba(255,220,80,.28) 0%,transparent 70%)}.bulb{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.bulb__globe{width:72px;height:72px;border-radius:50%;transition:background-color .45s ease,box-shadow .45s ease}.room--off .bulb__globe{background-color:#3a3a3c;box-shadow:none}.room--on .bulb__globe{background-color:#ffe566;box-shadow:0 0 18px 6px #ffdc3c99,0 0 60px 20px #ffc82847}.bulb__base{width:28px;height:18px;border-radius:0 0 5px 5px;transition:background-color .45s ease}.room--off .bulb__base{background-color:#3a3a3c}.room--on .bulb__base{background-color:#b8941c}.switch-plate{position:relative;z-index:1;overflow:hidden;width:88px;height:148px;background-color:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0006,inset 0 1px #ffffffb3}.switch-paddle{width:58px;height:116px;border:none;border-radius:5px;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,background .13s ease;transform-origin:center center}.switch-paddle[aria-pressed=false]{background:linear-gradient(180deg,#e8e8e8,#c8c8c8);transform:perspective(280px) rotateX(-16deg);box-shadow:0 5px 8px #0000004d}.switch-paddle[aria-pressed=true]{background:linear-gradient(180deg,#d0d0d0,#e8e8e8);transform:perspective(280px) rotateX(16deg);box-shadow:0 1px 3px #0003}.switch-paddle:active,.switch-paddle--pressed{transform:perspective(280px) rotateX(0)!important;transition:transform .06s ease}.switch-plate__charge{position:absolute;inset:0;pointer-events:none;transform-origin:bottom center;background:linear-gradient(0deg,#ff5abebf,#ffaa5099 45%,#6ebeff80);animation:switch-charge 4s linear forwards}@keyframes switch-charge{0%{opacity:0;transform:scaleY(0)}25%{opacity:0}45%{opacity:1}to{opacity:1;transform:scaleY(1)}}.room--party{overflow:hidden;background-color:#17171b}.room--party.room--on{background-color:#17171b;background-image:none}.room--party.room--on .bulb__globe{animation:bulb-color-cycle 6s linear infinite}@keyframes bulb-color-cycle{0%,to{background-color:#ff2d78;box-shadow:0 0 18px 6px #ff2d7899,0 0 60px 20px #ff2d7847}16.6%{background-color:#ff9f1c;box-shadow:0 0 18px 6px #ff9f1c99,0 0 60px 20px #ff9f1c47}33.3%{background-color:#ffe066;box-shadow:0 0 18px 6px #ffe06699,0 0 60px 20px #ffe06647}50%{background-color:#2ec4b6;box-shadow:0 0 18px 6px #2ec4b699,0 0 60px 20px #2ec4b647}66.6%{background-color:#5390ff;box-shadow:0 0 18px 6px #5390ff99,0 0 60px 20px #5390ff47}83.3%{background-color:#b967ff;box-shadow:0 0 18px 6px #b967ff99,0 0 60px 20px #b967ff47}}.room__confetti{position:absolute;inset:0;pointer-events:none}.confetti-piece{position:absolute;top:-10%;left:calc((100% / 24) * var(--i, 0));width:10px;height:16px;background-color:var(--confetti-color, #fff);animation:confetti-fall linear infinite;animation-duration:var(--duration, 4s);animation-delay:var(--delay, 0s);opacity:.9}.confetti-piece:nth-child(n){--confetti-color: #ff2d78}.confetti-piece:nth-child(2n){--confetti-color: #ffe066}.confetti-piece:nth-child(3n){--confetti-color: #2ec4b6}.confetti-piece:nth-child(4n){--confetti-color: #5390ff}.confetti-piece:nth-child(5n){--confetti-color: #b967ff}.confetti-piece:nth-child(1){--i: 0;--duration: 3.4s;--delay: 0s}.confetti-piece:nth-child(2){--i: 1;--duration: 4.1s;--delay: .2s}.confetti-piece:nth-child(3){--i: 2;--duration: 3.7s;--delay: .4s}.confetti-piece:nth-child(4){--i: 3;--duration: 4.6s;--delay: .1s}.confetti-piece:nth-child(5){--i: 4;--duration: 3.2s;--delay: .5s}.confetti-piece:nth-child(6){--i: 5;--duration: 4.3s;--delay: .3s}.confetti-piece:nth-child(7){--i: 6;--duration: 3.9s;--delay: .6s}.confetti-piece:nth-child(8){--i: 7;--duration: 4.8s;--delay: .15s}.confetti-piece:nth-child(9){--i: 8;--duration: 3.5s;--delay: .45s}.confetti-piece:nth-child(10){--i: 9;--duration: 4.2s;--delay: .25s}.confetti-piece:nth-child(11){--i: 10;--duration: 3.8s;--delay: .55s}.confetti-piece:nth-child(12){--i: 11;--duration: 4.5s;--delay: .35s}.confetti-piece:nth-child(13){--i: 12;--duration: 3.3s;--delay: .05s}.confetti-piece:nth-child(14){--i: 13;--duration: 4.7s;--delay: .5s}.confetti-piece:nth-child(15){--i: 14;--duration: 3.6s;--delay: .2s}.confetti-piece:nth-child(16){--i: 15;--duration: 4.4s;--delay: .6s}.confetti-piece:nth-child(17){--i: 16;--duration: 3.1s;--delay: .3s}.confetti-piece:nth-child(18){--i: 17;--duration: 4.9s;--delay: .1s}.confetti-piece:nth-child(19){--i: 18;--duration: 3.9s;--delay: .4s}.confetti-piece:nth-child(20){--i: 19;--duration: 4s;--delay: .55s}.confetti-piece:nth-child(21){--i: 20;--duration: 3.4s;--delay: .15s}.confetti-piece:nth-child(22){--i: 21;--duration: 4.6s;--delay: .45s}.confetti-piece:nth-child(23){--i: 22;--duration: 3.7s;--delay: .25s}.confetti-piece:nth-child(24){--i: 23;--duration: 4.3s;--delay: .05s}@keyframes confetti-fall{0%{transform:translateY(-10vh) rotate(0);opacity:.9}to{transform:translateY(110vh) rotate(360deg);opacity:.9}}@media(prefers-reduced-motion:reduce){.room--party.room--on .bulb__globe{animation:none;background-color:#ff2d78;box-shadow:0 0 18px 6px #ff2d7899,0 0 60px 20px #ff2d7847}.confetti-piece{animation:none;display:none}}