*{box-sizing:border-box}body{color:#e5e7eb;background:radial-gradient(circle at top,#131a2e,#05060b 60%);margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif}.app-shell{min-height:100vh;padding:32px 16px}.top-nav{color:#ffffffbf;justify-content:space-between;align-items:center;gap:12px;max-width:980px;margin:0 auto 14px;display:flex}.brand{letter-spacing:.12em;margin:0;font-size:13px;font-weight:700}.top-nav a{color:#ffffffd1;font-size:13px;text-decoration:none}.top-nav a:hover{text-decoration:underline}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07080fc7;border:1px solid #ffffff24;border-radius:24px;max-width:980px;margin:0 auto;position:relative;overflow:hidden}.weather-bg{opacity:.18;position:absolute;inset:0}.content{z-index:2;padding:24px;position:relative}.eyebrow{color:#fb7185;text-transform:uppercase;letter-spacing:.2em;font-size:12px}h1{color:#fff;margin:8px 0 10px}.subtext{color:#ffffffa8;margin-bottom:18px}.search-row{flex-wrap:wrap;gap:10px;display:flex}input,button{color:#fff;background:#0000003d;border:1px solid #ffffff2e;border-radius:10px;padding:10px 12px}input{flex:1;min-width:280px}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:#0f172a66}.unit-toggle{gap:8px;margin-top:10px;display:inline-flex}.unit-toggle button.active{background:#fff3}.error{color:#fca5a5;margin-top:10px}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chips button{border-radius:999px;font-size:12px}.now-card,.stats-grid article,.forecast,.forecast article{background:#0000003d;border:1px solid #ffffff26;border-radius:16px}.now-card{justify-content:space-between;align-items:flex-start;margin-top:16px;padding:16px;display:flex}.label{color:#fff9;font-size:13px}h2{color:#fff;margin:4px 0}.mood{text-transform:capitalize;margin-top:8px}.emoji{font-size:44px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px;display:grid}.stats-grid article{padding:14px}h3{color:#fff;margin:8px 0}.forecast{margin-top:14px;padding:14px}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:8px;display:grid}.forecast article{padding:10px}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.emoji-small{margin:4px 0;font-size:24px}.particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:#93c5fdcc;border-radius:999px;width:3px;height:18px;animation:2.8s linear infinite weather-fall;position:absolute;top:-20px}@keyframes weather-fall{0%{transform:translateY(-20px)}to{transform:translateY(720px)}}.weather-emoji-energetic,.weather-emoji-uplifted{animation:2.8s ease-in-out infinite emoji-float}.weather-emoji-calm,.weather-emoji-thoughtful,.weather-emoji-quiet,.weather-emoji-serene{animation:4.2s ease-in-out infinite emoji-drift}.weather-emoji-cozy,.weather-emoji-reflective{animation:1.8s ease-in-out infinite emoji-rain}.weather-emoji-dramatic{animation:1.2s ease-in-out infinite emoji-thunder}@keyframes emoji-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes emoji-drift{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(2px)translateY(-2px)}}@keyframes emoji-rain{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes emoji-thunder{0%,to{filter:brightness();transform:scale(1)}35%{filter:brightness(1.2);transform:scale(1.08)}}.app-footer{color:#fff9;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;max-width:980px;margin:14px auto 0;padding:12px 2px 0;font-size:12px;display:flex}.app-footer p{margin:0}