*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0e1014;color:#f3f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select{font:inherit}.app{--cloud:.18;--haze:.08;--lamp-glow:.9;--sky-top:#7296b6;--sky-bottom:#b5c7d2;--far:#708392;--mid:#4d5d6a;--near:#2d363f;position:relative;width:100%;height:100%;min-height:100svh;overflow:hidden;background:linear-gradient(180deg,#1a1c21 0%,#111318 70%,#0b0d10 100%)}.app.is-night{--sky-top:#101827;--sky-bottom:#1a2635;--far:#24313d;--mid:#19242d;--near:#0e151b}.brand{position:absolute;left:max(18px,4vw);top:max(14px,2.2vh);z-index:30;display:flex;align-items:center;gap:10px}.brand>strong{font-size:17px;letter-spacing:.02em}.weather-chip{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 10px;background:rgba(10,13,17,.36);color:rgba(255,255,255,.72);backdrop-filter:blur(10px);cursor:pointer;font-size:12px}.weather-chip:hover{background:rgba(255,255,255,.08)}.weather-chevron{font-size:13px;transition:transform .2s ease}.weather-chip[aria-expanded="true"] .weather-chevron{transform:rotate(180deg)}.weather-panel{position:absolute;z-index:45;left:max(18px,4vw);top:max(54px,7vh);width:min(92vw,360px)}.weather-panel[hidden]{display:none}.weather-card{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(17,21,26,.94);backdrop-filter:blur(16px);box-shadow:0 24px 60px rgba(0,0,0,.35)}.weather-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.weather-card-head>div{display:grid;gap:4px}.weather-card-head strong{font-size:14px}.weather-card-head span{font-size:12px;color:rgba(255,255,255,.58)}.weather-card-head button{width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer}.weather-temp-row{display:flex;align-items:baseline;gap:10px;margin:14px 0}.weather-temp-row strong{font-size:34px;font-weight:600}.weather-temp-row span{font-size:12px;color:rgba(255,255,255,.56)}.weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.weather-grid div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.045)}.weather-grid span{font-size:11px;color:rgba(255,255,255,.48)}.weather-grid strong{font-size:11px;font-weight:600}.weather-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.weather-card-foot span{font-size:10px;color:rgba(255,255,255,.4)}.weather-card-foot button{border:0;border-radius:10px;padding:8px 10px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.84);font-size:11px;cursor:pointer}.room{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12vh 7vw 8vh}.room:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20vh;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18) 25%,rgba(0,0,0,.36));pointer-events:none}.room-light{position:absolute;left:50%;top:-1vh;width:min(92vw,980px);height:min(58vh,620px);transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 12%,rgba(255,205,130,.28),rgba(255,169,78,.12) 34%,rgba(255,145,56,.04) 52%,transparent 73%);filter:blur(24px);opacity:var(--lamp-glow);transition:opacity .4s ease;pointer-events:none}.ceiling-lamp{position:absolute;z-index:12;left:50%;top:0;width:108px;height:96px;transform:translateX(-50%);border:0;background:none;padding:0;cursor:pointer;filter:drop-shadow(0 10px 14px rgba(0,0,0,.3))}.lamp-canopy{position:absolute;left:36px;top:0;width:36px;height:8px;border-radius:0 0 12px 12px;background:linear-gradient(180deg,#5b554f,#34312f)}.lamp-cord{position:absolute;left:52px;top:7px;width:4px;height:27px;border-radius:4px;background:linear-gradient(90deg,#383533,#625d58,#34312f)}.lamp-socket{position:absolute;left:44px;top:31px;width:20px;height:17px;border-radius:5px 5px 8px 8px;background:linear-gradient(90deg,#403c38,#706860 50%,#3d3936);box-shadow:inset 0 1px rgba(255,255,255,.08)}.lamp-shade{position:absolute;left:18px;top:44px;width:72px;height:38px;border-radius:9px 9px 17px 17px;background:linear-gradient(180deg,#d7b17c,#98703f);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.lamp-shade:after{content:"";position:absolute;left:8px;right:8px;bottom:-7px;height:16px;border-radius:50%;background:rgba(255,208,130,.95);box-shadow:0 0 42px 18px rgba(255,183,88,.32)}.app.lamp-off{--lamp-glow:0}.app.lamp-off .lamp-shade{background:linear-gradient(180deg,#70675d,#47413b)}.app.lamp-off .lamp-shade:after{opacity:.05;box-shadow:none}.window-shell{position:relative;z-index:4;width:min(46vw,500px);height:min(74vh,760px);min-height:440px;border:13px solid #20252b;border-radius:24px;background:#20252b;box-shadow:0 32px 84px rgba(0,0,0,.52),0 0 0 2px #0f1317,0 0 0 3px rgba(255,255,255,.035),inset 0 0 0 2px rgba(255,255,255,.04)}.window-shell:after{content:"";position:absolute;z-index:13;left:-18px;right:-18px;bottom:-16px;height:16px;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#20252b,#11161a);box-shadow:0 8px 16px rgba(0,0,0,.26)}.window-scene{position:absolute;inset:0;overflow:hidden;border-radius:10px;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));touch-action:none;transition:background .8s ease;box-shadow:inset 0 0 0 2px rgba(0,0,0,.5)}.sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));transition:background .8s ease}.sky-glow{position:absolute;left:12%;top:7%;width:52%;height:30%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 68%);filter:blur(16px);opacity:.45}.is-night .sky-glow{opacity:0}.is-day.is-morning[data-weather="clear"] .sky-glow,.is-day.is-morning[data-weather="partly-cloudy"] .sky-glow{left:-8%;top:-5%;width:75%;height:48%;background:radial-gradient(circle at 26% 34%,rgba(255,236,170,.68) 0 8%,rgba(255,220,120,.23) 18%,transparent 56%),repeating-conic-gradient(from 205deg at 26% 34%,rgba(255,231,153,.11) 0deg 4deg,transparent 5deg 15deg);filter:blur(9px);opacity:.82}.cloud{position:absolute;height:16%;border-radius:50%;background:rgba(235,241,245,.54);filter:blur(18px);opacity:var(--cloud);transition:opacity .6s ease,transform 1s ease}.is-night .cloud{background:rgba(109,127,148,.28)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:55%;height:120%;left:12%;top:-44%}.cloud:after{width:48%;height:100%;right:8%;top:-25%}.cloud-a{width:58%;left:-14%;top:14%}.cloud-b{width:52%;right:-12%;top:27%;transform:scale(.85)}.cloud-c{width:42%;left:26%;top:5%;transform:scale(.65)}.skyline{position:absolute;inset:0;pointer-events:none;transition:opacity .6s ease,filter .6s ease}.bldg{position:absolute;bottom:0;display:block;background:linear-gradient(180deg,color-mix(in srgb,var(--far) 88%,#fff 12%),var(--far));border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(0,0,0,.18);box-shadow:0 0 12px rgba(0,0,0,.06),inset 0 1px rgba(255,255,255,.04);transition:background .8s ease,opacity .5s ease}.skyline.mid .bldg{background:linear-gradient(180deg,color-mix(in srgb,var(--mid) 92%,#fff 8%),var(--mid))}.skyline.near .bldg{background:linear-gradient(180deg,color-mix(in srgb,var(--near) 94%,#fff 6%),var(--near))}.bldg:after{content:"";position:absolute;inset:8% 10%;opacity:.08;background:repeating-linear-gradient(90deg,transparent 0 16%,rgba(255,245,210,.82) 17% 20%,transparent 21% 34%),repeating-linear-gradient(0deg,transparent 0 10%,rgba(255,245,210,.5) 11% 13%,transparent 14% 24%)}.is-night .bldg:after{opacity:.56}.far{opacity:.72}.mid{opacity:.92}.near{opacity:1}.f1{left:-3%;width:14%;height:34%;border-radius:2px 2px 0 0}.f2{left:15%;width:11%;height:50%;border-radius:6px 6px 0 0}.f3{left:31%;width:16%;height:41%;clip-path:polygon(0 5%,40% 5%,46% 0,54% 0,60% 5%,100% 5%,100% 100%,0 100%)}.f4{left:56%;width:10%;height:56%;border-radius:1px}.f5{right:2%;width:22%;height:45%;border-radius:8px 8px 0 0}.m1{left:2%;width:18%;height:61%;clip-path:polygon(0 4%,38% 4%,43% 0,57% 0,62% 4%,100% 4%,100% 100%,0 100%)}.m2{left:27%;width:16%;height:46%;border-radius:7px 7px 0 0}.m3{left:51%;width:17%;height:70%;clip-path:polygon(0 3%,44% 3%,46% 0,54% 0,56% 3%,100% 3%,100% 100%,0 100%)}.m4{right:3%;width:22%;height:54%;border-radius:3px 3px 0 0}.n1{left:-2%;width:18%;height:29%;border-radius:5px 5px 0 0}.n2{left:34%;width:20%;height:52%;clip-path:polygon(0 4%,100% 4%,100% 100%,0 100%)}.n3{right:-2%;width:24%;height:36%;border-radius:8px 8px 0 0}.tower-light:before{content:"";position:absolute;z-index:3;left:50%;top:2px;width:5px;height:5px;border-radius:50%;background:#ff3f3f;box-shadow:0 0 5px 2px rgba(255,45,45,.5),0 0 12px rgba(255,45,45,.85);transform:translateX(-50%);opacity:.08}.is-night .tower-light:before{opacity:1;animation:beacon 3.8s infinite}.is-night .tower-light:nth-child(2n):before{animation-delay:1.4s}.is-night .tower-light:nth-child(3n):before{animation-delay:2.3s}@keyframes beacon{0%,42%,50%,100%{opacity:.2}44%,48%{opacity:1}}.haze{position:absolute;z-index:4;inset:0;background:linear-gradient(180deg,rgba(222,231,235,.16),rgba(211,220,224,.04));opacity:var(--haze);backdrop-filter:blur(calc(var(--haze)*12px));pointer-events:none;transition:opacity .7s ease}.is-night .haze{background:linear-gradient(180deg,rgba(121,140,160,.16),rgba(80,96,112,.04))}canvas{position:absolute;inset:0;width:100%;height:100%}#rainCanvas{z-index:5;pointer-events:none}#fogCanvas{z-index:8;cursor:crosshair}.lightning{position:absolute;z-index:6;inset:0;background:rgba(228,239,255,.78);opacity:0;pointer-events:none}.lightning.flash{animation:flash .7s ease-out}@keyframes flash{0%{opacity:0}12%{opacity:.8}21%{opacity:.1}31%{opacity:.54}100%{opacity:0}}.glass-reflection{position:absolute;z-index:9;inset:-8%;pointer-events:none;background:radial-gradient(circle at 50% -6%,rgba(255,190,100,.11),transparent 28%);mix-blend-mode:screen;opacity:.38}.is-night .glass-reflection{background:radial-gradient(circle at 50% -8%,rgba(255,177,82,.07),transparent 24%);opacity:.28}.window-bars{position:absolute;z-index:10;inset:0;pointer-events:none}.window-bars i{position:absolute;background:linear-gradient(90deg,#101419,#252b31 48%,#11161a);box-shadow:1px 0 0 rgba(255,255,255,.035),-1px 0 0 rgba(0,0,0,.4)}.bar-v{top:0;bottom:0;left:49.4%;width:10px}.bar-h{left:0;right:0;top:61%;height:10px;background:linear-gradient(180deg,#101419,#252b31 48%,#11161a)!important;box-shadow:0 1px 0 rgba(255,255,255,.035),0 -1px 0 rgba(0,0,0,.4)!important}.hint{position:absolute;z-index:11;left:50%;top:47%;transform:translate(-50%,-50%);padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(8,12,16,.23);backdrop-filter:blur(8px);font-size:12px;color:rgba(255,255,255,.66);pointer-events:none;transition:opacity .35s ease}.control-dock{position:absolute;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:8px}.control-items{display:flex;gap:8px;opacity:0;transform:translateX(18px) scale(.96);pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.control-dock.open .control-items{opacity:1;transform:none;pointer-events:auto}.control-items button,.dock-toggle{border:1px solid rgba(255,255,255,.09);background:rgba(8,11,15,.67);color:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(0,0,0,.24);cursor:pointer}.control-items button{border-radius:13px;padding:10px 13px;font-size:12px;white-space:nowrap}.dock-toggle{flex:0 0 46px;width:46px;height:46px;border-radius:15px;padding:0;display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);place-content:center;gap:6px;transition:transform .28s ease}.dock-toggle span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.82)}.control-dock.open .dock-toggle{transform:rotate(45deg)}.place-panel{position:absolute;z-index:50;inset:0;display:grid;place-items:center;background:rgba(4,6,8,.43);backdrop-filter:blur(8px);padding:20px}.place-panel[hidden]{display:none}.place-card{width:min(92vw,380px);padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(20,24,29,.94);box-shadow:0 28px 70px rgba(0,0,0,.42)}.place-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.place-head strong{font-size:15px}.place-head button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:23px;cursor:pointer}.place-card label{display:grid;gap:6px;margin-top:12px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5)}.place-card select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:#12161b;color:#fff;text-transform:none;letter-spacing:0}.weather-meta{margin-top:14px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.48)}.source-note{position:absolute;left:18px;bottom:16px;z-index:15;font-size:10px;color:rgba(255,255,255,.3)}@media(max-width:760px){.brand{left:14px;right:70px;top:12px;gap:8px}.brand>strong{font-size:15px}.weather-chip{max-width:min(72vw,300px);font-size:11px;padding:6px 9px}.weather-chip span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weather-panel{left:14px;top:54px;width:min(calc(100vw - 28px),360px)}.room{padding:12vh 3vw 8vh}.room-light{top:-2vh;width:110vw;height:48vh}.ceiling-lamp{width:96px;height:88px}.lamp-canopy{left:32px;width:32px}.lamp-cord{left:46px;height:23px}.lamp-socket{left:38px;top:27px}.lamp-shade{left:15px;top:40px;width:66px;height:35px}.window-shell{width:min(84vw,430px);height:min(72svh,680px);min-height:420px;border-width:10px;border-radius:20px}.window-shell:after{left:-14px;right:-14px;bottom:-13px;height:13px}.bar-v{width:8px}.bar-h{height:8px}.control-dock{right:12px;bottom:12px}.control-items{position:absolute;right:0;bottom:52px;flex-direction:column;align-items:flex-end;transform:translateY(14px) scale(.96)}.control-dock.open .control-items{transform:none}.control-items button{min-width:112px;text-align:center;font-size:11px}.source-note{left:12px;bottom:12px;max-width:55%;font-size:9px}}@media(max-width:430px){.brand>strong{display:none}.weather-chip{max-width:calc(100vw - 95px)}.window-shell{width:85vw;height:71svh}.weather-grid{grid-template-columns:1fr 1fr}.weather-card{padding:14px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}