*,*: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}.room{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{display:flex;flex-direction:column;align-items:center}.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}.room--off .bulb__base{background-color:#3a3a3c}.room--on .bulb__base{background-color:#b8941c}.switch-plate{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}.party{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;overflow:hidden;position:relative;transition:background-color .4s ease}.party--off,.party--on{background-color:#17171b}.party__title{position:relative;z-index:1;margin:0;text-align:center;color:#f4f4f5;font-size:1.5rem}.party--on .party__title{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.6);animation:party-pulse 1.1s ease-in-out infinite}@keyframes party-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.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}.party--off .bulb__globe{background-color:#3a3a3c;box-shadow:none}.party--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}}.bulb__base{width:28px;height:18px;border-radius:0 0 5px 5px;transition:background-color .45s ease}.party--off .bulb__base{background-color:#3a3a3c}.party--on .bulb__base{background-color:#b8941c}.switch-plate{position:relative;z-index:1;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{transform:perspective(280px) rotateX(0)!important;transition:transform .06s ease}.party__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){.party--on .party__title{animation:none}.party--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}}