:root{--ink:#f3f0eb;--muted:#9c9da9;--edge:#ffffff17;--amber:#efc18b;--glass:#191c25e8;color:var(--ink);background:#0c1018;font-family:"Segoe UI","Microsoft YaHei",sans-serif}
body{background:radial-gradient(ellipse at 64% 0%,#58473b77,transparent 65%),linear-gradient(155deg,#171a23,#080d17 80%);height:100dvh}
body[data-time=morning]{background:radial-gradient(ellipse at 65% 0%,#7a6b513b,transparent 66%),#0f141d}
body[data-time=dusk]{background:radial-gradient(ellipse at 74% 10%,#7b503453,transparent 68%),#10121b}
body[data-time=night]{background:radial-gradient(ellipse at 65% 15%,#293b573e,transparent 64%),#080c15}
#viewport{inset:90px 0 132px 320px;background:transparent}
#home-bar{position:absolute;top:23px;left:25px;right:25px;display:flex;gap:15px;align-items:center;pointer-events:none}
#home-bar button{pointer-events:auto}#home-bar h1{font-size:25px;letter-spacing:1px;margin:3px 0 6px;font-weight:600}
#home-bar p{margin:0;font-size:12px;color:#b9bac2;display:flex;gap:8px;align-items:center}
.eyebrow{font-size:9px;letter-spacing:2px;color:#a7a7ae}.local-label{font-size:10px;color:#8f929e;border-left:1px solid #ffffff24;padding-left:8px}
.live-dot{width:6px;height:6px;border-radius:50%;background:#a5cbb4;box-shadow:0 0 10px #a5cbb44d}
.home-symbol{width:49px;height:49px;border:1px solid #ffffff30;background:#ffffff08;border-radius:16px;font-size:30px;line-height:1;padding:0;color:#f8f2e6}
#quick-power{margin-left:auto;border-radius:50%;width:56px;height:56px;padding:15px;background:#242936;border:1px solid #ffffff28;box-shadow:inset 0 1px 1px #ffffff15}
#quick-power svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#quick-power[aria-pressed=true]{background:linear-gradient(145deg,#78b4fc,#3e6dc3);border-color:#9cc8fb;box-shadow:0 8px 30px #3e79d33b,inset 0 2px 3px #ffffff40;color:white}
#panel{left:22px;top:114px;bottom:24px;width:292px;padding:21px 17px;background:linear-gradient(145deg,#272831df,#151922ed);border:1px solid var(--edge);border-radius:25px;box-shadow:0 20px 50px #0003;backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:#ffffff25 transparent}
#panel header{margin:0 0 22px}#panel header h2{font-size:19px;font-weight:550;letter-spacing:.5px;margin:7px 0 6px;color:var(--ink)}#panel header p{font-size:11px;color:var(--muted);margin:0}
h2{color:#d8d7db;letter-spacing:.6px;font-size:12px}section{margin-bottom:20px}.note{color:#8f939f;font-size:10px;line-height:1.7}
button,select{color:#dadce5;border:1px solid #ffffff1c;background:#ffffff04;border-radius:11px;transition:background .15s,border-color .15s,box-shadow .15s}
button:hover{background:#ffffff0d;border-color:#ffffff3a}button.active{background:#414755;border-color:#9299ab77;color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e5bb87;outline-offset:3px}
select{background:#242832;padding:6px 8px;font-size:11px;max-width:175px}button{font-size:11px;padding:9px}
details{border-top:1px solid var(--edge);margin:0 0 16px;padding-top:12px;color:#bfc1ca}summary{font-size:12px;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:1px 0 5px;cursor:pointer}
summary::after{content:'+';font-size:16px;color:#a6a8b4;margin-left:8px}details[open]>summary::after{content:'−'}summary span{font-size:9px;color:#838895;margin-left:auto}
details[open]>summary{margin-bottom:10px}.views{gap:6px}.space-details .views button{padding:9px 5px;font-size:10px}
.switch,.setting{font-size:11px;min-height:37px}.switch small{font-size:9px;color:#9094a1}.switch input{flex-shrink:0}
input[type=checkbox]{appearance:none;width:29px;height:17px;border-radius:12px;background:#ffffff19;border:1px solid #ffffff15;position:relative;transition:background .15s}
input[type=checkbox]::before{content:'';position:absolute;width:11px;height:11px;left:2px;top:2px;border-radius:50%;background:#8c919e;transition:transform .15s}
input[type=checkbox]:checked{background:#dcb17f;border-color:#f1c991}input[type=checkbox]:checked::before{transform:translateX(12px);background:#fff3e0}
input[type=checkbox]:indeterminate{background:#806d55}input[type=checkbox]:indeterminate::before{transform:translateX(6px);background:#f0d5b2}
.appearance-setting{padding-top:2px;margin-bottom:17px}.appearance-setting h2{margin-bottom:4px}
.material-swatches{display:flex;gap:5px;align-items:center;margin-top:9px}.material-swatches>span{width:22px;height:22px;display:block;border-radius:7px;border:1px solid #ffffff25}
.oak-swatch{background:repeating-linear-gradient(0deg,#b98f60 0 2px,#c7a276 2px 5px,#b58a5b 5px 6px)}.paint-swatch{background:#d4d4d4}.white-swatch{background:#fff}.material-swatches small{font-size:9px;color:#999ba6;margin-left:3px}
.time-settings{display:none}.tabs{top:-21px;background:#1f222ceF;border:1px solid var(--edge);border-radius:13px;padding:4px;margin:0 0 18px;gap:3px;backdrop-filter:blur(10px)}
.tabs button{border:0;border-radius:9px;font-size:11px;padding:9px 3px}.tabs [aria-selected=true]{background:#454650;color:#f5e1c7;box-shadow:0 1px 4px #0003}
#pane-lights h2{display:none}.master{padding:0 2px}.master small{font-variant-numeric:tabular-nums;color:#f0c692}
#lights-on,#lights-off{padding:7px;border-radius:20px;font-size:10px}#lighting-status{margin:9px 0 14px;font-size:9px}
#room-filter{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;padding-bottom:9px;margin-bottom:6px}
#room-filter button{white-space:nowrap;border-radius:20px;padding:7px 11px;font-size:10px}#room-filter [aria-pressed=true]{background:#ded7cb;color:#282731;border-color:#eae2d4}
.room-control{border:1px solid var(--edge);border-radius:15px;background:#ffffff03;margin:9px 0;overflow:hidden}.room-heading{padding:8px 11px;background:transparent;font-size:12px}
.room-control details{margin:0;border:0;padding:0}.room-control summary{padding:5px 12px 10px;font-size:10px;color:#9699a6}.room-control details[open]>summary{margin:0}
.lamp-list{display:grid;grid-template-columns:1fr;gap:8px;padding:0 8px 10px}
.lamp-list .lamp-card{display:flex;min-height:58px;padding:9px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff03;cursor:pointer;gap:9px;transition:background .15s,border-color .15s}
.lamp-list .lamp-card>span:not(.lamp-icon){flex:1;font-size:11px;line-height:1.5}.lamp-list .lamp-card input{width:21px;height:21px;border-radius:50%;background:#ffffff09;margin:0}
.lamp-list .lamp-card input::before{width:7px;height:7px;top:6px;left:6px;transform:none!important}.lamp-list .lamp-card input:checked{background:#e6bd8240;border-color:#edbf8699}
.lamp-card.lamp-on{border-color:#cfa97577;background:linear-gradient(125deg,#7e613133,#4b3e2f22);box-shadow:inset 0 1px 0 #fff1dc0a}
.lamp-icon{width:32px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#333744;color:#989da8;font-size:18px}.lamp-on .lamp-icon{background:linear-gradient(135deg,#ffe1b0,#e5ab62);color:#5a4026;box-shadow:0 0 15px #dca55a24}
.lamp-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#walk-toggle{background:#343b47;border:1px solid #78849966;border-radius:12px;margin:8px 0 10px}#walk-toggle[aria-pressed=true]{background:#485d75;border-color:#7d9ec1}
#panel-toggle{top:42px;left:340px;background:#ffffff08;border:1px solid #ffffff1c;border-radius:11px;font-size:10px;padding:8px 11px;color:#b5b9c5}
body.panel-hidden #panel{transform:translateX(calc(-100% - 24px))}body.panel-hidden #viewport{left:0}body.panel-hidden #panel-toggle{left:340px}
#time-dock{position:absolute;bottom:24px;left:calc(50% + 160px);transform:translateX(-50%);display:flex;gap:8px;padding:9px;background:#141a26db;border:1px solid #ffffff18;border-radius:24px;box-shadow:0 14px 40px #0004}
#time-dock button{width:103px;min-height:78px;display:grid;grid-template-columns:25px 1fr;align-items:center;column-gap:6px;border-radius:16px;border:1px solid #ffffff15;padding:12px;background:linear-gradient(140deg,#ffffff08,#ffffff01);text-align:left}
.time-icon{font-size:26px;grid-row:1/3;font-weight:300;color:#c7c7d1}#time-dock strong{font-size:13px;font-weight:550;align-self:end}#time-dock small{font-size:9px;color:#9499aa;align-self:start;margin-top:4px;white-space:nowrap}
#time-dock button[aria-pressed=true]{background:linear-gradient(145deg,#31496b,#1b2b46);border-color:#7095c7;box-shadow:0 5px 21px #30558230,inset 0 1px 0 #ffffff14}#time-dock [aria-pressed=true] .time-icon{color:#f9d6a4}#time-dock [aria-pressed=true] small{color:#b7c6dc}
body.panel-hidden #time-dock{left:50%}#caption{bottom:132px;left:340px;gap:8px;color:#999eab;max-width:calc(100vw - 360px)}#view-name{font-size:11px;letter-spacing:1px}#render-state,#light-badge,#motion-badge{font-size:9px;padding:4px 7px;border-radius:7px;background:#171e2a99;color:#8d96a6}#motion-badge{display:none}
#selection{top:102px;right:24px;background:#20232deF;border:1px solid #ffffff23;border-radius:17px;box-shadow:0 15px 40px #0003;color:#eee8dd}#selection-part{color:#a2a5b0}
#walk-help{top:100px;left:340px;right:24px;border-radius:12px;background:#151b27dc;color:#c8cbd4;font-size:10px;border:1px solid var(--edge);padding:9px}#crosshair{left:calc(50% + 160px);top:calc(50% - 21px)}
#loading{background:radial-gradient(ellipse at 65% 20%,#53453999,#0b101af5 75%);backdrop-filter:blur(8px)}.load-card{background:#20232ad9;border:1px solid var(--edge);border-radius:24px;box-shadow:0 24px 80px #0003}.load-card h2{color:#f0e3ce}.load-card p{color:#a4a6ae}
progress,input[type=range]{accent-color:#ddb685}footer{font-size:9px;color:#6f7685}#stats{font-size:9px;color:#8a93a5}a{color:#d0b38f}
@media(min-width:1500px){#panel{width:310px;left:30px}#viewport{left:350px}#time-dock{left:calc(50% + 175px)}#crosshair{left:calc(50% + 175px)}#caption,#panel-toggle,#walk-help{left:365px}}
@media(max-width:760px){#home-bar{left:16px;right:16px;top:19px;gap:10px}#home-bar h1{font-size:20px}.home-symbol{width:38px;height:42px;font-size:25px;border-radius:12px}.eyebrow{font-size:8px}#home-bar p{font-size:10px}.local-label{display:none}#quick-power{width:43px;height:43px;padding:11px}#panel{left:14px;top:100px;bottom:145px;width:min(300px,85vw);border-radius:20px;z-index:4}#viewport{inset:88px 0 140px}#panel-toggle,body.panel-hidden #panel-toggle{top:32px;left:auto;right:70px;font-size:9px;padding:7px}#time-dock,body.panel-hidden #time-dock{left:50%;bottom:20px;width:calc(100% - 28px);max-width:476px;gap:5px;padding:7px;border-radius:20px}#time-dock button{width:auto;flex:1;padding:9px 6px;min-height:77px;display:flex;flex-direction:column;gap:2px;text-align:center}.time-icon{font-size:23px;line-height:25px}#time-dock strong,#time-dock small{align-self:center}#time-dock strong{font-size:11px}#time-dock small{font-size:8px;margin-top:0}#caption,body.panel-hidden #caption{left:20px;bottom:128px;max-width:calc(100% - 40px)}#render-state{display:none}#walk-help{left:16px;right:16px;top:93px;font-size:9px}#selection{top:135px;right:14px;max-width:250px}#crosshair{left:50%;top:calc(50% - 26px)}}