[hidden],.hidden{display:none!important}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#07111f;color:#fff}button,input,textarea{font:inherit}.screen{min-height:100vh;padding:24px;max-width:980px;margin:0 auto}.weather-screen{background:radial-gradient(circle at top,#174171 0,#07111f 48%,#04070c 100%)}.weather-header,.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#9bc8ff;font-weight:900}.weather-header h1,.chat-header h2{margin:4px 0 0;font-size:26px}.ghost-btn,.primary-btn,.send-btn{border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}.ghost-btn{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.18)}.primary-btn,.send-btn{background:#2f80ed;color:#fff}.weather-card{border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border-radius:28px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.35);user-select:none}.weather-location{color:#cfe7ff;font-weight:800}.weather-temp{font-size:92px;font-weight:950;letter-spacing:-5px;line-height:1;margin:18px 0}.weather-temp small{font-size:36px;letter-spacing:0}.weather-desc{font-size:20px;font-weight:800;margin-bottom:18px}.weather-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.weather-grid div{padding:14px;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12)}.weather-grid small,.forecast-day small,.hint{color:#bdd3ea}.weather-grid b{display:block;margin-top:6px}.forecast-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.forecast-day{padding:16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11)}.forecast-day b{display:block;font-size:22px;margin-top:8px}.hint{font-size:13px;margin-top:20px;text-align:center}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);padding:20px}.modal-box{width:min(420px,100%);background:#0c1522;border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:22px;box-shadow:0 25px 90px rgba(0,0,0,.55)}.modal-box h2{margin:0 0 8px}.modal-box p{color:#bdd3ea}.input{width:100%;border:1px solid rgba(255,255,255,.16);background:#fff;color:#111827;border-radius:14px;padding:14px;outline:none}.modal-box .input + .input{margin-top:10px}.modal-box .primary-btn,.modal-box .ghost-btn{width:100%;margin-top:12px}.error{color:#ff8a8a;font-size:13px;margin-top:10px}.color-row{display:flex;gap:10px;margin:14px 0}.color-dot{width:34px;height:34px;border-radius:999px;border:3px solid rgba(255,255,255,.8);cursor:pointer}.chat-screen{background:#0b1118;display:flex;flex-direction:column}.chat-header{position:sticky;top:0;background:#0b1118;padding:12px 0;border-bottom:1px solid #1f2937;z-index:3}.chat-header small{color:#9ca3af;display:block}.messages{flex:1;display:flex;flex-direction:column;gap:12px;padding:18px 0 110px}.msg{max-width:min(72%,680px);padding:12px 14px;border-radius:18px;background:#16202e;border:1px solid #263244;align-self:flex-start}.msg.me{align-self:flex-end;background:#0f2c4f;border-color:#245a9d}.msg-name{font-size:12px;font-weight:900;margin-bottom:4px}.msg-body{white-space:pre-wrap;word-break:break-word}.msg-time{font-size:11px;color:#9ca3af;margin-top:6px}.message-form{position:fixed;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(180deg,rgba(11,17,24,0),#0b1118 20%);display:flex;gap:10px;max-width:980px;margin:0 auto}.message-form textarea{resize:none;min-height:50px;max-height:120px}.send-btn{min-width:92px}.hidden{display:none!important}@media(max-width:720px){.screen{padding:16px}.weather-temp{font-size:76px}.weather-grid,.forecast-list{grid-template-columns:1fr}.msg{max-width:88%}.message-form{padding:12px}.weather-header h1{font-size:22px}}

[hidden],.hidden{display:none!important}