:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffe6;--bg-gradient:linear-gradient(120deg,#0f1219 0%,#151925 100%);--text-primary:#fff;--text-secondary:#fff9;font-family:Outfit,Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}body.theme-sunny{--bg-gradient:linear-gradient(120deg,#2980b9 0%,#6dd5fa 100%)}body.theme-cloudy{--bg-gradient:linear-gradient(120deg,#304352 0%,#d7d2cc 100%)}body.theme-rainy{--bg-gradient:linear-gradient(120deg,#203a43 0%,#2c5364 100%)}body.theme-night{--bg-gradient:linear-gradient(120deg,#000 0%,#1a1a1a 100%)}body.theme-light{--bg-gradient:linear-gradient(120deg,#fdfbfb 0%,#ebedee 100%);--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--card-bg:#0000000d;--card-border:#0000001a}body{background:var(--bg-gradient);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;transition:background 1s;display:block;overflow-x:hidden}#root{width:100%;margin:0 auto;padding:0}input{border:1px solid var(--card-border);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;outline:none;padding:.8em 1.2em;font-size:1.1em;transition:all .3s}input:focus{background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 15px #fff3}button{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #0000;border-radius:8px;padding:.8em 1.5em;font-family:inherit;font-size:1em;font-weight:600;transition:border-color .25s,transform .1s}button:hover{border-color:#646cff;transform:scale(1.05)}button:active{transform:scale(.95)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{color:#fff;text-align:center;background:#283246f2;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:400px;padding:2.5rem;position:relative;box-shadow:0 20px 50px #00000080}.close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:5px;position:absolute;top:15px;right:15px}.auth-form{flex-direction:column;gap:1.2rem;margin-top:2rem;display:flex}.input-group{background:#0003;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:.8rem 1rem;display:flex}.input-group input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:1rem}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:opacity .2s}.auth-submit:hover{opacity:.9}.switch-mode{opacity:.8;margin-top:1.5rem;font-size:.9rem}.switch-mode span{color:#4facfe;cursor:pointer;font-weight:600;text-decoration:underline}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#141928b3;border-bottom:1px solid #ffffff0d;width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 30px #0000001a}.nav-container{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:1rem 2rem;display:flex}.nav-logo{color:#fff;letter-spacing:1px;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{color:orange}.nav-menu{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:#fff9;border-radius:12px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:#ffffff1a}.theme-toggle-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.theme-toggle-btn:hover{background:#ffffff1a;transform:rotate(15deg)}.login-btn{color:#fff;cursor:pointer;background:orange;border:none;border-radius:24px;align-items:center;gap:8px;padding:.6rem 1.4rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #ffa5004d}.login-btn:hover{background:#ffb733;transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066}.user-profile{align-items:center;gap:15px;display:flex}.username{color:#fff;font-weight:500}.logout-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;align-items:center;transition:color .2s;display:flex}.logout-btn:hover{color:#ff6b6b}.menu-icon{color:#fff;cursor:pointer;display:none}@media (max-width:768px){.menu-icon{display:block}.nav-menu{opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141e30f2;border-radius:0 0 20px 20px;flex-direction:column;align-items:stretch;width:100%;padding:2rem;transition:all .5s;display:flex;position:absolute;top:100%;left:-100%}.nav-menu.active{opacity:1;z-index:1000;left:0}.nav-item{text-align:center;width:100%;margin-bottom:1rem}.auth-item{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}.user-profile{justify-content:center}}.footer{text-align:center;background-color:var(--secondary-bg);color:var(--text-secondary);border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem;font-family:Outfit,sans-serif}.footer p{margin:0;font-size:.9rem}.dashboard-grid{grid-template-columns:350px 1fr 300px;gap:20px;max-width:1600px;height:calc(100vh - 90px);margin:85px auto 0;padding:24px;display:grid;overflow:hidden}.left-column{flex-direction:column;gap:20px;height:100%;display:flex;overflow-y:auto}.left-column::-webkit-scrollbar{width:0}.current-weather-large{color:#fff;background:#14141480;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;flex:none;justify-content:space-between;min-height:380px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.current-weather-large .top-row{justify-content:space-between;align-items:flex-start;display:flex}.current-weather-large .temp{margin:10px 0;font-size:4.5rem;font-weight:700;line-height:1}.current-weather-large .condition{font-size:1.5rem;font-weight:500}.current-weather-large .bottom-locs{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.mini-loc-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:12px;padding:8px 12px;font-size:.8rem}.highlights-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:auto;display:grid}.center-column{flex-direction:column;gap:20px;height:100%;display:flex;overflow-y:auto}.center-column::-webkit-scrollbar{width:0}.daily-forecast-container{gap:15px;padding-bottom:5px;display:flex;overflow-x:auto}.daily-forecast-container::-webkit-scrollbar{height:4px}.daily-forecast-container::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.daily-card{background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;min-width:90px;padding:15px;display:flex}.daily-icon{width:40px;margin-bottom:8px}.daily-temp{margin-bottom:4px;font-size:1.1rem;font-weight:600}.daily-day{opacity:.7;font-size:.8rem}.highlight-card{background:#14141480;border:1px solid #ffffff0d;border-radius:20px;padding:24px}.highlight-header{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:15px;font-size:1rem;font-weight:500;display:flex}.right-sidebar{flex-direction:column;gap:20px;height:100%;display:flex}.sidebar-card{flex-direction:column;display:flex}.sun-times{flex-direction:column;gap:20px;display:flex}.sun-item{align-items:center;gap:15px;display:flex}.sun-value{font-size:1.3rem;font-weight:600}.sun-label{opacity:.7;font-size:.85rem}.rain-list{flex-direction:column;gap:12px;display:flex}.rain-item{flex-direction:column;gap:4px;display:flex}.rain-day{opacity:.8;font-size:.85rem}.rain-bar-container{align-items:center;gap:10px;display:flex}.rain-pill{color:#fff;text-align:center;background:#ff7300;border-radius:4px;min-width:50px;padding:2px 8px;font-size:.75rem}.rain-bar-bg{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.rain-bar-fill{background:#ff7300;border-radius:4px;height:100%;transition:width .5s ease-out}.location{align-items:center;gap:8px;font-size:1.2rem;display:flex}@media (max-width:1280px){.dashboard-grid{grid-template-columns:1fr 1fr;height:auto;overflow:visible}.right-sidebar{flex-direction:row;grid-column:span 2}.left-column,.center-column{height:auto}}@media (max-width:900px){.dashboard-grid{flex-direction:column;display:flex}.right-sidebar{flex-direction:column}}.page-container{flex-direction:column;align-items:center;width:100%;animation:.5s fadeIn;display:flex}.home-header{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:3rem;padding-top:4rem;display:flex;position:relative}.home-header h1{background:linear-gradient(90deg,#fff,#89f7fe);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem}.home-header p{opacity:.8;margin-bottom:2rem;font-size:1.2rem}.weather-content{justify-content:center;width:100%;display:flex}.fade-in{animation:.8s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.forecast-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;width:100%;max-width:1000px;padding:1rem;display:grid}.forecast-card{text-align:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:transform .3s}.forecast-card:hover{background:#ffffff26;transform:translateY(-5px)}.forecast-date{text-transform:uppercase;opacity:.8;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.forecast-temp{margin:.5rem 0;font-size:2rem;font-weight:700}.forecast-desc{text-transform:capitalize;opacity:.7;font-size:.9rem}.forecast-stats{opacity:.6;flex-direction:column;gap:4px;margin-top:1rem;font-size:.8rem;display:flex}.charts-container{flex-direction:column;gap:2rem;width:100%;max-width:1000px;display:flex}.chart-box{background:#0003;border:1px solid #ffffff0d;border-radius:16px;padding:2rem}.chart-box h3{text-align:left;margin-bottom:2rem}.assistant-box{background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:600px;height:500px;display:flex;overflow:hidden}.chat-interface{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;gap:1rem;padding:2rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:20px;max-width:80%;padding:1.2rem 1.5rem;line-height:1.5}.chat-bubble.ai{background:#ffffff26;border-bottom-left-radius:4px;align-items:center;display:flex}.chat-bubble.good{border-left:4px solid #48bb78}.chat-bubble.bad{border-left:4px solid #f56565}.chat-bubble.neutral{border-left:4px solid #4299e1}.input-area{background:#0003;align-items:center;gap:1rem;padding:1.5rem;display:flex}.input-area input{box-shadow:none;background:0 0;border:none;width:100%}.input-icon{opacity:.5}.loader.small{opacity:.7;font-size:1rem}.chat-mode{flex-direction:column;height:100%;max-height:600px;display:flex}.messages-area{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.user{justify-content:flex-end}.message-row.bot{justify-content:flex-start}.message-bubble{border-radius:18px;align-items:center;gap:10px;max-width:80%;padding:1rem 1.2rem;font-size:.95rem;line-height:1.4;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex}.message-bubble.user{color:#fff;background:#4facfe;border-bottom-right-radius:4px}.message-bubble.bot{color:#fff;background:#ffffff26;border-bottom-left-radius:4px}.chat-input{background:#0003;border-top:1px solid #ffffff1a}.send-btn{color:#fff;cursor:pointer;background:#4facfe;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.send-btn:hover{transform:scale(1.1)}.spin{animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.auth-trigger{position:absolute;top:20px;right:20px}.login-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:.5rem 1rem;transition:background .2s}.login-btn:hover{background:#ffffff4d}.user-badge{color:#4facfe;background:#0000004d;border-radius:20px;align-items:center;gap:8px;padding:.5rem 1rem;font-weight:700;display:flex}.app-container{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}header{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}h1{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #a5b4fc4d;-webkit-background-clip:text;margin:0;font-size:3rem;font-weight:800}.search-form{gap:10px;width:100%;max-width:500px;display:flex}.search-form input{flex:1}.loader{margin-top:2rem;font-size:1.5rem;animation:1.5s infinite pulse}.error-msg{color:#ff6b6b;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;margin-top:2rem;padding:1rem 2rem}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width:600px){h1{font-size:2.2rem}.search-form{flex-direction:column}.weather-card{padding:1.5rem}.temperature{font-size:3rem}}