@font-face{font-family:"Cal Sans";src:url("./assets/fonts/CalSans-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:"Source Han Sans SC";src:url("./assets/fonts/SourceHanSansSC-VF.woff2") format("woff2");font-weight:250 900;font-style:normal;font-display:swap}
:root{font-family:"Cal Sans","Source Han Sans SC",sans-serif;font-weight:400;font-synthesis:weight}
button,input,select,textarea{font-family:inherit}
body button,body button strong,summary,h1,h2,h3{font-weight:700}
body button,body button strong{font-weight:700!important}
body p,body small,.setting,.switch{font-weight:400}
#home-bar h1{font-weight:400;letter-spacing:.5px}
#display-toggle{right:24px}
#panel,#display-panel{scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:auto;overflow-y:auto;overflow-x:hidden}
#panel::-webkit-scrollbar,#display-panel::-webkit-scrollbar,#room-filter::-webkit-scrollbar{width:4px;height:4px}
#panel::-webkit-scrollbar-track,#display-panel::-webkit-scrollbar-track,#room-filter::-webkit-scrollbar-track{background:transparent;margin:20px 0}
#panel::-webkit-scrollbar-thumb,#display-panel::-webkit-scrollbar-thumb,#room-filter::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(var(--theme),.22)}
#panel::-webkit-scrollbar-thumb:hover,#display-panel::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme),.45)}
#room-filter{scrollbar-width:auto;scrollbar-color:auto}
button,select,input[type=checkbox],.lamp-card,.device-control{transition:background .28s ease,border-color .28s ease,color .28s ease,box-shadow .28s ease,opacity .28s ease}
#panel,#display-panel{transition:background .4s,border-color .4s,transform .3s ease,opacity .3s ease,filter .3s ease;filter:blur(0)}
body.panel-hidden #panel,body.display-hidden #display-panel{filter:blur(5px)}
@keyframes clarify{from{opacity:.35;filter:blur(5px);transform:translateY(3px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
[role=tabpanel]:not([hidden]),#pane-lights>section:not([hidden]),.room-control:not([hidden]),#selection:not([hidden]),details[open]>:not(summary){animation:clarify .32s ease-out}
details::details-content{interpolate-size:allow-keywords;block-size:0;opacity:0;filter:blur(4px);overflow:clip;transition:block-size .28s ease,opacity .28s ease,filter .28s ease,content-visibility .28s;transition-behavior:allow-discrete}
details[open]::details-content{block-size:auto;opacity:1;filter:blur(0)}
@media(max-width:600px){#display-toggle{right:16px}}
.room-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 5px}
.room-scenes button{padding:8px 3px;border-radius:12px;font-size:11px}
.room-scenes button[aria-pressed=true]{color:#fff;background:rgba(var(--theme),.25);border-color:rgba(var(--theme),.55);box-shadow:inset 0 1px 1px #ffffff20}
.scene-note{display:block;margin:0 0 10px;color:var(--muted);font-size:9px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after,*::details-content{animation:none!important;transition:none!important}}