@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);:root{--bg:#f3f6fb;--panel:#ffffffb3;--text:#0f172a;--muted:#475569;--accent:#4f46e5;--chip:#6366f11f;--border:#0f172a1a;--shadow:0 10px 25px #0206171a;--skeleton-base:#e6eaf2;--skeleton-shine:#f3f6fb}[data-theme=dark]{--bg:linear-gradient(135deg,#0b1220,#131c31);--panel:#ffffff0f;--text:#e5e7eb;--muted:#9aa4b2;--accent:#8b94ff;--chip:#8b94ff24;--border:#ffffff14;--shadow:0 10px 30px #00000059;--skeleton-base:#192232;--skeleton-shine:#243047}*{box-sizing:border-box}#root,body,html{height:100%}body{background:#f3f6fb;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;transition:background .3s ease,color .3s ease}a,button,input{font-family:inherit}:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--accent);outline-offset:2px}.app-shell{grid-gap:24px;display:grid;gap:24px;grid-template-columns:260px 1fr 360px;margin:0 auto;max-width:1200px;padding:24px clamp(16px,3vw,24px)}.panel{animation:fadeIn .32s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px}.header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.header .title{font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:.2px}.header .spacer{flex:1 1}.search-row{display:flex;flex-wrap:nowrap;gap:10px;margin:8px 0 16px}.chips{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:40px}.chip{align-items:center;background:var(--chip);border:1px solid var(--border);border-radius:10px;color:var(--text);cursor:pointer;display:inline-flex;justify-content:space-between;padding:0 12px;transition:transform .16s ease,box-shadow .16s ease,background .2s ease}.chip.active{box-shadow:0 0 0 2px var(--accent) inset}.chip:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.current{display:grid;grid-template-rows:auto 1fr}.current .grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.current .big{grid-gap:16px;align-items:center;background:linear-gradient(135deg,#4f46e52e,#6366f114);border-radius:14px;display:grid;gap:16px;grid-column:1/-1;grid-template-columns:auto 1fr;padding:16px}.forecast-grid{display:flex;flex-direction:column;gap:12px}.forecast-card{animation:slideUp .28s ease;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;gap:8px;justify-content:space-between;padding:12px;text-align:center;transition:transform .16s ease,box-shadow .16s ease}.forecast-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.input{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text);flex:1 1 280px;height:42px;min-width:220px;padding:0 12px}.btn{background:linear-gradient(135deg,#6366f1,#22d3ee);border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:42px;padding:0 14px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{filter:brightness(.95);transform:translateY(0)}.btn-outline{background:#0000;border:1px solid var(--border);color:var(--text)}.toggle{min-width:42px}.temp{font-size:clamp(36px,6vw,56px);font-weight:700}.meta{color:var(--muted);font-size:14px}.skeleton{background:var(--skeleton-base);border-radius:10px;overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.1s infinite;background:linear-gradient(90deg,#0000,var(--skeleton-shine),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@media (max-width:980px){.app-shell{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translateX(100%)}}
/*# sourceMappingURL=main.5ee56b50.css.map*/