@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f6f8fb;color:#0f172a}.shell{min-height:100%;display:grid;place-items:center;padding:24px}.container{width:100%;max-width:820px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 40px #02061714;padding:20px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.brand{margin:0;font-size:28px;font-weight:800;letter-spacing:.2px}.search{display:flex;gap:8px}.search input{width:280px;max-width:48vw;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;font-size:16px;outline:none;transition:border .15s,box-shadow .15s}.search input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.search button{padding:12px 16px;font-weight:700;background:#2563eb;color:#fff;border:1px solid #2563eb;border-radius:12px;cursor:pointer}.theme-switch{display:flex;align-items:center;gap:8px}.theme-switch select{padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;font-weight:600}.error{margin:8px 0 0;color:#ef4444;font-weight:700}.current{padding:14px 0 8px;border-bottom:1px dashed #e5e7eb}.current-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.city-block{min-width:0}.city{margin:0;font-size:24px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.date{margin:2px 0 0;color:#64748b;font-size:14px;font-weight:600}.big-icon{filter:drop-shadow(0 6px 12px rgba(2,6,23,.12))}.temp-row{display:flex;align-items:flex-end;gap:12px;margin-top:8px}.temp{font-size:64px;font-weight:800;letter-spacing:-1px;line-height:1}.unit-toggle{display:flex;align-items:center;gap:8px}.unit{background:none;border:none;color:#64748b;font-weight:700;cursor:pointer}.unit.active{color:#0f172a}.sep{color:#cbd5e1}.desc{margin:6px 0 8px;font-weight:700}.details{display:flex;gap:18px;list-style:none;padding:0;margin:0 0 12px}.details li{color:#334155;font-weight:600}.details strong{color:#0f172a}.forecast{padding-top:8px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.day{text-align:center;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff;box-shadow:0 10px 24px #0206170f}.name{font-weight:700;margin-bottom:4px}.ico{filter:drop-shadow(0 4px 8px rgba(2,6,23,.12))}.t{font-size:14px;font-weight:700;color:#334155}@media(max-width:760px){.grid{grid-template-columns:repeat(3,1fr)}.temp{font-size:52px}}.footer{margin-top:12px;padding-top:10px;border-top:1px dashed #e5e7eb;font-size:14px;font-weight:600;color:#334155;display:flex;justify-content:center;align-items:center;gap:8px}.footer a{color:#2563eb;text-decoration:none;border-bottom:1px dashed rgba(37,99,235,.45)}.footer a:hover{border-bottom-style:solid}.rainbow{font-size:18px}[data-theme=dark] body{background:#070b14;color:#e5e7eb}[data-theme=dark] .container{background:#0b1220;border-color:#0f172a;box-shadow:0 18px 40px #00000073}[data-theme=dark] .brand{color:#e5e7eb}[data-theme=dark] .search input{background:#0e1627;border-color:#1f2937;color:#e5e7eb}[data-theme=dark] .search input::placeholder{color:#94a3b8}[data-theme=dark] .search button{background:#60a5fa;border-color:#60a5fa;color:#0b1020}[data-theme=dark] .error{color:#f87171}[data-theme=dark] .current{border-bottom-color:#1f2937}[data-theme=dark] .date,[data-theme=dark] .unit{color:#9aa4b2}[data-theme=dark] .unit.active,[data-theme=dark] .desc{color:#e5e7eb}[data-theme=dark] .details li{color:#cbd5e1}[data-theme=dark] .details strong{color:#e5e7eb}[data-theme=dark] .day{background:#0e1627;border-color:#1f2937;box-shadow:0 10px 24px #00000080}[data-theme=dark] .name,[data-theme=dark] .t{color:#e5e7eb}[data-theme=dark] .footer a{color:#93c5fd;border-bottom-color:#93c5fd73}.footer{margin-top:12px;padding-top:10px;border-top:1px dashed #e5e7eb;font-size:14px;font-weight:600;color:#334155;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;text-align:center}.footer a{text-decoration:none;font-weight:700;transition:color .3s ease,background-size .4s ease;background-image:linear-gradient(90deg,#ec4899,#8b5cf6,#3b82f6);background-repeat:no-repeat;background-size:0% 2px;background-position:0 100%}.footer a:hover{color:#1d4ed8;background-size:100% 2px}.link-github{color:#2563eb}.link-netlify{color:#ec4899}.rainbow{font-size:18px;animation:rainbowGlow 3s linear infinite}@keyframes rainbowGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}[data-theme=dark] .footer{border-top-color:#1f2937;color:#cbd5e1}[data-theme=dark] .footer a{background-image:linear-gradient(90deg,#93c5fd,#a78bfa,#f472b6)}[data-theme=dark] .footer a:hover{color:#93c5fd}