*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-container-v3{background-color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:448px;min-height:100vh;position:relative}.app-main-v3{flex:1 1;overflow-y:auto;padding-bottom:80px}.text-2xl{font-size:24px;line-height:1.25}.text-xl{font-size:20px;line-height:1.3}.text-lg{font-size:18px;line-height:1.4}.text-sm{font-size:14px;line-height:1.4}.text-xs{font-size:12px;line-height:1.3}.font-light{font-weight:300}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-gray-800{color:#1f2937}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-black{color:#000}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.p-4{padding:16px}.p-3{padding:12px}.p-2{padding:8px}.px-4{padding-left:16px;padding-right:16px}.px-3{padding-left:12px;padding-right:12px}.py-2{padding-bottom:8px;padding-top:8px}.py-1{padding-bottom:4px;padding-top:4px}.mb-6{margin-bottom:24px}.mb-4{margin-bottom:16px}.mb-3{margin-bottom:12px}.mb-2{margin-bottom:8px}.mb-1{margin-bottom:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1 1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-black{border-color:#000}.rounded{border-radius:4px}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}button{cursor:pointer;font-family:inherit}.btn,button{transition:all .2s}.btn{align-items:center;border:none;border-radius:8px;display:inline-flex;font-weight:500;justify-content:center;padding:8px 16px;text-align:center}.btn-primary{background-color:#000;color:#fff}.btn-primary:hover{background-color:#374151}.btn-secondary{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}input,select,textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;outline:none;padding:8px 12px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a}.card{background-color:#fff;border:1px solid #f3f4f6;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;transition:all .2s}.card:hover{box-shadow:0 4px 8px 0 #0000001a;transform:translateY(-1px)}.gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.gradient-pink{background:linear-gradient(135deg,#ec4899,#be185d)}.aspect-square{aspect-ratio:1}.transition-colors{transition:background-color .2s,color .2s}.transition-all{transition:all .2s}.hover-bg-gray-50:hover{background-color:#f9fafb}.hover-bg-gray-100:hover{background-color:#f3f4f6}.hover-text-black:hover{color:#000}.hover-scale:hover{transform:scale(1.02)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-50{z-index:50}.w-full{width:100%}.h-full{height:100%}.max-w-md{max-width:448px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}@media (max-width:480px){.app-container-v3{max-width:100%}.p-4{padding:12px}.text-2xl{font-size:22px}.text-lg{font-size:16px}}.header-container{background-color:#000;color:#fff;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container,.header-left{align-items:center;display:flex}.header-left{gap:8px}.app-title{color:#fff;font-size:18px;font-weight:700}.weather-info{align-items:center;gap:4px}.header-right,.weather-info{color:#9ca3af;display:flex;font-size:12px}.header-right{flex-direction:column;gap:2px;text-align:right}.reward-info,.streak-info,.timer-info{align-items:center;display:flex;gap:4px;justify-content:flex-end}.fire-emoji{color:#f97316;font-size:12px}.gift-emoji{color:#a855f7;font-size:12px}.home-container,.home-search-container{background-color:#fff;color:#000;min-height:100vh}.home-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px;text-align:center}.welcome-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.welcome-message{color:#111827;font-size:20px;font-weight:600}.search-button{background:none;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:8px;transition:background-color .2s}.search-button:hover{background-color:#e5e7eb}.welcome-subtitle{color:#6b7280;font-size:14px}.posts-feed{display:flex;flex-direction:column;gap:16px;padding:16px}.post-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.post-header{justify-content:space-between;padding:12px}.post-header,.post-user{align-items:center;display:flex}.post-user{gap:8px}.post-avatar{background-color:#d1d5db;border-radius:50%;height:32px;width:32px}.post-user-name{color:#111827;font-size:14px;font-weight:500}.post-occasion,.post-username{color:#6b7280;font-size:12px}.post-image{align-items:center;background-color:#f3f4f6;display:flex;height:256px;justify-content:center}.post-content{padding:12px}.post-actions{align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:8px}.post-action-btn,.post-collaborators,.post-music{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:4px}.outfit-details{color:#111827;font-size:14px;margin-top:8px}.outfit-item{padding:4px 0}.outfit-item-actions{align-items:center;display:flex;gap:8px}.heart-button{background:none;border:none;color:#ec4899;cursor:pointer;font-size:18px;transition:color .2s}.heart-button:hover{color:#be185d}.shop-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:12px;text-decoration:underline}.search-header{border-bottom:1px solid #e5e7eb;padding:16px}.search-nav{align-items:center;display:flex;gap:8px;margin-bottom:16px}.back-button{color:#000;font-size:20px}.search-title{font-size:18px;font-weight:600}.search-input{border:1px solid #d1d5db;border-radius:8px}.search-sections{gap:24px}.search-section,.search-sections{display:flex;flex-direction:column}.search-section{gap:12px}.section-title{color:#374151;font-size:14px}.user-list{display:flex;flex-direction:column;gap:12px}.user-card{background-color:#f9fafb;border-radius:8px;justify-content:space-between;padding:12px}.user-card,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{background-color:#d1d5db;height:40px;width:40px}.celebrity-avatar{background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:50%;height:40px;width:40px}.user-name{font-size:14px;font-weight:500}.user-meta{color:#6b7280;font-size:12px}.follow-button{background-color:#000;color:#fff}.follow-button,.following-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 16px}.following-button{background-color:#e5e7eb;color:#374151}.no-results{color:#6b7280;padding:32px 0;text-align:center}.no-results-hint{font-size:14px;margin-top:8px}.post-container{background-color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:24px;min-height:100vh;padding:16px}.post-header{margin-bottom:8px;text-align:center}.post-title{color:#111827;font-size:24px;font-weight:600;margin:0 0 8px}.post-subtitle{color:#6b7280;font-size:14px;margin:0}.media-upload-section{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #d1d5db;border-radius:16px;overflow:hidden;position:relative}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:16px;padding:48px 24px;text-align:center}.upload-icon{color:#9ca3af;margin-bottom:8px}.upload-title{color:#374151;font-size:20px;font-weight:600;margin:0}.upload-description{color:#6b7280;font-size:14px;margin:0}.upload-buttons{display:flex;gap:12px;margin-top:8px}.upload-btn{align-items:center;border:none;border-radius:24px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;text-decoration:none;transition:all .2s}.upload-btn.primary{background:linear-gradient(135deg,#111827,#374151);color:#fff}.upload-btn.primary:hover{box-shadow:0 4px 12px #1118274d;transform:translateY(-1px)}.upload-btn.secondary{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.upload-btn.secondary:hover{background-color:#e5e7eb;transform:translateY(-1px)}.file-input{display:none}.gallery-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-family:inherit;font-size:14px;margin-top:8px;text-decoration:underline}.gallery-btn:hover{color:#111827}.media-preview{align-items:center;display:flex;justify-content:center;max-height:400px;position:relative}.preview-image,.preview-video{border-radius:14px;height:100%;max-height:400px;object-fit:cover;width:100%}.remove-media-btn{align-items:center;background-color:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px}.remove-media-btn:hover{background-color:#dc2626cc}.post-form{gap:24px}.form-group,.post-form{display:flex;flex-direction:column}.form-group{gap:12px}.form-label{align-items:center;display:flex;font-size:16px;gap:8px}.caption-input{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:16px;resize:vertical;transition:border-color .2s;width:100%}.caption-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.caption-input::placeholder{color:#9ca3af}.character-count{font-size:12px;text-align:right}.occasion-tags{display:flex;flex-wrap:wrap;gap:8px}.occasion-tag{background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.occasion-tag:hover{background-color:#e5e7eb;border-color:#d1d5db}.occasion-tag.selected{background:linear-gradient(135deg,#111827,#374151);border-color:#111827;color:#fff}.music-select{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.music-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.music-suggestions{margin-top:12px}.suggestions-title{font-size:12px;margin:0 0 8px}.music-chips{display:flex;flex-direction:column;gap:6px}.music-chip{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:12px;gap:8px;padding:10px 14px;text-align:left;transition:all .2s}.music-chip:hover{background-color:#e5e7eb;border-color:#d1d5db}.location-input{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.location-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.location-input::placeholder{color:#9ca3af}.selected-collaborators{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.selected-collab{align-items:center;background:linear-gradient(135deg,#111827,#374151);border-radius:16px;color:#fff;display:flex;font-size:12px;gap:8px;padding:6px 12px}.collab-avatar{font-size:16px}.collab-name{font-weight:500}.remove-collab{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;margin-left:4px;padding:0}.collaborators-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.collaborator-item{align-items:center;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px;text-align:left;transition:all .2s}.collaborator-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.collab-info{display:flex;flex:1 1;flex-direction:column}.collab-username{color:#6b7280;font-size:12px}.following-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;font-size:10px;font-weight:500;padding:2px 8px}.post-preview{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:2px solid #0ea5e9;border-radius:12px;padding:16px}.preview-title{color:#0c4a6e;font-size:16px;font-weight:600;margin:0 0 12px}.preview-content{display:flex;flex-direction:column;gap:6px}.preview-item{background-color:#ffffffb3;border-radius:6px;color:#0c4a6e;font-size:14px;padding:6px 10px}.post-actions{display:flex;gap:12px;margin-top:16px}.draft-btn{background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:500;padding:14px 16px;transition:all .2s}.draft-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.share-btn{border:none;border-radius:12px;cursor:pointer;flex:2 1;font-family:inherit;font-size:16px;font-weight:600;padding:14px 16px;transition:all .2s}.share-btn.enabled{background:linear-gradient(135deg,#111827,#374151);color:#fff}.share-btn.enabled:hover{box-shadow:0 6px 20px #1118274d;transform:translateY(-1px)}.share-btn.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.tips-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;margin-top:8px;padding:16px}.tips-title{color:#92400e;font-size:16px;font-weight:600;margin:0 0 12px}.tips-content{font-size:13px;line-height:1.5}.collaborators-list::-webkit-scrollbar{width:6px}.collaborators-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.collaborators-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d1d5db,#9ca3af);border-radius:6px}.collaborators-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)}@media (max-width:480px){.post-container{gap:20px;padding:12px}.post-title{font-size:20px}.upload-placeholder{padding:36px 16px}.upload-buttons{flex-direction:column;gap:8px;width:100%}.upload-btn{justify-content:center;width:100%}.occasion-tags{gap:6px}.occasion-tag{font-size:13px;padding:6px 12px}.post-actions{flex-direction:column;gap:8px}.draft-btn,.share-btn{width:100%}.music-chips{gap:4px}.music-chip{padding:8px 12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-preview,.post-preview{animation:fadeInUp .3s ease-out}.caption-input:focus,.location-input:focus,.music-select:focus{outline:none}.share-btn.loading{color:#0000;position:relative}.share-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.shop-container{gap:24px}.shop-header{justify-content:space-between}.shop-header,.tier-display{align-items:center;display:flex}.tier-display{background:linear-gradient(135deg,gold,#ffb347);border:2px solid gold;border-radius:20px;color:#000;font-weight:700;gap:8px;padding:8px 16px}.tier-icon{height:18px;width:18px}.benefits-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.benefits-card:hover{border-color:#667eea}.benefits-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.benefits-title{color:#111827;font-size:16px}.ai-badge,.benefits-title{font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ai-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:11px;gap:6px;padding:4px 12px}.benefits-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.benefit-item{color:#374151;font-size:14px;font-weight:500}.brands-section{margin-bottom:8px}.section-title{font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.brands-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.brand-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.brand-card:hover{background-color:#111827;border-color:#111827;color:#fff}.brand-logo{background-color:currentColor;border:2px solid;border-radius:4px;height:40px;margin:0 auto 12px;opacity:.8;width:40px}.brand-name{font-size:14px;font-weight:700;letter-spacing:.5px}.tryon-section{margin-bottom:8px}.tryon-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.tryon-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.tryon-card:hover{border-color:#ec4899;box-shadow:0 8px 20px #ec489933;transform:translateY(-2px)}.tryon-image{border-bottom:2px solid #e5e7eb;height:120px;object-fit:cover;width:100%}.tryon-info{padding:12px}.tryon-type{color:#111827;font-size:14px;font-weight:700;margin-bottom:2px}.tryon-brand{color:#6b7280;font-size:12px;margin-bottom:4px}.tryon-price{color:#111827;font-size:14px;font-weight:700;margin-bottom:12px}.tryon-button{background:linear-gradient(135deg,#ec4899,#be185d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:all .2s;width:100%}.tryon-button:hover{transform:translateY(-1px)}.collections-section{margin-bottom:8px}.collection-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.collection-card.work{background:linear-gradient(135deg,#374151e6,#111827e6),url(https://images.unsplash.com/photo-1594633312681-425c7b97ccd1?w=400) 50%/cover}.collection-overlay{align-items:center;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center}.collection-name{font-size:18px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.collection-desc{font-size:12px;margin-bottom:16px;opacity:.9}.collection-button{background-color:#fff;border:none;border-radius:6px;color:#111827;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .2s}.collection-button:hover{background-color:#f3f4f6;transform:translateY(-1px)}@media (max-width:480px){.shop-container{gap:20px}.benefits-grid{gap:8px;grid-template-columns:1fr}.brands-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.brand-card{padding:16px}.tryon-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.collection-card,.tryon-image{height:100px}}.shop-container{background-color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.shop-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:20px 16px}.shop-title{color:#111827;font-size:28px;font-weight:900;letter-spacing:1px;margin:0 0 16px;text-align:center;text-transform:uppercase}.shop-search{position:relative}.search-input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:24px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s;width:100%}.search-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#9ca3af}.search-results{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px}.results-header{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:12px}.search-items{display:flex;flex-direction:column;gap:8px}.search-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:12px}.search-image,.search-item{align-items:center;display:flex}.search-image{background-color:#f3f4f6;border-radius:6px;height:40px;justify-content:center;width:40px}.search-info{flex:1 1}.search-name{color:#111827;font-size:14px;font-weight:500;margin:0 0 2px}.search-details{color:#6b7280;font-size:12px;margin:0}.add-btn{background:linear-gradient(135deg,#111827,#374151);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.add-btn:hover{transform:translateY(-1px)}.shop-tabs{background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto;padding:0 16px}.shop-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s;white-space:nowrap}.shop-tab:hover{color:#374151}.shop-tab.active{border-bottom-color:#111827;color:#111827}.shop-content{background-color:#fff;flex:1 1}.shop-screen{display:flex;flex-direction:column;gap:24px;padding:20px 16px}.screen-description{color:#6b7280;font-size:14px;margin:4px 0 0}.points-header{align-items:center;background:linear-gradient(135deg,#111827,#374151);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:8px;padding:20px}.points-card{align-items:baseline;display:flex;gap:8px}.points-amount{font-size:28px;font-weight:900}.points-amount.large{font-size:48px;text-align:center}.points-label{font-size:14px;opacity:.9}.points-subtitle{font-size:14px;margin-top:8px;opacity:.8}.member-badge{background:linear-gradient(135deg,gold,#ffb347);border-radius:16px;color:#111827;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px}.exclusive-section{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:12px;color:#fff;padding:20px}.section-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.section-icon{height:20px;width:20px}.section-title{margin:0}.section-description{font-size:14px;margin:0 0 16px;opacity:.9}.exclusive-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.exclusive-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:8px;padding:16px}.exclusive-image{align-items:center;background-color:#fff3;border-radius:6px;display:flex;height:80px;justify-content:center;margin-bottom:12px}.exclusive-info{text-align:center}.exclusive-name{font-size:14px;font-weight:600;margin:0 0 4px}.exclusive-price{font-size:12px;margin:0 0 8px;opacity:.8}.badge-requirement{background-color:gold;border-radius:8px;color:#111827;display:inline-block;font-size:10px;font-weight:600;margin-bottom:8px;padding:4px 8px}.exclusive-button{background-color:#fff;border:none;border-radius:6px;color:#8b5cf6;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s}.exclusive-button:hover{background-color:#f3f4f6;transform:translateY(-1px)}.exclusive-note{font-size:12px;margin:0;opacity:.8;text-align:center}.featured-section{margin-bottom:8px}.items-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.item-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .2s}.item-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.exclusive-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:12px;color:#fff;display:flex;font-size:10px;font-weight:600;gap:4px;left:8px;padding:4px 8px;position:absolute;top:8px;z-index:1}.item-image{height:120px}.ai-assistant-container{background-color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;padding:16px}.ai-header{border-bottom:1px solid #e5e7eb;gap:12px;margin-bottom:16px;padding:16px 0}.ai-avatar,.ai-header{align-items:center;display:flex}.ai-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;height:48px;justify-content:center;width:48px}.ai-info{flex:1 1}.ai-name{color:#111827;font-size:18px;font-weight:600;margin:0 0 4px}.ai-status{color:#6b7280;font-size:14px;margin:0}.messages-container{display:flex;flex:1 1;flex-direction:column;margin-bottom:16px;overflow-y:auto}.quick-suggestions{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:16px}.suggestions-title{color:#6b7280;font-size:14px;font-weight:500;margin:0 0 12px}.suggestions-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.suggestion-btn{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s}.suggestion-btn:hover{background-color:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.messages-list{display:flex;flex-direction:column;gap:16px;padding:0 8px}.message{display:flex;max-width:80%}.message.user{align-self:flex-end;justify-content:flex-end}.message.assistant{align-self:flex-start;justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:20px;box-shadow:0 1px 2px #0000000d;max-width:100%;padding:12px 16px}.message-bubble.user{background:linear-gradient(135deg,#111827,#374151);border-bottom-right-radius:6px;color:#fff}.message-bubble.assistant{background-color:#f3f4f6;border:1px solid #e5e7eb;border-bottom-left-radius:6px;color:#111827}.message-text{font-size:14px;line-height:1.5;margin:0 0 6px}.message-timestamp{font-size:11px;margin:0;opacity:.7}.chat-input-container{background-color:#fff;border-top:1px solid #e5e7eb;padding-top:16px}.input-wrapper{align-items:flex-end;display:flex;gap:12px;margin-bottom:8px}.chat-input{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:25px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;resize:none;transition:border-color .2s}.chat-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-input::placeholder{color:#9ca3af}.send-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-button:hover:not(:disabled){box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.send-button:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed;transform:none}.input-footer{display:flex;justify-content:flex-end}.character-count{color:#9ca3af;font-size:11px;margin:0}.fashion-tips{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;margin-top:16px;padding:16px}.tips-header h4{color:#92400e;font-size:14px;font-weight:600;margin:0 0 8px}.tips-content{color:#92400e;font-size:12px}.tips-content p{line-height:1.4;margin:0 0 4px}.tips-content p:last-child{margin-bottom:0}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:6px}.messages-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d1d5db,#9ca3af);border-radius:6px}.messages-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)}@media (max-width:480px){.ai-assistant-container{padding:12px}.ai-header{padding:12px 0}.ai-name{font-size:16px}.ai-status{font-size:13px}.message{max-width:90%}.suggestions-grid{gap:6px;grid-template-columns:1fr}.suggestion-btn{font-size:13px;padding:10px 12px}.chat-input{font-size:13px;padding:10px 14px}.send-button{height:40px;width:40px}.fashion-tips{padding:12px}.tips-content{font-size:11px}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message{animation:slideInFromBottom .3s ease-out}.ai-thinking{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;border-bottom-left-radius:6px;display:flex;gap:4px;max-width:80%;padding:12px 16px}.ai-thinking:after{animation:pulse 1.5s infinite}.ai-thinking:after,.ai-thinking:before{background-color:#9ca3af;border-radius:50%;content:"";height:6px;width:6px}.ai-thinking:before{animation:pulse 1.5s .5s infinite;margin-right:4px}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.profile-container{background-color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.profile-main{padding:24px 16px}.user-profile{margin-bottom:32px;text-align:center}.user-avatar{background:linear-gradient(135deg,#9ca3af,#6b7280);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:80px;margin:0 auto 16px;width:80px}.user-name{color:#111827;font-size:24px;font-weight:600;margin:0 0 4px}.user-username{color:#6b7280;font-size:16px;margin:0 0 16px}.user-stats{display:flex;gap:32px;justify-content:center}.stat-item{color:#374151;font-size:14px}.profile-menu{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.menu-button{align-items:center;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:12px;justify-content:center;padding:24px 16px;transition:all .2s}.menu-button:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.menu-button.ai-button{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;grid-column:1/-1}.menu-button.ai-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px)}.menu-label{font-size:14px;font-weight:500}.profile-screen{background-color:#fff;min-height:100vh;padding:16px}.profile-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;margin-bottom:24px;padding-bottom:16px}.back-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:18px;padding:8px;transition:all .2s}.back-button:hover{background-color:#f3f4f6;color:#111827}.screen-title{font-size:20px;margin:0}.screen-title,.section-title{color:#111827;font-weight:600}.section-title{font-size:16px;margin:0 0 12px}.form-group{margin-bottom:20px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.text-input{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.empty-state{background-color:#f9fafb;border-radius:8px;color:#9ca3af;font-size:14px;padding:20px;text-align:center}.calendar-container{display:flex;flex-direction:column;gap:20px}.calendar-header{text-align:center}.calendar-month{color:#111827;font-size:18px;font-weight:600;margin:0}.calendar-days-header{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.day-header{color:#6b7280;font-size:12px;font-weight:600;padding:8px 4px;text-align:center}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:12px;justify-content:center;position:relative;transition:all .2s}.calendar-day:hover:not(.invisible):not(.past){background-color:#f9fafb;border-color:#d1d5db}.calendar-day.invisible{opacity:0;pointer-events:none}.calendar-day.today{background:linear-gradient(135deg,#111827,#374151);border-color:#111827;color:#fff;font-weight:600}.calendar-day.has-outfit{background-color:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:500}.calendar-day.can-plan{background-color:#fff;border-color:#e5e7eb}.calendar-day.past{border-color:#f3f4f6;color:#9ca3af}.day-number{display:block}.outfit-indicator{background-color:#3b82f6;border-radius:2px;bottom:2px;height:3px;left:2px;position:absolute;right:2px}.calendar-legend{color:#6b7280;display:flex;font-size:12px;gap:16px;justify-content:center}.legend-item{align-items:center;display:flex;gap:6px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.today{background:linear-gradient(135deg,#111827,#374151)}.legend-dot.has-outfit{background-color:#3b82f6}.legend-dot.can-plan{background-color:#fff;border:2px solid #e5e7eb}.recent-outfits{margin-top:24px}.outfits-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.outfit-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;padding:12px}.outfit-info,.outfit-item{align-items:center;display:flex}.outfit-info{gap:12px}.outfit-dot{background-color:#3b82f6;border-radius:50%;height:8px;width:8px}.outfit-details{display:flex;flex-direction:column}.outfit-date{color:#111827;font-size:14px;font-weight:500;margin:0}.outfit-occasion{color:#6b7280;font-size:12px;margin:0}.view-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-family:inherit;font-size:12px}.view-button:hover{color:#1d4ed8;text-decoration:underline}.planner-form{gap:24px}.planner-form,.selected-items{display:flex;flex-direction:column}.selected-items{gap:8px}.selected-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.item-name{color:#374151;font-size:14px}.remove-button{background:none;border:none;color:#dc2626;cursor:pointer;font-family:inherit;font-size:12px}.remove-button:hover{color:#991b1b}.closet-categories{display:flex;flex-direction:column;gap:20px}.category-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.category-title{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;margin:0;padding:12px 16px;text-transform:capitalize}.category-items{display:flex;flex-direction:column}.closet-item{background-color:#fff;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;font-family:inherit;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.closet-item:last-child{border-bottom:none}.closet-item:hover{background-color:#f9fafb}.closet-item.selected{background:linear-gradient(135deg,#111827,#374151);color:#fff}.item-info{display:flex;flex-direction:column;gap:2px}.item-brand{font-size:12px;opacity:.8}.save-outfit-button{background:linear-gradient(135deg,#111827,#374151);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:16px;transition:all .2s;width:100%}.save-outfit-button:hover{box-shadow:0 4px 12px #1118274d;transform:translateY(-1px)}.reward-card{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:12px;color:#fff;margin-bottom:24px;padding:20px;text-align:center}.reward-content{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:12px}.reward-icon{font-size:32px}.reward-info{text-align:left}.reward-days{font-size:20px;font-weight:600;margin:0}.reward-text{font-size:14px;margin:0;opacity:.9}.reward-progress{background-color:#fff3;border-radius:10px;height:6px;margin-bottom:8px;overflow:hidden}.progress-bar{background-color:#fff;border-radius:10px;height:100%;transition:width .5s ease}.reward-description{font-size:12px;margin:0;opacity:.8}.interests-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.interest-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.interest-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.interest-image{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;height:120px;justify-content:center}.placeholder-icon{color:#9ca3af}.interest-info{padding:12px}.interest-brand{color:#111827;font-size:14px;font-weight:600;margin:0 0 4px}.interest-item{color:#6b7280;font-size:12px;margin:0 0 8px}.interest-price{color:#111827;font-size:14px;font-weight:600;margin:0 0 8px}.reward-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:4px 8px}.closet-filters{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.filter-button{background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:20px;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;text-transform:capitalize;transition:all .2s;white-space:nowrap}.filter-button:hover{background-color:#e5e7eb;border-color:#d1d5db}.filter-button.active{background:linear-gradient(135deg,#111827,#374151);border-color:#111827;color:#fff}.closet-items{display:flex;flex-direction:column;gap:12px}.closet-item-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.closet-item-card:hover{background-color:#f9fafb;border-color:#d1d5db}.closet-item-icon{color:#6b7280}.closet-item-info{flex:1 1}.closet-item-name{color:#111827;font-size:14px;font-weight:500;margin:0 0 4px}.closet-item-brand{color:#6b7280;font-size:12px;margin:0}.closet-item-worn{color:#9ca3af;font-size:12px}.badges-stats{margin-bottom:24px}.stats-card{background:linear-gradient(135deg,#111827,#374151);border-radius:12px;color:#fff;padding:20px;text-align:center}.stats-label{font-size:12px;margin:0;opacity:.9}.stats-number{font-size:24px;font-weight:600;margin:8px 0}.stats-points{font-size:12px;margin:0;opacity:.9}.badges-section{margin-bottom:24px}.badges-list{display:flex;flex-direction:column;gap:12px}.badge-card{align-items:center;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s}.badge-card.earned{background-color:#f0fdf4;border:2px solid #bbf7d0}.badge-card.in-progress{background-color:#f9fafb;border:2px solid #e5e7eb}.badge-icon{font-size:32px}.badge-info{flex:1 1}.badge-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.badge-name{color:#111827;font-size:14px;font-weight:600;margin:0}.rarity-badge{border-radius:10px;font-size:10px;font-weight:500;padding:2px 8px;text-transform:uppercase}.rarity-badge.legendary{background-color:#fef3c7;color:#92400e}.rarity-badge.epic{background-color:#fde68a;color:#d97706}.rarity-badge.rare{background-color:#dbeafe;color:#1d4ed8}.rarity-badge.uncommon{background-color:#d1fae5;color:#059669}.rarity-badge.common{background-color:#f3f4f6;color:#374151}.badge-description{color:#6b7280;font-size:12px;line-height:1.4;margin:0 0 6px}.badge-earned{color:#9ca3af;font-size:11px;margin:0}.badge-progress{margin-top:4px}.progress-badge{background-color:#dbeafe;border-radius:8px;color:#1d4ed8;font-size:10px;font-weight:500;padding:2px 6px}.badge-points{text-align:center}.points-value{color:#059669;font-size:14px;font-weight:600}.points-label{color:#6b7280;display:block;font-size:10px}.outfits-list::-webkit-scrollbar{width:4px}.outfits-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.outfits-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.outfits-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.closet-filters::-webkit-scrollbar{height:4px}.closet-filters::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.closet-filters::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}@media (max-width:480px){.profile-main{padding:16px 12px}.user-stats{gap:24px}.profile-menu{gap:12px}.menu-button{padding:20px 12px}.profile-screen{padding:12px}.interests-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.interest-image{height:100px}.closet-filters{gap:6px}.filter-button{font-size:13px;padding:6px 12px}.badge-card{gap:12px;padding:12px}.badge-icon{font-size:28px}.calendar-grid{gap:2px}.calendar-day{font-size:11px}}.navigation-container{background-color:#000;border-top:1px solid #374151;bottom:0;left:0;position:absolute;right:0}.nav-tabs{display:flex;justify-content:space-around;padding:8px 0}.nav-tab{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:8px 4px;transition:color .2s}.nav-tab-active{color:#fff}.nav-tab-inactive{color:#6b7280}.nav-label{font-size:12px;margin-top:4px}
/*# sourceMappingURL=main.bd5b6372.css.map*/