.weather-ambience{position:fixed;inset:0;z-index:6;overflow:hidden;pointer-events:none;contain:strict}
.weather-ambience[hidden]{display:none}
.shell{position:relative;z-index:1}
.sidebar{z-index:10}
.weather-ambience>i:not(.weather-cloud):not(.weather-glow){position:absolute;top:-9vh;left:var(--x);width:1.5px;height:44px;border-radius:2px;background:linear-gradient(transparent,rgba(179,220,244,.62));box-shadow:0 8px 10px rgba(123,183,218,.18);will-change:transform;animation:myaRain var(--d) linear infinite;animation-delay:var(--delay)}
@keyframes myaRain{to{transform:translate3d(-24px,118dvh,0)}}
.weather-cloud{position:absolute;width:220px;height:72px;border-radius:99px;background:rgba(255,255,255,.11);filter:blur(14px);animation:myaCloud 24s linear infinite}
.weather-cloud.c1{top:12%;left:-220px}
.weather-cloud.c2{top:36%;left:-310px;animation-delay:-12s;animation-duration:31s}
@keyframes myaCloud{to{transform:translateX(calc(100vw + 540px))}}
.weather-glow{position:absolute;right:-8%;top:-12%;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,221,132,.18),transparent 67%)}
html[data-weather="rain"] body,html[data-weather="storm"] body{background:radial-gradient(circle at 84% 0,rgba(44,86,105,.28),transparent 35%),var(--bg)!important}
html[data-weather="cloudy"] body{background:radial-gradient(circle at 84% 0,rgba(92,122,130,.18),transparent 36%),var(--bg)!important}
html[data-weather="clear"][data-weather-time="day"] body{background:radial-gradient(circle at 86% 0,rgba(255,213,111,.18),transparent 34%),var(--bg)!important}
html[data-weather-time="night"] body{background:radial-gradient(circle at 85% 0,rgba(51,91,119,.2),transparent 34%),var(--bg)!important}
.weather-chip{display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 10px;border:1px solid #d6e3dc;border-radius:12px;background:#f7faf8;color:#17372e;cursor:pointer}
.weather-chip>span:first-child{font-size:19px}
.weather-chip b,.weather-chip small{display:block;color:#17372e!important;line-height:1.05}
.weather-chip b{font-size:12px}
.weather-chip small{margin-top:3px;font-size:9px}
.weather-panel{padding:16px;border:1px solid #d7e3dc;border-radius:17px;background:#f7faf8;color:#17372e}
.weather-now{display:flex;align-items:center;gap:14px}
.weather-now>span{font-size:44px}
.weather-now small,.weather-now b,.weather-now em{display:block}
.weather-now small{color:#587066!important;font-size:9px;letter-spacing:1px}
.weather-now b{margin-top:4px;color:#17372e!important;font-size:18px}
.weather-now em{margin-top:3px;color:#587066!important;font-size:12px;font-style:normal}
.weather-panel p{margin:14px 0;color:#405b50!important}
.weather-actions{display:flex;gap:8px;margin-bottom:12px}
.weather-panel>small{color:#60776d!important}
html[data-theme="malam"] .weather-chip{background:#153128;color:#eef8f4;border-color:#416056}
html[data-theme="malam"] .weather-chip b,html[data-theme="malam"] .weather-chip small{color:#eef8f4!important}
html[data-theme="malam"] .weather-panel{background:#122b23;color:#f1f8f5;border-color:#416056}
html[data-theme="malam"] .weather-now b{color:#f3faf7!important}
html[data-theme="malam"] .weather-now small,html[data-theme="malam"] .weather-now em,html[data-theme="malam"] .weather-panel>small{color:#b6cac1!important}
html[data-theme="malam"] .weather-panel p{color:#d7e6df!important}
@media(max-width:650px){.weather-ambience{z-index:8;opacity:.9}.weather-ambience>i:not(.weather-cloud):not(.weather-glow){width:2px;height:52px;background:linear-gradient(transparent,rgba(159,211,241,.82));box-shadow:0 7px 12px rgba(83,154,196,.28)}.weather-chip{min-height:36px;padding:5px 7px}.weather-chip>span:first-child{font-size:17px}.weather-chip small{display:none}.weather-actions{flex-direction:column}.weather-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.weather-ambience{display:none!important}}