#home-weather{min-width:0}
.desk-sky-chip{display:flex;align-items:center;gap:10px;min-height:48px;max-width:280px;border:1px solid #f5f8f8b3;border-radius:25px;background:#eff5f3;color:var(--ink,#243b49);padding:7px 14px;font:inherit;text-align:left}
.desk-sky-chip>svg{width:20px;height:20px;flex:none}
.desk-sky-chip>svg:last-child{width:12px;height:12px;margin-left:4px}
.desk-sky-chip>span{min-width:0;display:grid;gap:2px}
.desk-sky-chip strong{font-size:11px;line-height:1.3;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desk-sky-condition{font-size:10px;line-height:1.3;max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#50616c}
.desk-sky-dialog{width:min(500px,calc(100vw - 28px));max-height:calc(100svh - 32px);box-sizing:border-box;padding:24px;border:1px solid #cad5d9;border-radius:16px;background:#f5f8f8;color:#243b49;box-shadow:0 20px 90px #16354666;font:14px/1.6 'DM Sans',Arial,sans-serif;overscroll-behavior:contain}
.desk-sky-dialog::backdrop{background:#102f4566}
.desk-sky-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.desk-sky-heading h2{font-size:24px;line-height:1.2;letter-spacing:-.7px;font-weight:500;margin:0}
.desk-sky-dialog button{min-height:44px;padding:8px 14px;border:1px solid #cad5d9;border-radius:7px;background:#eaf0f1;color:#243b49;font:inherit;font-size:12px;font-weight:550}
.desk-sky-dialog .desk-sky-close{width:44px;flex:none;padding:10px;background:transparent}
.desk-sky-close svg{width:22px;height:22px}
.desk-sky-intro{font-size:14px;line-height:1.65;color:#50616c;margin:15px 0 20px}
.desk-sky-location-actions{display:flex;gap:8px;flex-wrap:wrap}
.desk-sky-status{font-size:12px;line-height:1.6;color:#50616c;margin:10px 0}
.desk-sky-status:empty{display:none}
.desk-sky-dialog details{border-top:1px solid #cad5d9;margin-top:17px;padding-top:5px}
.desk-sky-dialog summary{display:list-item;min-height:44px;padding:10px 3px;font-size:12px;cursor:pointer}
.desk-sky-dialog form{display:grid;gap:12px;padding:6px 0 12px}
.desk-sky-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.desk-sky-dialog label{display:grid;gap:5px;font-size:12px;font-weight:550;min-width:0}
.desk-sky-dialog input:not([type=checkbox]),.desk-sky-dialog select{font:inherit;font-size:14px;border:1px solid #aabdc5;background:#fff;color:#243b49;border-radius:6px;min-height:44px;width:100%;min-width:0;padding:8px 10px}
.desk-sky-dialog .desk-sky-primary{background:#d2600f;color:#fff;border-color:#d2600f}
.desk-sky-dialog .desk-sky-primary:hover{background:#bc540c}
.desk-sky-dialog button:disabled{opacity:.6}
.desk-sky-observation{border-top:1px solid #cad5d9;padding-top:13px;margin-top:16px}
.desk-sky-dialog .desk-sky-toggle{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}
.desk-sky-toggle input{width:20px;height:20px;margin:0;accent-color:#d2600f}
.desk-sky-small{font-size:11px;line-height:1.6;color:#50616c;margin:10px 0 0}
.desk-sky-small a{display:inline-block;min-height:44px;padding:12px 0;margin:-12px 0;text-underline-offset:3px}
.desk-sky-solar{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:17px;font-size:11px;color:#50616c}
.desk-sky-dialog :is(button,input,select,summary,a):focus-visible{outline:3px solid #d2600f;outline-offset:3px}
body[data-desk-atmosphere] .rain{background:none;animation:none;mask-image:linear-gradient(transparent,#000 12%,#000 90%,transparent)}
body[data-desk-atmosphere=rain] .rain{opacity:1}
.desk-rain-far,.desk-rain-near{position:absolute;inset:-560px 0;background-repeat:repeat;pointer-events:none}
.desk-rain-far{opacity:calc(.24 + var(--desk-rain,0) * .66)}
.desk-rain-near{opacity:clamp(0,calc((var(--desk-rain,0) - .2) * .9),.8)}
body[data-desk-atmosphere=fog] .setting-light{background:#d6e4e99c;mix-blend-mode:normal;animation:none}
body[data-desk-atmosphere=snow] .setting-light{background:#d6e4e940;mix-blend-mode:screen}
.desk-snow{position:absolute;inset:-90px;pointer-events:none;opacity:0;background-image:radial-gradient(ellipse at 18px 27px,#f5fafbc9 0 1.5px,transparent 2px),radial-gradient(ellipse at 58px 82px,#f5fafb8c 0 1px,transparent 1.8px);background-size:130px 170px,190px 230px}
body[data-desk-atmosphere=snow] .desk-snow{opacity:var(--desk-snow,.75)}
@media(prefers-reduced-motion:no-preference){body[data-desk-atmosphere=snow] .desk-snow{animation:desk-snowfall 12s linear infinite}.motion-paused .desk-snow,.scene-offscreen .desk-snow{animation-play-state:paused!important}@keyframes desk-snowfall{to{background-position:0 170px,0 230px}}}
@media(prefers-reduced-motion:no-preference){.desk-rain-far{animation:desk-rain-fall-far 1.35s linear infinite;animation-play-state:paused}.desk-rain-near{animation:desk-rain-fall-near .95s linear infinite;animation-play-state:paused}body[data-desk-atmosphere=rain] :is(.desk-rain-far,.desk-rain-near){animation-play-state:running}body:is(.motion-paused,.scene-offscreen) :is(.desk-rain-far,.desk-rain-near){animation-play-state:paused}@keyframes desk-rain-fall-far{to{transform:translateY(480px)}}@keyframes desk-rain-fall-near{to{transform:translateY(560px)}}}
@media(max-width:540px){.desk-sky-chip{padding:6px 10px;gap:7px;max-width:190px;min-height:44px}.desk-sky-chip>svg{width:17px;height:17px}.desk-sky-chip>svg:last-child{display:none}.desk-sky-condition{max-width:134px;font-size:9px}.desk-sky-chip strong{font-size:10px}.desk-sky-dialog{padding:19px}.desk-sky-heading h2{font-size:22px}}