@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.slide-up{animation:slideUp .5s ease forwards}.pulse{animation:pulse 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.search-container{margin:0 auto 2rem;z-index:10}.search-bar{transition:all .3s ease}.search-bar:focus-within{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.clear-btn{cursor:pointer}.clear-btn,.search-icon{color:#999;margin:0 1rem}.suggestions-list{background:#fff;box-shadow:0 6px 12px #0000001a;padding:0}.suggestions-list li{border-bottom:1px solid #eee;transition:all .2s ease}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background:#f5f5f5;transform:translateX(5px)}.lottie-container{height:150px;width:150px}.loading-animation,.lottie-container{align-items:center;display:flex;justify-content:center}.loading-animation{color:#666;font-size:.9rem;height:100%;width:100%}.weather-card{transition:all .3s ease}.weather-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.time-display{transition:all .3s ease}.dark .suggestions-list{background:#1e1e2e}.dark .suggestions-list li{border-bottom:1px solid #333}@media (max-width:768px){.search-container{padding:0 1rem}.suggestions-list li{padding:.8rem}.lottie-container{height:120px;width:120px}}:root{--primary-color:#3498db;--secondary-color:#2980b9;--text-color:#333;--light-text:#fff;--background-light:#f5f7fa;--background-dark:#1a1a2e;--card-bg-light:#ffffffe6;--card-bg-dark:#1e1e2ee6;--shadow:0 4px 6px #0000001a;--border-radius:12px}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{color:#333;color:var(--text-color);min-height:100vh;overflow-x:hidden}.app-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:2rem;position:relative;z-index:1}.animated-background{height:100%;left:0;position:fixed;top:0;transition:background 1s ease;width:100%;z-index:-1}.search-container{margin-bottom:2rem;max-width:600px;position:relative;width:100%;z-index:1}.search-bar{align-items:center;background:#ffffffe6;background:var(--card-bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);display:flex;overflow:hidden;padding:.5rem}.dark .search-bar{background:#1e1e2ee6;background:var(--card-bg-dark)}.search-input{background:#0000;border:none;color:#333;color:var(--text-color);flex:1 1;font-size:1rem;outline:none;padding:.8rem 1rem}.dark .search-input{color:#fff;color:var(--light-text)}.search-input::placeholder{color:#999}.search-btn{background:#3498db;background:var(--primary-color);border:none;border-radius:10px;border-radius:calc(var(--border-radius) - 2px);color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.search-btn:hover{background:#2980b9;background:var(--secondary-color);transform:translateY(-1px)}.search-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.clear-btn,.search-icon{color:#999;cursor:pointer;margin:0 1rem}.clear-btn{align-items:center;background:none;border:none;display:flex;justify-content:center}.suggestions-list{background:#ffffffe6;background:var(--card-bg-light);border-radius:0 0 12px 12px;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);list-style:none;margin-top:-.5rem;max-height:300px;overflow-y:auto;position:absolute;width:100%;z-index:100}.dark .suggestions-list{background:#1e1e2ee6;background:var(--card-bg-dark)}.suggestions-list li{cursor:pointer;padding:1rem;transition:background .2s ease}.suggestions-list li:hover{background:#0000000d}.dark .suggestions-list li:hover{background:#ffffff0d}.weather-card{background:#ffffffe6;background:var(--card-bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;max-width:600px;padding:2rem;width:100%}.dark .weather-card{background:#1e1e2ee6;background:var(--card-bg-dark);color:#fff;color:var(--light-text)}.weather-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.weather-header h2{color:#3498db;color:var(--primary-color);font-size:1.8rem}.time-display{background:#3498db33;border-radius:20px;font-size:1rem;font-weight:500;padding:.5rem 1rem}.time-display.morning{background:#ffcc664d}.time-display.afternoon{background:#ff99334d}.time-display.evening{background:#9966ff4d}.time-display.night{background:#0000334d;color:#fff}.weather-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.weather-animation{height:150px;width:150px}.weather-info{text-align:right}.temperature{font-size:3rem;font-weight:700;margin-bottom:.5rem}.feels-like{display:block;font-size:1rem;font-weight:400;opacity:.8}.condition{font-size:1.2rem;text-transform:capitalize}.weather-details{border-top:1px solid #0000001a;display:flex;justify-content:space-around;margin-top:1.5rem;padding-top:1.5rem}.dark .weather-details{border-top:1px solid #ffffff1a}.detail-item{text-align:center}.detail-label{display:block;font-size:.9rem;margin-bottom:.3rem;opacity:.7}.detail-value{font-size:1.2rem;font-weight:600}.outfit-suggestion{background:#ffffffe6;background:var(--card-bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;max-width:600px;padding:2rem;width:100%}.dark .outfit-suggestion{background:#1e1e2ee6;background:var(--card-bg-dark);color:#fff;color:var(--light-text)}.outfit-suggestion h3{color:#3498db;color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem}.gender-toggle{background:#0000000d;border-radius:12px;border-radius:var(--border-radius);display:flex;margin-bottom:1.5rem;overflow:hidden}.dark .gender-toggle{background:#ffffff0d}.gender-toggle button{background:none;border:none;cursor:pointer;flex:1 1;font-weight:600;padding:.8rem;transition:all .3s ease}.gender-toggle button.active{background:#3498db;background:var(--primary-color);color:#fff}.outfit-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.outfit-item{margin-bottom:1rem}.outfit-label{color:#3498db;color:var(--primary-color);display:block;font-weight:600;margin-bottom:.3rem}.outfit-value{display:block}.outfit-notes{background:#3498db1a;border-radius:8px;border-radius:calc(var(--border-radius) - 4px);grid-column:span 2;margin-top:1rem;padding:1rem}.dark .outfit-notes{background:#3498db33}.history-list{background:#ffffffe6;background:var(--card-bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);max-width:600px;padding:1.5rem;width:100%}.dark .history-list{background:#1e1e2ee6;background:var(--card-bg-dark);color:#fff;color:var(--light-text)}.history-list h3{color:#3498db;color:var(--primary-color);margin-bottom:1rem}.history-items{display:flex;flex-wrap:wrap;gap:.5rem}.history-item{background:#3498db1a;border-radius:20px;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.history-item:hover{background:#3498db4d;transform:translateY(-2px)}.dark .history-item{background:#3498db33}.dark .history-item:hover{background:#3498db66}.error-message,.loading-spinner,.welcome-message{background:#ffffffe6;background:var(--card-bg-light);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;max-width:600px;padding:2rem;text-align:center;width:100%}.dark .error-message,.dark .loading-spinner,.dark .welcome-message{background:#1e1e2ee6;background:var(--card-bg-dark);color:#fff;color:var(--light-text)}.error-message{color:#e74c3c}.theme-toggle{align-items:center;background:#ffffffe6;background:var(--card-bg-light);border-radius:50%;bottom:2rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:2rem;width:50px;z-index:100}.dark .theme-toggle{background:#1e1e2ee6;background:var(--card-bg-dark)}@media (max-width:768px){.app-container{padding:1rem}.weather-main{flex-direction:column;text-align:center}.weather-info{margin-top:1rem;text-align:center}.outfit-details{grid-template-columns:1fr}.outfit-notes{grid-column:span 1}}
/*# sourceMappingURL=main.2827abff.css.map*/