body{margin:0;padding:0;background:#e7eaf6;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-root{min-height:100vh;background:linear-gradient(135deg,#76b2fe,#b69efe);display:flex;align-items:center;justify-content:center}.weatherapp-container{background:#ffffff40;box-shadow:0 8px 32px #1f268712;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:2rem 2.5rem;max-width:440px;margin:40px auto;text-align:center}.heading{font-size:2.25rem;font-weight:700;color:#3f3f3f;margin-bottom:1rem}.searchbox-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.search-btn{background:linear-gradient(45deg,#42a5f5,#478ed1);color:#fff}.error-msg{color:#d32f2f;font-size:1rem;margin-top:5px;font-weight:500}.card{margin:0 auto;width:100%;max-width:360px;border-radius:16px;box-shadow:0 2px 8px #1f268712}.cardcontent{background-color:#ffffff80;padding:1.5rem}@media (max-width: 600px){.weatherapp-container{max-width:98vw;padding:1.5rem .5rem}.card{max-width:98vw}}:root{--light-bg: #e6f2ff;--light-text: #2c3e50;--dark-bg: #0e0e17;--dark-text: #f0f0f0;--accent-blue: #4da6ff;--accent-orange: #ff9800;--card-light: #ffffff;--card-dark: #1f1f2b;--glass-dark: rgba(255, 255, 255, .05);--glass-light: rgba(255, 255, 255, .7);--border-dark: rgba(255, 255, 255, .2)}body.light{background:var(--light-bg);color:var(--light-text)}body.dark{background:var(--dark-bg);color:var(--dark-text)}.weather-app{max-width:540px;margin:auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:1.5rem;font-family:Segoe UI,sans-serif;transition:background .4s,color .4s}.app-header{display:flex;justify-content:space-between;align-items:center}.app-header h1{font-size:1.8rem;font-weight:600}.theme-toggle{background:transparent;border:2px solid currentColor;padding:.5rem 1rem;margin:25px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.theme-toggle:hover{background:var(--glass-dark)}.search-form{display:flex;gap:.5rem}.search-input{flex:1;padding:.65rem 1rem;border:2px solid #bbb;border-radius:8px;font-size:1rem;outline:none}.search-btn{background-color:var(--accent-blue);color:#fff;border:none;padding:.65rem 1.2rem;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.search-btn:hover{background-color:#1a8cff}.error-msg{margin-top:.5rem;color:#ff4c4c;font-weight:500}.weather-card{background:var(--glass-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.8rem;box-shadow:0 8px 24px #0003;transition:background .3s,color .3s;border:1px solid var(--border-dark)}body.dark .weather-card{background:var(--glass-dark)}.card-header h2{font-size:1.6rem;text-align:center;margin-bottom:1rem}.card-body{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2rem;margin-bottom:.5rem}.icon{font-size:3rem!important}.icon.sunny{color:#ffc107}.icon.rain{color:#2196f3}.icon.cloud{color:#90a4ae}.icon.snow{color:#80dfff}.condition-text{text-align:center;font-style:italic;font-size:1rem;margin-bottom:1rem}.card-footer{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;font-size:.95rem;text-align:center}.speak-btn{background-color:var(--accent-orange);border:none;padding:.6rem 1rem;font-weight:700;border-radius:8px;cursor:pointer;margin-top:1.2rem;transition:background-color .3s ease;color:#fff}.speak-btn:hover{background-color:#ff6f00}.app-footer{text-align:center;margin-top:2rem;font-size:.85rem;opacity:.8;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}p{font-size:1.2rem}@media (max-width: 500px){.search-form,.card-body{flex-direction:column}.app-header{flex-direction:column;gap:1rem}.theme-toggle{width:100%}}