*{box-sizing:border-box;margin:0;padding:0}:root{--primary-pink:#ff1493;--light-pink:#ffb6d9;--white:#fff;--gray-light:#f5f5f5;--gray-medium:#ccc;--gray-dark:#666;--black:#333;--shadow:#0000001a;--shadow-hover:#ff149333}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--gray-light);color:#333;color:var(--black);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;padding:0}html{height:-webkit-fill-available}#root{margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f5f5;background:var(--gray-light)}::-webkit-scrollbar-thumb{background:#ff1493;background:var(--primary-pink);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff69b4}.auth-container{align-items:center;background:var(--primary-pink);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:var(--white);border-radius:20px;box-shadow:0 10px 30px var(--shadow);max-width:450px;padding:40px;width:100%}.auth-title{color:var(--primary-pink);font-size:2rem;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:var(--gray-dark);font-size:1rem;margin-bottom:30px;text-align:center}.step-indicator{justify-content:center;margin-bottom:30px;padding:0 20px}.step,.step-indicator{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;gap:8px;max-width:100px}.step-circle{align-items:center;background:#e0e0e0;border-radius:50%;color:#999;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step.active .step-circle{background:var(--primary-pink);color:#fff;transform:scale(1.1)}.step span{color:#999;font-size:11px;font-weight:500;text-align:center}.step.active span{color:var(--primary-pink);font-weight:600}.step-line{background:#e0e0e0;flex:1 1;height:2px;margin:0 -10px 28px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--black);font-size:.9rem;font-weight:500}.form-group input{border:2px solid var(--gray-medium);border-radius:12px;font-family:Poppins,sans-serif;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus{border-color:var(--primary-pink);box-shadow:0 0 0 3px #ff14931a;outline:none}.form-row{grid-gap:16px;gap:16px}.form-actions{display:flex;gap:12px;margin-top:10px}.form-actions .btn-primary{margin-top:0}.btn-back,.form-actions .btn-primary{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.btn-back{background:#f0f0f0;border:none;border-radius:12px;color:#666;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:14px;transition:all .3s ease}.btn-back:hover{background:#e0e0e0}.btn-primary{color:var(--white);font-size:1rem;margin-top:10px;padding:14px;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#ff69b4;box-shadow:0 5px 15px var(--shadow-hover);transform:translateY(-2px)}.error-message{background:#ffe5e5;border-radius:10px;color:#d8000c;font-size:.9rem;padding:12px}.auth-link{color:var(--gray-dark);font-size:.9rem;text-align:center}.auth-link a{color:var(--primary-pink);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-title{font-size:1.5rem}}.bottom-nav{background:var(--white);border-top:1px solid #e8e8e8;bottom:0;box-shadow:0 -1px 3px #0000000d;justify-content:space-around;left:0;padding:8px 16px 20px;position:fixed;right:0;z-index:1000}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{background:#0000;border:none;color:#6b7280;cursor:pointer;flex:1 1;flex-direction:column;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:400;gap:6px;justify-content:center;max-width:72px;padding:6px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item svg{font-size:1.5rem;transition:all .3s ease}.nav-item.active{color:var(--primary-pink)}.nav-item.active svg{transform:scale(1.1)}.nav-item span{font-size:.7rem;font-weight:500}.generate-btn{flex-direction:column;margin-top:-30px;position:relative}.generate-btn,.generate-icon{align-items:center;display:flex;justify-content:center}.generate-icon{background:var(--primary-pink);border:4px solid var(--white);border-radius:50%;box-shadow:0 4px 12px #ff14934d;color:var(--white);height:56px;margin-bottom:6px;transition:all .3s ease;width:56px}.generate-icon svg{font-size:1.4rem}.generate-btn:hover .generate-icon{box-shadow:0 6px 16px #ff149366;transform:scale(1.05)}.generate-btn:active .generate-icon{transform:scale(.98)}.generate-btn span{color:#6b7280;font-size:.7rem;font-weight:400}@media (min-width:768px){.bottom-nav{border-radius:20px 20px 0 0;left:50%;max-width:600px;transform:translateX(-50%)}}@media (max-width:360px){.nav-item{font-size:.65rem;gap:2px;max-width:70px;padding:4px}.nav-item svg{font-size:1.2rem}.generate-icon{height:50px;width:50px}.generate-icon svg{font-size:1.3rem}.bottom-nav{padding:10px 4px 20px}}.generate-modal-overlay{align-items:center;bottom:0;justify-content:center;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:10000}.generate-modal-content,.generate-modal-overlay{-webkit-overflow-scrolling:touch;background:#fff;display:flex;height:100vh;height:100dvh;min-height:-webkit-fill-available}.generate-modal-content{border-radius:0;box-shadow:none;flex-direction:column;max-height:100vh;max-height:100dvh;max-width:100%;overflow-y:auto;position:relative;width:100%}.generate-modal-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;border-radius:0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.generate-modal-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.generate-tabs{padding:16px 24px 0;position:-webkit-sticky;position:sticky;top:73px;z-index:1}.generate-tab,.generate-tabs{background:#fff;display:flex;gap:8px}.generate-tab{align-items:center;border:2px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;justify-content:center;padding:12px 16px;transition:all .2s ease}.generate-tab svg{font-size:18px}.generate-tab:hover{border-color:var(--primary-pink);color:var(--primary-pink)}.generate-tab.active{background:var(--primary-pink);border-color:var(--primary-pink);color:#fff}.generate-tab-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:24px 24px max(24px,env(safe-area-inset-bottom))}.form-section{margin-bottom:28px}.form-section label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:16px}.occasion-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23666' d='M1.41 0 6 4.59 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;padding:14px 44px 14px 16px;transition:all .2s ease;width:100%}.occasion-select:focus{outline:none}.occasion-select:focus,.occasion-select:hover{border-color:var(--primary-pink)}.items-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.item-type-btn{background:#0000;border:none;border-radius:12px;cursor:pointer;flex-direction:column;font-family:Poppins,sans-serif;font-size:12px;gap:6px;padding:0;white-space:nowrap}.item-type-btn,.item-type-icon{align-items:center;color:#666;display:flex;transition:all .2s ease}.item-type-icon{background:#f5f5f5;border-radius:50%;font-size:28px;height:56px;justify-content:center;width:56px}.item-type-btn span{font-weight:500;padding:0 8px 8px}.item-type-btn:hover .item-type-icon{background:#e0e0e0;transform:scale(1.05)}.item-type-btn.active .item-type-icon{background:var(--primary-pink);color:#fff}.item-type-btn.active span{color:var(--primary-pink)}.occasion-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.occasion-btn{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;padding:14px 16px;transition:all .2s ease}.occasion-btn:hover{border-color:var(--primary-pink);color:var(--primary-pink)}.occasion-btn.active{background:var(--primary-pink);border-color:var(--primary-pink);color:#fff}.items-checklist{display:flex;flex-direction:column;gap:12px}.checkbox-item{align-items:center;background:#f8f9fa;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;position:relative;transition:all .2s ease}.checkbox-item:hover{background:#f0f0f0}.checkbox-item input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{align-items:center;background:#fff;border:2px solid #d0d0d0;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.checkbox-item input[type=checkbox]:checked~.checkbox-custom{background:var(--primary-pink);border-color:var(--primary-pink)}.checkbox-item input[type=checkbox]:checked~.checkbox-custom:after{color:#fff;content:"✓";font-size:16px;font-weight:700}.checkbox-label{color:#333;flex:1 1;font-size:14px;font-weight:500}.error-message{background:#ffe6e6;border:1px solid #fcc;border-radius:12px;color:#c00;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.btn-generate{align-items:center;background:var(--primary-pink);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:24px;padding:16px;transition:all .2s ease;width:100%}.btn-generate svg{font-size:20px}.btn-generate:hover:not(:disabled){background:#ff69b4;box-shadow:0 6px 20px #ff149366;transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.btn-generate.btn-secondary{background:#f5f5f5;color:#666}.btn-generate.btn-secondary:hover{background:#e0e0e0;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.manual-coming-soon{padding:60px 20px;text-align:center}.manual-coming-soon svg{color:var(--primary-pink);font-size:72px;margin-bottom:20px}.manual-coming-soon h3{color:#333;font-size:24px;font-weight:600;margin:0 0 12px}.manual-coming-soon p{color:#666;font-size:15px;line-height:1.6;margin:0}.manual-selection-section{display:flex;flex-direction:column;gap:24px}.manual-selection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:-8px}.manual-selection-section>.manual-selection-header>label,.manual-selection-section>label{color:#333;display:block;font-size:15px;font-weight:600}.btn-clear-selection{background:#ffe6e6;border:none;border-radius:8px;color:#f44;cursor:pointer;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-clear-selection:hover{background:#fcc;transform:scale(1.05)}.empty-wardrobe-message{background:#f8f9fa;border-radius:12px;color:#666;padding:40px 20px;text-align:center}.empty-wardrobe-message svg{color:#ccc;font-size:48px;margin-bottom:12px}.empty-wardrobe-message p{font-size:14px;margin:0}.category-scroll-section{display:flex;flex-direction:column;gap:12px}.category-scroll-header{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:10px}.category-scroll-header svg{color:var(--primary-pink);font-size:24px}.category-scroll-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.category-count{color:#999;font-size:13px;font-weight:500}.clothes-scroll-container{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding:8px 4px;scroll-behavior:smooth;scrollbar-width:none}.clothes-scroll-container::-webkit-scrollbar{display:none}.cloth-card{background:#f5f5f5;border:3px solid #0000;border-radius:12px;cursor:pointer;flex-shrink:0;height:120px;min-width:120px;overflow:hidden;position:relative;transition:all .2s ease;width:120px}.cloth-card img{height:100%;object-fit:cover;width:100%}.cloth-card:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.cloth-card.selected{border-color:var(--primary-pink);box-shadow:0 4px 12px #ff149366}.cloth-card-selected-badge{align-items:center;background:var(--primary-pink);border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:16px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.look-preview-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px 24px max(24px,env(safe-area-inset-bottom))}.look-occasion-badge{align-self:center;border-radius:20px;font-size:16px;margin-bottom:24px;padding:12px 24px;text-align:center}.look-items-grid{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.look-item-preview{aspect-ratio:1;background:#f8f9fa;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative}.look-item-preview img{height:100%;object-fit:cover;width:100%}.look-item-category{background:#000000b3;border-radius:8px;bottom:12px;color:#fff;font-size:13px;font-weight:600;left:12px;padding:8px 12px;position:absolute;right:12px;text-align:center;text-transform:capitalize}.look-preview-actions{display:flex;gap:12px;margin-top:auto}.look-preview-actions button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:16px;transition:all .2s ease}.btn-reject{background:#f5f5f5;color:#666}.btn-reject:hover{background:#e0e0e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-approve{background:var(--primary-pink);color:#fff}.btn-approve:hover{background:#ff69b4;box-shadow:0 6px 20px #ff149366;transform:translateY(-2px)}.look-items-grid-small{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding:4px}.look-item-preview-small{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:80px;overflow:hidden;width:80px}.look-item-preview-small img{height:100%;object-fit:cover;width:100%}.look-name-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#333;font-family:Poppins,sans-serif;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.look-name-input:focus{border-color:var(--primary-pink);outline:none}.look-name-input::placeholder{color:#999}@media (max-width:480px){.generate-modal-content{border-radius:0;margin-top:0;max-height:100vh}.occasion-grid{grid-template-columns:1fr}}.feed-container{background:#f5f5f5;min-height:100vh;padding-bottom:80px;position:relative}.feed-filter-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:99}.filter-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#999;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:16px;position:relative;transition:all .2s ease}.filter-tab:hover{background:#f8f8f8;color:#666}.filter-tab.active{border-bottom-color:var(--primary-pink);color:var(--primary-pink)}.feed-header{background:var(--primary-pink);box-shadow:0 2px 8px #0000001a;color:#fff;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:100}.feed-header h1{font-size:20px;font-weight:600;margin:0}.stories-container{-ms-overflow-style:none;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:16px 20px;scrollbar-width:none}.stories-container::-webkit-scrollbar{display:none}.story-item{cursor:pointer;flex-direction:column;gap:6px;min-width:64px}.story-avatar,.story-item{align-items:center;display:flex}.story-avatar{background:#fff;border:3px solid var(--primary-pink);border-radius:50%;height:64px;justify-content:center;overflow:hidden;width:64px}.add-story .story-avatar{background:#f0f0f0;border-color:#e0e0e0;color:var(--primary-pink)}.add-story .story-avatar svg{font-size:24px}.story-avatar img{height:100%;object-fit:cover;width:100%}.story-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--primary-pink) 0,#ff6b9d 100%);font-weight:700;text-transform:uppercase}.avatar-placeholder,.story-avatar .avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.avatar-placeholder{background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));font-weight:600}.story-item span{color:#333;font-size:12px;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.posts-list{display:flex;flex-direction:column;gap:12px;padding:12px 0}.post-card{background:#fff;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.post-header{justify-content:space-between;padding:12px 16px}.post-header,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar-small{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:44px;justify-content:center;overflow:hidden;width:44px}.user-avatar-small img{height:100%;object-fit:cover;width:100%}.user-avatar-small .avatar-placeholder{font-size:18px;height:100%;width:100%}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:#333;font-size:14px;font-weight:600}.post-time{color:#999;font-size:12px}.btn-options{background:none;border:none;color:#999;cursor:pointer;font-size:20px;padding:4px 8px;transition:color .2s ease}.btn-options:hover{color:#666}.post-menu-wrapper{position:relative}.post-menu{background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000026;margin-top:4px;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.menu-item-delete{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;gap:8px;justify-content:center;padding:12px 16px;transition:background .2s ease;width:100%}.menu-item-delete:hover{background:#f5f5f5}.menu-item-delete svg{font-size:14px}.post-image{display:block;max-height:400px;object-fit:cover;width:100%}.post-caption-section{padding:12px 16px}.caption-title{color:#333;font-size:14px;font-weight:600;margin:0 0 6px}.caption-text{color:#666;font-size:14px;line-height:1.4;margin:0}.post-stats{border-bottom:1px solid #f0f0f0;color:#666;display:flex;font-size:13px;gap:16px;padding:8px 16px}.post-actions{border-top:1px solid #f0f0f0;display:flex;padding:0}.btn-action{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:12px;transition:background .2s ease}.btn-action:hover{background:#f9f9f9}.btn-action svg{font-size:18px}.btn-action.liked{color:#ff1744}.modal-overlay{overflow:hidden}.modal-content,.modal-overlay{margin:0!important;padding:0!important;width:100vw}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:0;box-shadow:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;max-width:100vw;overflow-y:auto}.modal-header{border-radius:0;margin:0}.btn-close-modal{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-close-modal:hover{background:#e0e0e0;transform:scale(1.05)}.modal-content form{display:flex;flex:1 1;flex-direction:column;padding:24px}.modal-content h2{color:#333;font-size:20px;margin:0 0 20px}.image-upload{border-radius:12px;margin-bottom:16px}.image-upload img{display:block;object-fit:cover}.upload-label{transition:background .3s ease}.upload-label:hover{background:#f0f0f0}.upload-label svg{font-size:48px}.upload-label span{font-size:14px}.modal-content textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.modal-content textarea:focus{border-color:var(--primary-pink);outline:none}.modal-actions{margin-top:16px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:12px;transition:all .2s ease}.btn-primary:hover{opacity:.9}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f0f0f0}.empty-state{background:#fff;border-radius:16px;margin:20px;padding:80px 40px;text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;color:var(--primary-pink);display:flex;justify-content:center;margin-bottom:20px}.empty-icon,.empty-icon svg{font-size:72px}.empty-state h3{color:#333;font-size:22px;font-weight:600;margin:0 0 12px}.empty-state p{color:#666;font-size:15px;line-height:1.5;margin:0 0 24px}.create-post-prompt{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;cursor:pointer;display:flex;gap:12px;margin:12px 0;padding:16px 20px;transition:background .2s ease}.create-post-prompt:hover{background:#f9f9f9}.prompt-avatar{border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;width:44px}.prompt-avatar img{height:100%;object-fit:cover;width:100%}.prompt-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.prompt-input{background:#f5f5f5;border-radius:24px;flex:1 1;padding:12px 16px}.prompt-input span{color:#999;font-size:14px}.loading-more{color:#666;padding:20px}.loading-more,.no-more-posts{font-size:14px;text-align:center}.no-more-posts{color:#999;font-style:italic;padding:30px 20px}.delete-modal{animation:slideUp .3s ease}.delete-modal p{font-size:14px;margin:0 0 20px}.btn-danger{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:12px;transition:all .2s ease}.wardrobe-container{background:#f5f5f5;min-height:100vh;padding-bottom:80px;padding-top:16px;position:relative}.storage-quota{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin:0 16px 16px;padding:16px}.storage-header{gap:12px}.storage-icon{align-items:center;background:linear-gradient(135deg,#ff1493,#ff69b4);border-radius:50%;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.storage-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.storage-label{color:#666;font-size:13px;font-weight:500}.storage-text{color:#333;font-size:15px;font-weight:600}.storage-bar{position:relative}.categories-filter{-ms-overflow-style:none;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:8px;margin:16px 16px 0;overflow-x:auto;padding:16px;scrollbar-width:none}.categories-filter::-webkit-scrollbar{display:none}.view-mode-toggle{display:flex;gap:8px;justify-content:flex-end;padding:16px}.view-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50%;color:#666;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.view-btn svg{font-size:20px}.view-btn:hover{border-color:var(--primary-pink);transform:scale(1.05)}.view-btn.active{background:var(--primary-pink);border-color:var(--primary-pink);color:#fff}.category-btn{background:#0000;border:none;border-radius:12px;cursor:pointer;flex-direction:column;font-family:Poppins,sans-serif;font-size:12px;gap:6px;min-width:70px;padding:0;white-space:nowrap}.category-btn,.category-icon{align-items:center;color:#666;display:flex;transition:all .2s ease}.category-icon{background:#f5f5f5;border-radius:50%;font-size:28px;height:56px;justify-content:center;margin-top:8px;width:56px}.category-btn span{font-weight:500;padding:0 8px 8px}.category-btn:hover .category-icon{background:#e0e0e0;transform:scale(1.05)}.category-btn.active{background:#0000}.category-btn.active .category-icon{background:var(--primary-pink);color:#fff}.category-btn.active span{color:var(--primary-pink)}.clothes-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:16px}.clothes-list{display:flex;flex-direction:column;gap:12px;padding:16px}.clothes-list .cloth-item{aspect-ratio:unset;display:flex;height:120px}.clothes-list .cloth-item img{border-radius:12px 0 0 12px;height:120px;object-fit:cover;width:120px}.clothes-list .cloth-overlay{align-items:center;background:#fff;border-radius:0 12px 12px 0;display:flex;flex:1 1;justify-content:space-between;opacity:1!important;padding:0 16px;position:static}.clothes-list .cloth-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.clothes-list .cloth-category{color:#333;font-size:16px;font-weight:600;text-transform:capitalize}.clothes-list .cloth-occasion{color:#666;font-size:14px;text-transform:capitalize}.clothes-list .cloth-color,.clothes-list .cloth-season{color:#999;font-size:12px;text-transform:capitalize}@media (min-width:768px){.clothes-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.clothes-grid{grid-template-columns:repeat(4,1fr)}}.cloth-item{aspect-ratio:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s ease}.cloth-item:hover{transform:scale(1.02)}.cloth-item img{height:100%;object-fit:cover;width:100%}.cloth-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3,#0000);bottom:0;display:flex;justify-content:space-between;left:0;opacity:0;padding:12px;position:absolute;right:0;transition:opacity .2s ease}.cloth-item:hover .cloth-overlay{opacity:1}.cloth-category{color:#fff;font-size:12px;font-weight:500;text-transform:capitalize}.btn-delete-cloth{align-items:center;background:#ff4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-delete-cloth:hover{background:#c00;transform:scale(1.1)}.fab-add{align-items:center;background:var(--primary-pink);border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 12px #ff149366;color:#fff;cursor:pointer;display:flex;font-size:28px;height:56px;justify-content:center;position:fixed;right:20px;transition:all .3s ease;width:56px;z-index:99}.fab-add:hover{box-shadow:0 6px 16px #ff149399;transform:scale(1.1)}.empty-wardrobe{background:#fff;border-radius:16px;margin:20px;padding:80px 40px;text-align:center}.empty-wardrobe .empty-icon{animation:float 3s ease-in-out infinite;color:var(--primary-pink);display:flex;font-size:72px;justify-content:center;margin-bottom:20px}.empty-wardrobe .empty-icon svg{font-size:72px}.empty-wardrobe h3{color:#333;font-size:22px;font-weight:600;margin:0 0 12px}.empty-wardrobe p{color:#666;font-size:15px;line-height:1.5;margin:0 0 24px}.modal-overlay{background:#fff;margin:0;overflow-y:auto;padding:0}.modal-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;padding:20px 16px max(20px,calc(16px + env(safe-area-inset-bottom)));position:relative;width:100%;z-index:10001}.modal-header{margin-bottom:24px;padding-bottom:16px}.image-upload{align-items:center;background:#f8f9fa;border-radius:16px;display:flex;justify-content:center;margin-bottom:24px;min-height:300px;overflow:hidden}.image-upload img{height:auto;max-height:400px;object-fit:contain;width:100%}.upload-label{align-items:center;color:var(--primary-pink);cursor:pointer;display:flex;flex-direction:column;font-size:48px;gap:12px;justify-content:center;padding:60px 20px}.upload-label span{color:#666;font-size:16px;font-weight:500}.upload-label input{display:none}.form-group label{font-size:15px;margin-bottom:10px}.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;padding:14px;transition:border-color .2s ease;width:100%}.form-group select:focus{border-color:var(--primary-pink);outline:none}.modal-actions{margin-top:auto;padding-top:24px}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.delete-modal{position:relative;z-index:10002}.looks-container{background:#f5f5f5;min-height:100vh;padding-bottom:80px;padding-top:16px;position:relative}.pull-refresh-indicator{color:var(--primary-pink);font-size:24px;height:50px;top:-50px}.pull-refresh-indicator .spinning{animation:spin .8s linear infinite}.looks-header{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin:0 16px 16px;padding:24px}.looks-header h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.looks-header p{color:#666;font-size:15px;margin:0}.looks-grid{gap:16px;padding:0 16px}.look-card,.looks-grid{display:flex;flex-direction:column}.look-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;gap:12px;padding:16px;position:relative;transition:all .2s ease}.look-card:hover{box-shadow:0 4px 16px #0000001f}.look-card-header{align-items:flex-start;display:flex;justify-content:space-between}.look-info{flex:1 1}.look-info h3{color:#333;font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.look-occasion{background:linear-gradient(135deg,var(--primary-pink) 0,#ff6b9d 100%);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.look-items-preview{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:12px;margin:0 -16px;overflow-x:auto;padding:8px 16px;scroll-behavior:smooth;scrollbar-width:none}.look-items-preview::-webkit-scrollbar{display:none}.look-item-mini{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;flex-shrink:0;height:120px;overflow:hidden;position:relative;transition:all .2s ease;width:120px}.look-item-mini:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.look-item-mini img{height:100%;object-fit:cover;width:100%}.look-item-mini .item-label{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;font-size:11px;font-weight:600;left:0;padding:20px 8px 8px;position:absolute;right:0;text-align:center;text-transform:capitalize}.look-item-mini.more-items{background:linear-gradient(135deg,var(--primary-pink) 0,#ff6b9d 100%);font-weight:600}.btn-delete-look,.look-item-mini.more-items{align-items:center;color:#fff;display:flex;font-size:18px;justify-content:center}.btn-delete-look{background:#ff4444e6;border:none;border-radius:50%;cursor:pointer;height:36px;position:absolute;right:12px;top:12px;transition:all .2s ease;width:36px;z-index:10}.btn-delete-look:hover{background:#c00;transform:scale(1.1)}.empty-looks{background:#fff;border-radius:16px;margin:0 20px;padding:80px 40px;text-align:center}.empty-looks .empty-icon{animation:float 3s ease-in-out infinite;color:var(--primary-pink);display:flex;font-size:72px;justify-content:center;margin-bottom:20px}.empty-looks .empty-icon svg{font-size:72px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-looks h3{color:#333;font-size:22px;font-weight:600;margin:0 0 12px}.empty-looks p{color:#666;font-size:15px;line-height:1.5;margin:0 0 24px}.modal-overlay{background:#00000080;padding:20px}.delete-modal{background:#fff;border-radius:16px;max-width:400px;padding:24px;text-align:center;width:90%}.delete-modal h3{color:#333;font-size:20px;font-weight:600;margin:0 0 12px}.delete-modal p{color:#666;font-size:15px;line-height:1.5;margin:0 0 24px}.modal-actions button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e0e0e0}.btn-primary{background:var(--primary-pink);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;transition:all .2s ease}.btn-primary:hover{background:#ff69b4;box-shadow:0 4px 12px #ff14934d;transform:translateY(-1px)}.btn-danger{background:#f44;color:#fff}.btn-danger:hover{background:#c00}.look-detail-modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:24px;display:flex;flex-direction:column;max-height:80vh;max-height:80dvh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;border-radius:24px 24px 0 0;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{color:#333;font-size:24px;font-weight:600;margin:0}.btn-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-close:hover{background:#e0e0e0;color:#333}.look-occasion-badge{background:linear-gradient(135deg,var(--primary-pink) 0,#ff6b9d 100%);border-radius:12px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin:16px 24px;padding:8px 16px;text-transform:capitalize}.look-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:0 24px 24px}.look-detail-item{aspect-ratio:1;background:#f8f9fa;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.look-detail-item img{height:100%;object-fit:cover;width:100%}.item-category{background:#000000b3;border-radius:8px;bottom:8px;color:#fff;font-size:12px;font-weight:600;left:8px;padding:6px 10px;position:absolute;right:8px;text-align:center;text-transform:capitalize}.look-detail-footer{border-top:1px solid #f0f0f0;padding:16px 24px 24px}.look-detail-footer .btn-danger{border:none;border-radius:12px;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.image-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;animation:fadeIn .2s ease;background:#000000f2;bottom:0;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;min-height:-webkit-fill-available;padding:20px;position:fixed;right:0;top:0;z-index:10001}.image-modal-overlay img{animation:zoomIn .3s ease;border-radius:16px;box-shadow:0 8px 32px #00000080;max-height:90vh;max-height:90dvh;max-width:90%;object-fit:contain}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn-close-image{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:48px;z-index:10002}.btn-close-image:hover{background:#ffffff4d;transform:scale(1.1)}.profile-container{background:#f5f5f5;min-height:100vh;padding:20px 16px 100px;position:relative}.pull-refresh-indicator{align-items:center;background:linear-gradient(180deg,#fffffff2,#fff0);display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:height .2s ease,opacity .2s ease;z-index:10}.refresh-spinner{color:var(--primary-pink);font-size:24px;transition:transform .3s ease}.refresh-spinner.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-header{background:#fff;border-radius:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:32px 24px;text-align:center}.profile-photo-section{margin-bottom:24px}.profile-photo-wrapper{height:120px;margin:0 auto;position:relative;width:120px}.profile-photo,.profile-photo-placeholder{border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-photo-placeholder{background:linear-gradient(135deg,#ff1493,#ffb6d9);font-size:48px;font-weight:600}.photo-upload-btn,.profile-photo-placeholder{align-items:center;color:#fff;display:flex;justify-content:center}.photo-upload-btn{background:var(--primary-pink);border-radius:50%;bottom:0;box-shadow:0 2px 8px #0003;cursor:pointer;font-size:20px;height:40px;position:absolute;right:0;transition:all .2s ease;width:40px}.photo-upload-btn:hover{background:#ff69b4;transform:scale(1.1)}.photo-upload-btn input{display:none}.uploading-text{color:#666;font-size:14px;margin-top:8px}.profile-info{text-align:center}.profile-info-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.profile-info h1{color:#333;font-size:28px;font-weight:600;margin:0}.btn-edit{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-edit:hover{background:var(--primary-pink);color:#fff}.profile-email{color:#666;font-size:15px;margin:0 0 12px}.profile-bio{color:#666;font-size:14px;line-height:1.5;margin:0}.profile-edit-form{margin:0 auto;max-width:400px;width:100%}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:0}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;color:#333;font-family:Poppins,sans-serif;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-pink);outline:none}.form-group textarea{min-height:80px;resize:vertical}.char-count{color:#999;display:block;font-size:12px;margin-top:4px;text-align:right}.edit-actions{display:flex;gap:12px;margin-top:24px}.edit-actions button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s ease}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e0e0e0}.btn-save{background:var(--primary-pink);color:#fff}.btn-save:hover{background:#ff69b4;box-shadow:0 4px 12px #ff14934d;transform:translateY(-2px)}.profile-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px 16px;text-align:center;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#ff1493,#ff69b4);border-radius:50%;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{color:#333;font-size:24px;font-weight:600}.stat-label{color:#666;font-size:13px}.profile-info-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.profile-info-section h3{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:#666;font-size:13px;font-weight:500}.info-value{color:#333;font-size:15px;font-weight:600}.profile-storage{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.storage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.storage-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.storage-text{color:#666;font-size:14px;font-weight:500}.storage-bar{background:#f0f0f0;border-radius:10px;height:8px;overflow:hidden}.storage-fill{background:linear-gradient(90deg,var(--primary-pink) 0,#ff6b9d 100%);border-radius:10px;height:100%;transition:width .3s ease}.profile-actions{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:16px}.btn-logout{align-items:center;background:#fff;border:2px solid #f44;border-radius:12px;color:#f44;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .2s ease;width:100%}.btn-logout:hover{background:#f44;box-shadow:0 4px 12px #ff44444d;color:#fff;transform:translateY(-2px)}.btn-logout svg{font-size:22px}.loading{color:#666;font-size:16px;min-height:100vh}.loading,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{-webkit-overflow-scrolling:touch;animation:fadeIn .3s ease;background:#0009;bottom:0;height:100vh;height:100dvh;left:0;min-height:-webkit-fill-available;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logout-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;max-width:400px;padding:24px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.logout-modal h3{color:#333;font-size:20px;margin:0 0 12px}.logout-modal p{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.modal-actions{display:flex;gap:12px}.btn-logout-confirm{background:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:12px;transition:all .2s ease}.btn-logout-confirm:hover{background:#c00}@media (max-width:480px){.profile-stats{grid-template-columns:1fr}.stat-card{align-items:center;display:flex;gap:16px;text-align:left}.stat-icon{margin:0}.stat-info{align-items:baseline;flex-direction:row;gap:8px}.stat-value{font-size:20px}}
/*# sourceMappingURL=main.9216efcb.css.map*/