.weather-card{max-width:920px;margin:18px auto;padding:20px;border-radius:14px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;box-shadow:0 10px 30px #02061773;border:1px solid rgba(255,255,255,.04);font-family:Segoe UI,Roboto,system-ui,-apple-system,Helvetica Neue,Arial}.weather-top{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.03)}.loc h2{margin:0;font-size:1.45rem;color:#e6f6ff}.localtime{font-size:.85rem;color:#cfefff;margin-top:6px}.icon-block{display:flex;align-items:center;gap:18px}.ow-icon{width:110px;height:110px;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5))}.cond h3{font-size:2.4rem;margin:0;color:#fff}.cond p{margin:4px 0;opacity:.85}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}.metric{background:linear-gradient(180deg,#ffffff08,#ffffff03);padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.02)}.metric .label{font-size:.85rem;color:#dfeeff;margin-bottom:6px}.metric .value{font-weight:600;font-size:1rem;margin-bottom:8px}.bar{background:#ffffff08;height:8px;border-radius:8px;overflow:hidden}.bar .fill{height:100%;background:linear-gradient(90deg,#3ad59f,#00c9ff)}.wind-visual{margin-top:6px}.wind-arrow{display:inline-block;transform-origin:center;font-size:18px;background:#ffffff05;padding:8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sun-bar{background:#ffffff08;height:10px;border-radius:10px;overflow:hidden;margin-top:8px}.sun-fill{height:100%;background:linear-gradient(90deg,#ffd76b,#ff8a00)}.uvi-badge{display:inline-block;padding:6px 10px;border-radius:10px;font-weight:700}.uvi-badge.low{background:#b4f8c8;color:#064c23}.uvi-badge.moderate{background:#fff4b9;color:#664e00}.uvi-badge.high{background:#ffddb3;color:#7a3f00}.uvi-badge.very-high{background:#ffb3a3;color:#5c1100}.uvi-badge.extreme{background:#f28cff;color:#54004f}.forecast{margin-top:18px}.hourly-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;margin-top:8px}.hour-card{background:#ffffff05;border-radius:8px;padding:8px;min-width:76px;text-align:center;border:1px solid rgba(255,255,255,.02)}.hour-card img{width:48px;height:48px}.daily-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px}.day-card{padding:10px;border-radius:8px;background:#ffffff05;text-align:center}.card-footer{margin-top:14px;display:flex;justify-content:flex-end}.fav-btn{background:linear-gradient(90deg,#ffd54a,#ffc107);padding:10px 14px;border-radius:10px;border:none;font-weight:700;cursor:pointer}@media (max-width:720px){.weather-top{flex-direction:column;align-items:flex-start;gap:12px}}body{background:linear-gradient(135deg,#016bc7,#007980);min-height:100vh;margin:0;color:#000}.app-shell{max-width:980px;margin:24px auto;padding:0 14px}.app-title{text-align:center;font-weight:700;margin-bottom:16px}.search-bar{display:flex;gap:10px;margin-bottom:20px}.search-bar input{flex:1;padding:10px 15px;font-size:1rem;border:2px solid #0078d7;border-radius:8px;outline:none;transition:.3s}.search-bar input:focus{border-color:#005a9e}.search-bar button{padding:10px 20px;font-size:1rem;background:#0078d7;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.search-bar button:hover{background:#005a9e}.favorites{max-width:920px;margin:18px auto;padding:20px;border-radius:14px;background:#017ad6;color:#2b2a2a;box-shadow:0 10px 30px #02061773;border:1px solid rgba(255,255,255,.04);font-family:Segoe UI,Roboto,system-ui,-apple-system,Helvetica Neue,Arial}.favorites h3{margin-bottom:10px;font-size:1.2rem;color:#eaebec}.favorites ul{list-style:none}.favorites li{width:50%;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:8px 16px;margin-bottom:8px;border-radius:8px;box-shadow:0 2px 6px #0000000d;transition:transform .2s}.favorites li:hover{transform:translate(3px)}.favorites li span{cursor:pointer;color:#000;font-weight:500}.favorites li button{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:6px;cursor:pointer;transition:background .3s}.favorites li button:hover{background:#b52b38}