.vl-weather-host{position:relative;overflow:hidden;min-height:460px;background:#07131e;color:#e4edf1}
.vl-weather-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline:none}.vl-weather-canvas:active{cursor:grabbing}.vl-weather-canvas:focus-visible{box-shadow:inset 0 0 0 2px #89d5c6}
.vl-weather-host button{font:inherit;font-size:11px;color:#b5cdd5;border:1px solid #98c2cd38;border-radius:8px;background:#071826ba;padding:7px 10px;cursor:pointer;backdrop-filter:blur(12px)}.vl-weather-host button:hover{border-color:#a0d5d8;color:#fff}.vl-weather-host button[aria-pressed=true]{border-color:#92dbcf88;background:#2d666244;color:#e4fffa}
.vl-weather-top{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.vl-weather-top>span{font-size:12px;letter-spacing:.13em;color:#c8e1e8}.vl-weather-top>div{display:flex;gap:5px;pointer-events:auto}
.vl-weather-card{position:absolute;top:65px;right:18px;width:200px;max-width:28%;padding:15px;border:1px solid #92bac92b;border-radius:14px;background:linear-gradient(140deg,#132938c9,#071621c9);backdrop-filter:blur(18px);box-shadow:0 12px 40px #0003;pointer-events:none}.vl-weather-card small{font-size:10px;color:#93b8c7;line-height:1.5}.vl-weather-card strong{display:block;margin:8px 0;font-size:24px;letter-spacing:.06em}.vl-weather-card p{font-size:12px;line-height:1.75;color:#c2d5dd;margin:8px 0 0}
.vl-weather-parts{position:absolute;bottom:78px;left:16px;right:16px;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;pointer-events:none}.vl-weather-parts button{pointer-events:auto;border-color:color-mix(in srgb,var(--part-colour) 35%,transparent)}.vl-weather-parts button:before{content:'';display:inline-block;width:4px;height:4px;margin-right:6px;border-radius:50%;background:var(--part-colour);box-shadow:0 0 8px var(--part-colour)}
.vl-weather-sequence{position:absolute;bottom:46px;left:20px;right:20px;font-size:11px;text-align:center;letter-spacing:.08em;color:#a6c5cb;pointer-events:none}.vl-weather-foot{position:absolute;bottom:12px;left:18px;right:18px;text-align:center;color:#809da9;font-size:10px;line-height:1.8;pointer-events:none}.vl-weather-foot span{display:block;font-size:9px;color:#6d8994}
.vl-weather-labels{position:absolute;inset:0;pointer-events:none}.vl-weather-labels button{position:absolute;transform:translate(10px,-18px);font-size:10px;padding:4px 7px;background:#07151cb0;border-color:#a6d4d454;pointer-events:auto}.vl-weather-labels button:before{content:'';position:absolute;left:-9px;bottom:1px;width:3px;height:3px;border-radius:50%;background:#addacf}
@media(max-width:650px){.vl-weather-host{min-height:420px}.vl-weather-top{top:10px;left:10px;right:10px;flex-wrap:wrap}.vl-weather-top>span{font-size:10px;letter-spacing:0}.vl-weather-host button{font-size:10px;padding:6px 8px}.vl-weather-card{top:65px;right:10px;width:135px;padding:10px;max-width:36%}.vl-weather-card p{display:none}.vl-weather-card strong{font-size:18px}.vl-weather-card small{font-size:9px}.vl-weather-parts{left:8px;right:8px;bottom:83px;gap:4px}.vl-weather-sequence{font-size:9px;letter-spacing:0;bottom:47px}.vl-weather-foot{font-size:9px}.vl-weather-foot span{font-size:8px}}