@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:before,:after{box-sizing:inherit}html{scroll-behavior:smooth;font-size:16px}body{font-synthesis:none;min-width:320px;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{width:100%;min-height:100vh}:root{--color-bg-primary:#252323;--color-bg-secondary:#2a2a2a;--color-bg-tertiary:#3a3a3a;--color-bg-transparent:#00000080;--color-text-primary:#fff;--color-text-secondary:#b0b0b0;--color-text-tertiary:gray;--color-accent-primary:#ad36cb;--color-accent-secondary:#33e017;--color-accent-hover:#8a2ba3;--color-error:#ad36cb;--color-success:#33e017;--gradient-card:linear-gradient(145deg,#ad36cb 27%,#333 69%);--gradient-history:linear-gradient(180deg,#ad36cb 27%,#333 69%);--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 16px #0003;--shadow-xl:0 12px 24px #00000040;--shadow-2xl:0 16px 32px #0000004d;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-round:50%;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--gap-2xl:48px;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:24px;--font-2xl:32px;--font-3xl:48px;--font-4xl:64px;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700}.app.light{--color-bg-primary:#f5f5f5;--color-bg-secondary:#fff;--color-bg-tertiary:#e0e0e0;--color-text-primary:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-tertiary:#6a6a6a;--color-accent-primary:#10c38e;--color-accent-hover:#0ba577;--gradient-card:linear-gradient(145deg,#10c38e 0%,#0e8494 100%);--gradient-history:linear-gradient(180deg,#10c38e 0%,#0e8494 100%)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh;padding:0}.app{background-color:var(--color-bg-primary);width:100%;min-height:100vh;color:var(--color-text-primary);padding:var(--spacing-lg);font-family:Poppins,sans-serif;transition:all .3s}header{text-align:center;margin-bottom:var(--spacing-xl);position:relative}header h1{font-size:var(--font-3xl);font-weight:var(--font-medium);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}header p{font-size:var(--font-sm);color:var(--color-text-secondary);font-weight:var(--font-semibold)}.theme-switcher{position:absolute;top:0;right:0}.theme-toggle-checkbox{display:none}.theme-toggle-label{background-color:var(--color-bg-tertiary);cursor:pointer;border-radius:50px;width:60px;height:30px;transition:background-color .3s;display:block;position:relative;box-shadow:inset 0 2px 4px #0000001a}.theme-toggle-slider{background-color:var(--color-text-primary);border-radius:50%;width:24px;height:24px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.theme-toggle-checkbox:checked+.theme-toggle-label{background-color:var(--color-accent-primary)}.theme-toggle-checkbox:checked+.theme-toggle-label .theme-toggle-slider{transform:translate(30px)}.find{justify-content:center;gap:var(--gap-md);margin-bottom:var(--spacing-xl);padding:15px 45px;display:flex}.find input[type=text]{max-width:500px;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-md);color:var(--color-text-primary);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid #0000;outline:none;flex:1;font-family:Poppins,sans-serif;transition:all .3s}.find input[type=text]::placeholder{color:var(--color-text-secondary)}.find input[type=text]:focus{border-color:var(--color-accent-primary);background-color:var(--color-bg-tertiary);box-shadow:0 0 0 3px #ad36cb1a}.find input[type=text]:hover{border-color:var(--color-accent-hover)}.btn-search{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-md);font-family:Poppins,sans-serif;font-weight:var(--font-semibold);color:var(--color-text-primary);background:var(--color-accent-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);border:none;transition:all .3s}.btn-search:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-search:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.fails{text-align:center;margin:var(--spacing-md)auto;max-width:600px}.fails p{font-size:var(--font-md);font-weight:var(--font-semibold);color:var(--color-error);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--color-error);background-color:#ad36cb1a;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loader-container{justify-content:center;align-items:center;gap:var(--gap-md);padding:var(--spacing-xl);flex-direction:column;min-height:200px;display:flex}.loader-spinner{border:4px solid var(--color-bg-secondary);border-top:4px solid var(--color-accent-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.loader-container p{font-size:var(--font-md);color:var(--color-text-secondary);margin-top:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-card{max-width:820px;min-height:425px;margin:0 auto var(--spacing-2xl);background:var(--gradient-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-xl);animation:.5s fadeIn;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{color:#fff;width:100%;height:100%;padding:0}.card h2{font-size:var(--font-xl);font-weight:var(--font-light);margin-bottom:var(--spacing-lg);text-align:left}.main-info{justify-content:center;align-items:center;gap:var(--gap-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.temp{font-size:var(--font-4xl);font-weight:var(--font-light)}.main-info img{object-fit:contain;filter:drop-shadow(0 4px 8px #0003);width:150px;height:150px}.additional-info{gap:var(--gap-lg);padding-top:var(--spacing-lg);border-top:1px solid #fff3;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.info{text-align:center;flex-direction:column;align-items:center;display:flex}.label{font-size:var(--font-lg);font-weight:var(--font-medium);opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.value{font-size:var(--font-xl);font-weight:var(--font-semibold)}.app.light .icon{color:#000;vertical-align:middle;margin-right:8px}.app.dark .icon{color:#fff;vertical-align:middle;margin-right:8px}.temp-icon{margin-right:15px;font-size:3rem}.info .icon{margin-bottom:8px;margin-right:0;font-size:1.5rem}.card h2{align-items:center;gap:10px;display:flex}.card h2 .icon{font-size:1.5rem}.recent-weather{gap:var(--gap-md);max-width:1200px;padding:0 var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;display:grid}.history-card{background:var(--gradient-history);border-radius:var(--radius-xl);width:100%;min-height:160px;padding:var(--spacing-lg)var(--spacing-md);text-align:center;cursor:pointer;box-shadow:var(--shadow-lg);color:#fff;flex-direction:column;justify-content:space-between;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.history-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.history-card:hover:before{opacity:1}.history-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-8px)scale(1.02)}.history-card h3{font-size:var(--font-md);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs);text-transform:capitalize;letter-spacing:.5px;z-index:1}.history-card img{object-fit:contain;width:70px;height:70px;margin:var(--spacing-sm)0;filter:drop-shadow(0 2px 4px #0000004d);z-index:1}.history-card p{font-size:var(--font-xl);font-weight:var(--font-bold);z-index:1;margin-top:auto}@media (max-width:768px){.recent-weather{gap:var(--gap-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.history-card{min-height:140px;padding:var(--spacing-md)var(--spacing-sm)}.history-card h3{font-size:var(--font-sm)}.history-card img{width:60px;height:60px}.history-card p{font-size:var(--font-lg)}}@media (max-width:480px){.recent-weather{grid-template-columns:repeat(2,1fr)}}