.vl-shown{overflow:hidden}.vl-overlay{z-index:9999;justify-content:center;align-items:center;display:none;position:absolute;inset:0;overflow:hidden}.vl-overlay.vl-active{display:flex}.vl-overlay.vl-full-page{z-index:9999;position:fixed}.vl-overlay .vl-background{opacity:.5;background:#fff;position:absolute;inset:0}.vl-overlay .vl-icon,.vl-parent{position:relative}.weather-card{background:linear-gradient(135deg,#38bdf840,#6366f140);border:1px solid #ffffff14;border-radius:24px;padding:24px;transition:all .25s}.weather-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px #00000059}.info-card{cursor:default;background:#ffffff0d;border-radius:16px;padding:12px;transition:all .2s}.info-card:hover{background:#ffffff1a}.forecast-container{scroll-snap-type:x mandatory;gap:12px;display:flex;overflow-x:auto}.forecast-container::-webkit-scrollbar{display:none}.forecast-card{text-align:center;cursor:pointer;background:#ffffff0d;border-radius:16px;flex:0 0 150px;min-width:140px;padding:16px;transition:all .25s}.forecast-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width>=768px){.forecast-container{grid-template-columns:repeat(3,1fr);display:grid;overflow:visible}.forecast-card{min-width:unset;width:100%}}.forecast-card{scroll-snap-align:start}.forecast-card:hover{background:#ffffff1a;transform:translateY(-3px)}.suggestion-card{background:#ffffff0d;border-radius:16px;padding:16px;transition:all .25s}.suggestion-card:hover{background:#ffffff1a}.ad-card{background:#1e293b;border-radius:16px;justify-content:center;align-items:center;height:90px;transition:all .25s;display:flex}.ad-card:hover{background:#334155}.drawer{background:#0f172a;width:260px;height:100%;padding:20px;animation:.25s slide;position:fixed;top:0;right:0;box-shadow:-10px 0 30px #00000080}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}.city-item{cursor:pointer;border-bottom:1px solid #ffffff14;padding:10px 0;transition:all .2s}.city-item:hover{color:#38bdf8}.add-city{background:#2563eb;border-radius:10px;width:100%;margin-top:20px;padding:10px;transition:all .2s}.add-city:hover{background:#3b82f6}.city-modal{color:#fff;direction:rtl;background:#0f172a;border:1px solid #ffffff14;border-radius:20px;width:420px;max-width:90%;padding:22px;animation:.25s modalIn;box-shadow:0 30px 60px #0009}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.city-search{background:#020617;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:10px 12px;transition:all .2s}.city-search:focus{border-color:#38bdf8}.city-result{cursor:pointer;background:#ffffff0a;border-radius:10px;padding:10px;transition:all .2s}.city-result:hover{background:#38bdf833}.toast-enter-active,.toast-leave-active{transition:all .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,-20px)}