*,*: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}.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{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}