body{background:#f9fafb;color:#333;font-family:Inter,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.app{align-items:center;display:flex;flex-direction:column;min-height:100vh}header{background:#fff;border-bottom:1px solid #e5e7eb;height:69px;left:0;padding:0 16px;position:fixed;top:0;z-index:2000}.header-inner,header{align-items:center;display:flex;justify-content:center;width:100%}.header-inner{max-width:1200px;position:relative}.header-logo{height:60px;margin-right:10px;object-fit:contain;position:-webkit-sticky;width:50px}.header-title{color:#052e85;font-size:28px;font-weight:600;margin:0;position:static}.menu-btn{background:none;border:none;color:#374151;cursor:pointer;font-size:22px;position:absolute;right:-10%}.search-bar{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:100px 0 20px;max-width:1000px;padding:0 20px;width:100%}.search-bar input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;max-width:400px;min-width:250px;outline:none;padding:10px 14px;transition:border .2s}.search-bar input:focus{border-color:#2563eb}.search-bar button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 16px;transition:background .2s}.search-bar button:hover{background:#1e40af}.search-bar .loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#2563eb;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.card-container{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-items:center;max-width:1200px;padding:20px;width:100%}.card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;max-width:350px;overflow:hidden;transition:transform .2s ease;width:100%}.card:hover{transform:translateY(-4px)}.top-division{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:16px}.city-name{font-size:20px;font-weight:600;margin:0}.city-time{font-size:12px;opacity:.9}.weather-desc{align-items:center;display:flex;gap:6px;margin-top:6px}.temp{font-size:32px;margin:0}.temp-max,.temp-min{font-size:12px;opacity:.9}.bottom-division{background:#f9fafb;font-size:14px;padding:12px 16px}.extra-details p,.sun p,.wind p{margin:4px 0}.forecast-section{background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:12px}.forecast-card{font-size:12px;text-align:center}.card-buttons{background:#fafafa;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:12px}.favorite-btn,.remove-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;margin:0 4px;padding:8px 10px;transition:background .2s}.favorite-btn{background:#fcd34d;color:#000}.favorite-btn:hover{background:#fbbf24}.remove-btn{background:#f87171;color:#fff}.remove-btn:hover{background:#ef4444}.sidebar{background:#1b1b1b;border-left:1px solid #333;box-shadow:-4px 0 12px #00000080;height:calc(100% - 69px);max-width:100%;overflow-y:auto;padding:20px;position:fixed;right:0;top:69px;transform:translateX(100%);transition:transform .3s ease;width:260px;z-index:1500}.sidebar.open{transform:translateX(0)}.sidebar h2{color:#e0e0e0;font-size:18px;margin-bottom:12px}.sidebar p{color:#e0e0e0;font-size:14px;margin:8px 0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#1b1b1b}.sidebar::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px}footer{background:#f1f5f9;border-top:1px solid #e5e7eb;color:#777;font-size:13px;margin-top:auto;padding:16px;text-align:center}.wn-wrapper{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #eef2f7;border-radius:12px;box-shadow:0 6px 20px #060c220a;margin:20px auto;max-width:1000px;padding:14px;width:100%}.wn-wrapper h2{color:#0b2545;font-size:18px;margin:0 0 6px}.wn-sub{color:#475569;font-size:12px;font-weight:400;margin-left:6px}.wn-note{color:#64748b;font-size:12px;margin:0 0 12px}.wn-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.wn-card{background:#fff;border:1px solid #f1f5f9;border-radius:10px;box-shadow:0 2px 8px #0b162808;display:flex;gap:10px;padding:10px;transition:transform .18s ease,box-shadow .18s ease}.wn-card:hover{box-shadow:0 6px 16px #0b16280f;transform:translateY(-4px)}.wn-card-left{align-items:center;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-weight:600;justify-content:center;min-width:80px;padding:6px;text-align:center;width:80px}.wn-icon{font-size:28px;margin-bottom:4px}.wn-type{font-size:12px}.wn-card-right{flex:1 1;flex-direction:column}.wn-card-right,.wn-meta{display:flex;justify-content:space-between}.wn-meta{margin-bottom:4px}.wn-city{color:#0b2545;font-size:13px;font-weight:600}.wn-time{color:#64748b;font-size:12px}.wn-title{color:#0b2545;font-size:14px;margin:0 0 4px}.wn-body{color:#475569;font-size:13px;margin:0 0 6px;opacity:.95}.wn-footer{align-items:center;display:flex;gap:6px;justify-content:space-between}.wn-tag{background:#eef2ff;border-radius:999px;color:#0b4dd2;font-size:12px;font-weight:600;padding:4px 6px}.wn-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px}.wn-btn:hover{background:#1e40af}@media (max-width:720px){.wn-list{grid-template-columns:1fr}.wn-card-left{min-width:72px;width:72px}}body.default{background:#f9fafb;color:#333}body.default header{background:#fff;color:#052e85}body.cool-blue{background:#e6f0ff;color:#0b1d5a}body.cool-blue header{background:#1e3a8a;color:#fff}body.cool-blue .header-title{color:#fff}body.cool-blue .card,body.cool-blue .search-bar input,body.cool-blue .wn-wrapper{background:#cfe0ff;border-color:#9bbfff;color:#0b1d5a}body.cool-blue .card .top-division{color:#fff}body.cool-blue .favorite-btn{background:#3b82f6;color:#fff}body.cool-blue .favorite-btn:hover{background:#2563eb}body.cool-blue .remove-btn{background:#ef4444;color:#fff}body.cool-blue .remove-btn:hover{background:#dc2626}body.cool-blue .wn-card{background:#dbe8ff;border:1px solid #9bbfff}body.cool-blue .wn-card-left{background:#2563eb;color:#fff}body.modern-dark{background:#111;color:#e0e0e0}body.modern-dark header{background:#1b1b1b;color:#e0e0e0}body.modern-dark .header-title{color:#e0e0e0}body.modern-dark .search-bar input{background:#1b1b1b;border:1px solid #333;color:#e0e0e0}body.modern-dark .search-bar button{background:#2563eb;color:#fff}body.modern-dark .search-bar button:hover{background:#1e40af}body.modern-dark .card{background:#1b1b1b;border:1px solid #333;color:#e0e0e0}body.modern-dark .top-division{color:#e0e0e0}body.modern-dark .bottom-division{background:#161616;color:#e0e0e0}body.modern-dark .extra-details p,body.modern-dark .sun p,body.modern-dark .wind p{color:#e0e0e0}body.modern-dark .forecast-section{background:#1b1b1b}body.modern-dark .forecast-card{color:#e0e0e0}body.modern-dark .card-buttons{background:#161616;border-top:1px solid #333;display:flex;justify-content:space-between}body.modern-dark .favorite-btn,body.modern-dark .remove-btn{border:none;border-radius:8px;box-shadow:0 2px 6px #00000080;cursor:pointer;flex:1 1;font-size:13px;margin:0 4px;padding:8px 10px;transition:background .2s}body.modern-dark .favorite-btn{background:#fbbf24;color:#000}body.modern-dark .favorite-btn:hover{background:#f59e0b}body.modern-dark .remove-btn{background:#ef4444;color:#fff}body.modern-dark .remove-btn:hover{background:#dc2626}body.modern-dark .wn-wrapper{background:#1b1b1b;border:1px solid #333;color:#e0e0e0}body.modern-dark .wn-card{background:#161616;border:1px solid #333;color:#e0e0e0}body.modern-dark .wn-card-left{background:#374151;color:#fff}body.modern-dark .wn-body,body.modern-dark .wn-card-right,body.modern-dark .wn-city,body.modern-dark .wn-time,body.modern-dark .wn-title{color:#e0e0e0}body.modern-dark footer{background:#161616;border-top:1px solid #333;color:#e0e0e0}.theme-selector{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#111;display:flex;font-size:14px;gap:8px;padding:6px 10px;position:absolute;right:20px;top:0;transform:translateY(20%);z-index:5}.theme-selector label{font-weight:500}.theme-selector select{background:#fff;border:1px solid #ccc;border-radius:6px;color:#111;cursor:pointer;font-size:14px;padding:4px 6px}.theme-selector select:focus,.theme-selector select:hover{border-color:#2563eb;outline:none}body.cool-blue .theme-selector,body.cool-blue .theme-selector select{background:#fff;border:1px solid #ccc;color:#111}body.modern-dark .theme-selector{background:#1b1b1b;border:1px solid #333;color:#e0e0e0}body.modern-dark .theme-selector select{background:#161616;border:1px solid #333;color:#e0e0e0}.header-inner .theme-selector{display:inline-flex;margin-left:auto}body .sidebar{background:#fff;border-left:1px solid #ddd;box-shadow:-4px 0 12px #0000001a;height:calc(100% - 69px);max-width:100%;overflow-y:auto;padding:20px;position:fixed;right:0;top:69px;transform:translateX(100%);transition:transform .3s ease;width:260px;z-index:1500}body .sidebar.open{transform:translateX(0)}body .sidebar h2{color:#111;font-size:18px;margin-bottom:12px}body .sidebar p{color:#333;font-size:14px;margin:8px 0}body .sidebar::-webkit-scrollbar{width:6px}body .sidebar::-webkit-scrollbar-track{background:#f9fafb}body .sidebar::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}body.cool-blue .sidebar{background:#f0f4ff;border-left:1px solid #cbd5e1;box-shadow:-4px 0 12px #0000000d}body.cool-blue .sidebar h2,body.cool-blue .sidebar p{color:#1e3a8a}body.cool-blue .sidebar::-webkit-scrollbar-track{background:#f0f4ff}body.cool-blue .sidebar::-webkit-scrollbar-thumb{background-color:#93c5fd}body.modern-dark .sidebar{background:#1b1b1b;border-left:1px solid #333;box-shadow:-4px 0 12px #00000080}body.modern-dark .sidebar h2,body.modern-dark .sidebar p{color:#e0e0e0}body.modern-dark .sidebar::-webkit-scrollbar-track{background:#1b1b1b}body.modern-dark .sidebar::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px}
/*# sourceMappingURL=main.20f49cfd.css.map*/