@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..700;1,400..700&family=Hanken+Grotesk:wght@400;500;700&display=swap";:root{--bg-color:#f8f9fa;--text-color:#1a1a1a;--text-muted:#6c757d;--primary-gold:#d4af37;--primary-gold-hover:#b8962e;--primary-gold-light:#f5eedc;--card-bg:#fff;--card-border:#e9ecef;--button-bg:#f8f9fa;--button-bg-hover:#e9ecef;--shadow-color:#0000000d;--font-family:"Hanken Grotesk", sans-serif;--font-heading:"Playfair Display", serif}[data-theme=dark]{--bg-color:#000;--text-color:#f8f9fa;--text-muted:#a0a0a0;--primary-gold:#d4af37;--primary-gold-hover:#e0c159;--primary-gold-light:#2c2512;--card-bg:#0a0a0a;--card-border:#1a1a1a;--button-bg:#141414;--button-bg-hover:#1f1f1f;--shadow-color:#00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6,.garment-title,.outfit-title,.page-creator-handle,.modal-creator-handle{font-family:var(--font-heading)}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--primary-gold)}.delete-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.delete-modal-card{background:var(--bg-card,#121214);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:28px;animation:.2s ease-out scaleUp;display:flex;position:relative;box-shadow:0 20px 40px #00000080}.delete-modal-close{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;transition:all .2s;position:absolute;top:16px;right:16px}.delete-modal-close:hover{color:#fff;background:#ffffff1a}.delete-modal-header{align-items:center;gap:14px;display:flex}.delete-modal-icon-container{background:#ef444426;border:1px solid #ef44444d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.delete-modal-icon{color:#ef4444}.delete-modal-title{color:var(--text-main,#fff);text-transform:capitalize;margin:0;font-size:1.25rem;font-weight:700}.delete-modal-body{color:var(--text-muted,#94a3b8);margin:0;font-size:.95rem;line-height:1.5}.delete-item-name{color:var(--text-main,#fff);font-weight:600}.delete-modal-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:10px 14px;font-size:.875rem}.delete-modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.delete-cancel-btn{color:var(--text-main,#fff);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.delete-cancel-btn:hover:not(:disabled){background:#ffffff14}.delete-confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.delete-confirm-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.delete-confirm-btn:disabled,.delete-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.report-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.report-modal-card{background:var(--bg-card,#121214);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:460px;padding:28px;animation:.2s ease-out scaleUp;display:flex;position:relative;box-shadow:0 20px 40px #00000080}.report-modal-close{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;transition:all .2s;position:absolute;top:16px;right:16px}.report-modal-close:hover{color:#fff;background:#ffffff1a}.report-modal-header{align-items:center;gap:14px;margin-bottom:4px;display:flex}.report-modal-icon-container{background:#eab30826;border:1px solid #eab3084d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.report-modal-icon{color:#eab308}.report-modal-title{color:var(--text-main,#fff);text-transform:capitalize;margin:0;font-size:1.25rem;font-weight:700}.report-modal-subtitle{color:var(--text-muted,#94a3b8);margin:0 0 16px;font-size:.95rem;line-height:1.5}.report-item-name{color:var(--text-main,#fff)}.report-radio-group{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.report-radio-option{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.report-radio-option:hover{background:#ffffff12;border-color:#ffffff26}.report-radio-option.selected{background:#eab30814;border-color:#eab30866}.report-radio-option input[type=radio]{display:none}.custom-radio{border:2px solid var(--text-muted,#71717a);border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .2s;position:relative}.report-radio-option.selected .custom-radio{border-color:#eab308}.report-radio-option.selected .custom-radio:after{content:"";background:#eab308;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.report-option-label{color:var(--text-main,#fff);font-size:.9rem;font-weight:500}.report-modal-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.875rem}.report-modal-actions{justify-content:flex-end;gap:12px;display:flex}.report-cancel-btn{color:var(--text-main,#fff);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.report-cancel-btn:hover:not(:disabled){background:#ffffff14}.report-submit-btn{background:var(--primary-gold,#eab308);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.report-submit-btn:hover:not(:disabled){background:#d97706;box-shadow:0 4px 12px #eab3084d}.report-submit-btn:disabled,.report-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.report-success-view{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px 10px;display:flex}.report-success-icon{color:#4ade80}.report-success-title{color:var(--text-main,#fff);margin:0;font-size:1.25rem}.report-success-msg{color:var(--text-muted,#94a3b8);margin:0;font-size:.95rem;line-height:1.5}.garment-card{background-color:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:340px;box-shadow:0 4px 6px var(--shadow-color);border-radius:0;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.garment-card:hover{box-shadow:0 12px 20px var(--shadow-color);transform:translateY(-4px)}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.garment-card:hover .card-image{transform:scale(1.05)}.in-store-link{background-color:var(--primary-gold);color:#000;z-index:10;border-radius:0;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color .2s;display:flex;position:absolute;top:16px;right:16px}.in-store-link:hover{background-color:var(--primary-gold-hover)}.price-badge{color:#4ade80;z-index:10;background-color:#1c2621;border-radius:0;padding:4px 10px;font-size:14px;font-weight:600;position:absolute;bottom:16px;right:16px}.card-content{flex-direction:column;flex-grow:1;padding:16px;display:flex}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.garment-title{color:var(--text-color);font-size:20px;font-weight:700;line-height:1.2}.garment-title.untitled{color:var(--text-muted);font-style:italic;font-weight:400}.select-button{color:var(--text-muted);border:1px solid var(--card-border);border-radius:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.select-button:hover{background-color:var(--button-bg-hover);color:var(--text-color);border-color:var(--text-muted)}.tags-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.tag-pill{background-color:var(--button-bg);color:var(--text-color);border:1px solid var(--card-border);text-align:center;text-transform:uppercase;border-radius:0;padding:6px 8px;font-size:12px;font-weight:600;transition:all .2s}.tag-pill:hover{background-color:var(--button-bg-hover);border-color:var(--primary-gold)}.card-footer{gap:8px;margin-top:auto;display:flex}.action-btn{background-color:var(--button-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:all .2s;display:flex}.select-action-btn{color:var(--text-color);border:1px solid var(--card-border);background-color:#0000;border-radius:0;justify-content:center;align-items:center;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.card-options-wrapper{position:relative}.card-dropdown-menu{background-color:var(--card-bg,#18181b);border:1px solid var(--card-border,#ffffff26);z-index:50;border-radius:8px;min-width:140px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #00000080}.dropdown-item{width:100%;color:var(--text-color,#fff);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.dropdown-item:hover:not(.disabled){background-color:#ffffff1a}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background-color:#ef444426}.dropdown-item.disabled{color:var(--text-muted,#71717a);cursor:default}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.modal-content{flex-direction:row;overflow-y:hidden}.modal-image-section{width:50%;height:100%}.modal-image{object-fit:cover;height:100%;max-height:none}.modal-info-section{width:50%;height:100%;overflow-y:auto}}.outfit-card{background-color:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:320px;box-shadow:0 4px 6px var(--shadow-color);border-radius:0;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.outfit-card:hover{box-shadow:0 8px 12px var(--shadow-color);transform:translateY(-4px)}.card-image-container{aspect-ratio:4/5;background-color:#f1f1f1;width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%}.price-badge{color:#1a1a1a;background-color:#ffffffe6;border-radius:0;padding:4px 8px;font-size:14px;font-weight:700;position:absolute;bottom:12px;right:12px}.card-content{flex-direction:column;gap:12px;padding:16px;display:flex}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-info{flex-direction:column;gap:4px;display:flex}.creator-handle{color:var(--primary-gold);font-size:14px;font-weight:600}.outfit-title{color:var(--text-color);margin:0;font-size:18px;font-weight:700}.outfit-title.untitled{color:var(--text-muted);font-style:italic;font-weight:400}.select-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.select-button:hover{background-color:var(--button-bg);color:var(--text-color)}.tags-grid{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{background-color:var(--button-bg);border:1px solid var(--card-border);color:var(--text-color);border-radius:0;padding:4px 10px;font-size:12px;font-weight:500}.card-footer{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;padding:6px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.action-btn:hover{background-color:var(--button-bg);color:var(--text-color)}.action-btn.active-like{color:#ef4444}.action-btn.active-save{color:var(--primary-gold)}.select-action-btn{background-color:var(--button-bg);color:var(--text-color);border:1px solid var(--card-border);cursor:pointer;border-radius:0;padding:6px 16px;font-size:14px;font-weight:600;transition:all .2s}.select-action-btn:hover{background-color:var(--primary-gold);color:#000;border-color:var(--primary-gold)}.garment-mini-card{background-color:var(--button-bg);border:1px solid var(--card-border);border-radius:0;align-items:center;gap:12px;padding:12px;transition:background-color .2s;display:flex}.garment-mini-card:hover{background-color:var(--button-bg-hover)}.mini-image{object-fit:cover;background-color:#e5e5e5;border-radius:0;flex-shrink:0;width:48px;height:48px}.mini-info{flex-direction:column;flex-grow:1;gap:4px;display:flex;overflow:hidden}.mini-title{color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;margin:0;font-size:14px;font-weight:600;transition:color .2s;overflow:hidden}.mini-title:hover{color:var(--primary-gold);text-decoration:underline}.mini-price{color:#4ade80;font-size:13px;font-weight:600}.mini-store-btn{color:var(--primary-gold);border:1px solid var(--primary-gold);cursor:pointer;background-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.mini-store-btn:hover{background-color:var(--primary-gold);color:#000}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-container{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:0;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s modalFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.modal-close-btn{color:#fff;cursor:pointer;z-index:20;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{background-color:var(--primary-gold);color:#000}.modal-content{flex-direction:column;height:100%;display:flex;overflow-y:auto}.modal-image-section{background-color:#f1f1f1;justify-content:center;align-items:center;width:100%;display:flex}.modal-image{object-fit:cover;width:100%;max-height:50vh}.modal-info-section{flex-direction:column;gap:20px;padding:24px;display:flex}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-right:48px;display:flex}.modal-user-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.modal-creator-handle{color:var(--primary-gold);font-size:18px;font-weight:700}.follow-btn{color:var(--primary-gold);border:1px solid var(--primary-gold);background-color:#0000;border-radius:0;padding:6px 16px;font-size:14px;font-weight:600;transition:all .2s}.follow-btn:hover{background-color:var(--primary-gold);color:#000}.modal-date{color:var(--text-muted);font-size:14px}.modal-price-container{flex-direction:column;gap:8px;display:flex}.modal-price{color:#4ade80;font-size:24px;font-weight:700}.modal-tags-container{flex-direction:column;gap:8px;display:flex}.modal-tags-label{color:var(--text-muted);font-size:14px;font-weight:600}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-tag{background-color:var(--button-bg);border:1px solid var(--card-border);color:var(--text-color);border-radius:0;padding:8px 12px;font-size:14px;font-weight:500}.modal-actions{flex-direction:column;gap:12px;margin-top:auto;padding-top:24px;display:flex}.modal-action-row{gap:8px;display:flex}.modal-action-btn{background-color:var(--button-bg);border:1px solid var(--card-border);color:var(--text-muted);border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:600;transition:all .2s;display:flex}.modal-action-btn:hover{background-color:var(--button-bg-hover);color:var(--text-color)}.modal-action-btn.active-like{color:#ef4444}.modal-action-btn.active-save{color:var(--primary-gold)}.modal-store-link{background-color:var(--primary-gold);color:#000;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex}.modal-store-link:hover{background-color:var(--primary-gold-hover)}.modal-select-btn{color:var(--text-color);border:1px solid var(--card-border);background-color:#0000;border-radius:0;justify-content:center;align-items:center;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-select-btn:hover{background-color:var(--primary-gold);color:#000;border-color:var(--primary-gold)}@media (width>=768px){.modal-content{flex-direction:row;overflow-y:hidden}.modal-image-section{width:50%;height:100%}.modal-image{object-fit:cover;height:100%;max-height:none}.modal-info-section{width:50%;height:100%;overflow-y:auto}}.garment-page-container{justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px;display:flex}.garment-page-content{background-color:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:1000px;box-shadow:0 10px 30px var(--shadow-color);border-radius:0;flex-direction:column;display:flex;overflow:hidden}@media (width>=768px){.garment-page-content{flex-direction:row}.page-image-section{width:50%}.page-image{object-fit:cover;height:100%;max-height:none}.page-info-section{width:50%}}.outfit-page-container{justify-content:center;min-height:calc(100vh - 80px);padding:40px 20px;display:flex}.outfit-page-content{background-color:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:1000px;box-shadow:0 10px 30px var(--shadow-color);border-radius:0;flex-direction:column;display:flex;overflow:hidden}.page-image-section{background-color:#f1f1f1;justify-content:center;align-items:center;width:100%;display:flex}.page-image{object-fit:cover;width:100%;max-height:60vh}.page-info-section{flex-direction:column;gap:24px;padding:32px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-user-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.page-creator-handle{color:var(--primary-gold);font-size:20px;font-weight:700}.page-date{color:var(--text-muted);font-size:15px}.page-actions{flex-direction:column;gap:16px;margin-top:auto;padding-top:32px;display:flex}@media (width>=768px){.outfit-page-content{flex-direction:row}.page-image-section{width:50%}.page-image{object-fit:cover;height:100%;max-height:none}.page-info-section{width:50%}}.auth-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;animation:.5s fadeIn;display:flex}.auth-card{background-color:var(--card-bg);border:1px solid var(--card-border);width:100%;max-width:440px;box-shadow:0 10px 40px var(--shadow-color);border-radius:16px;padding:3rem 2.5rem;transition:transform .3s,box-shadow .3s}.auth-card:hover{box-shadow:0 15px 50px var(--shadow-color);transform:translateY(-5px)}.auth-title{color:var(--text-color);text-align:center;margin-bottom:.5rem;font-size:2rem}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:.95rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.auth-input{background-color:var(--button-bg);border:1px solid var(--card-border);width:100%;color:var(--text-color);font-family:var(--font-family);border-radius:12px;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .2s}.auth-input:focus{border-color:var(--primary-gold);background-color:var(--card-bg);box-shadow:0 0 0 3px var(--primary-gold-light);outline:none}.auth-input::placeholder{color:var(--text-muted)}.auth-button{border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button.primary{background-color:var(--primary-gold);color:#fff;box-shadow:0 4px 15px #d4af374d}.auth-button.primary:hover:not(:disabled){background-color:var(--primary-gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.auth-button.primary:active:not(:disabled){transform:translateY(0)}.auth-button.outline{border:1px solid var(--card-border);color:var(--text-color);background-color:#0000}.auth-button.outline:hover:not(:disabled){background-color:var(--button-bg-hover)}.google-icon{width:20px;height:20px}.auth-divider{color:var(--text-muted);align-items:center;margin:1.5rem 0;font-size:.9rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--card-border);flex:1}.auth-divider span{padding:0 1rem}.auth-error{color:#dc3545;text-align:center;background-color:#dc35451a;border:1px solid #dc354533;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.auth-footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.95rem}.toggle-mode-button{color:var(--primary-gold);padding:0 .25rem;font-weight:600}.toggle-mode-button:hover{color:var(--primary-gold-hover);text-decoration:underline}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}.upload-container{width:100%;max-width:1000px;margin:0 auto;padding:2rem 1rem;animation:.4s fadeIn}.upload-header{text-align:center;margin-bottom:2rem}.upload-title{color:var(--text-color);font-size:2.5rem;font-family:var(--font-heading);margin-bottom:1.5rem}.upload-tabs{border-bottom:1px solid var(--card-border);justify-content:center;gap:1rem;padding-bottom:0;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:color .2s;position:relative}.tab-btn:hover{color:var(--text-color)}.tab-btn.active{color:var(--primary-gold)}.tab-btn.active:after{content:"";background-color:var(--primary-gold);border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.upload-content{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 10px 30px var(--shadow-color);border-radius:16px;grid-template-columns:1fr 1fr;gap:3rem;padding:2.5rem;display:grid}.upload-image-section{flex-direction:column;display:flex}.upload-dropzone{border:2px dashed var(--card-border);text-align:center;cursor:pointer;background-color:var(--bg-color);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:400px;padding:3rem;transition:all .2s;display:flex}.upload-dropzone:hover{border-color:var(--primary-gold);background-color:var(--button-bg-hover)}.dropzone-icon{color:var(--primary-gold);width:48px;height:48px;margin-bottom:1rem}.dropzone-text{color:var(--text-muted);font-size:1rem}.upload-preview{object-fit:contain;border-radius:12px;width:100%;height:100%}.upload-error{color:#dc3545;text-align:center;background-color:#dc35451a;border:1px solid #dc354533;border-radius:12px;margin-top:1rem;padding:1rem;font-size:.95rem}.validation-loader{color:var(--primary-gold);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.validation-spinner{border:3px solid #d4af374d;border-top-color:var(--primary-gold);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}.upload-form-section{flex-direction:column;gap:1.5rem;display:flex}.upload-input,.upload-select{background-color:var(--button-bg);border:1px solid var(--card-border);width:100%;color:var(--text-color);font-family:var(--font-family);border-radius:12px;padding:1rem;font-size:1rem;transition:all .2s}.upload-input:focus,.upload-select:focus{border-color:var(--primary-gold);background-color:var(--card-bg);box-shadow:0 0 0 3px var(--primary-gold-light);outline:none}.upload-select{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:.65rem}.radio-group{gap:1.5rem;display:flex}.radio-label{color:var(--text-color);cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.radio-input{appearance:none;border:2px solid var(--text-muted);cursor:pointer;background-color:#0000;border-radius:50%;outline:none;width:20px;height:20px;transition:all .2s;position:relative}.radio-input:checked{border-color:var(--primary-gold)}.radio-input:checked:after{content:"";background-color:var(--primary-gold);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-submit-btn{background-color:var(--primary-gold);color:#fff;cursor:pointer;border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #d4af374d}.upload-submit-btn:hover{background-color:var(--primary-gold-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.upload-submit-btn:active{transform:translateY(0)}@media (width<=768px){.upload-content{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.upload-dropzone{min-height:250px}}.edit-profile-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1100;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.edit-profile-modal{background:var(--bg-card,#121212);border:1px solid var(--border-color,#ffffff26);border-radius:20px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) editModalIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}@keyframes editModalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.edit-profile-header{border-bottom:1px solid var(--border-color,#ffffff1a);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.edit-profile-title{color:var(--text-primary,#fff);margin:0;font-size:1.25rem;font-weight:800}.close-btn{color:var(--text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.close-btn:hover{color:var(--text-primary,#fff);background:#ffffff1a}.edit-profile-form{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary,#d1d5db);font-size:.85rem;font-weight:700}.form-input,.form-textarea{border:1px solid var(--border-color,#ffffff26);width:100%;color:var(--text-primary,#fff);box-sizing:border-box;background:#0000004d;border-radius:10px;padding:12px 14px;font-size:.9rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary-gold,#eab308);outline:none}.form-input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:.775rem;font-weight:600}.success-text{color:#4ade80;font-size:.775rem;font-weight:600}.avatar-upload-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.avatar-preview-thumb{object-fit:cover;border:3px solid var(--primary-gold,#eab308);background:#1a1a1a;border-radius:50%;flex-shrink:0;width:72px;height:72px;box-shadow:0 0 15px #eab30833}.avatar-upload-actions{flex-direction:column;flex:1;gap:8px;display:flex}.btn-upload-file{color:var(--primary-gold,#eab308);cursor:pointer;background:#eab3081f;border:1px solid #eab30866;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:10px 18px;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-upload-file:hover{background:#eab30840;transform:translateY(-1px)}.avatar-or-text{color:var(--text-muted,#9ca3af);font-size:.75rem}.social-inputs-grid{flex-direction:column;gap:12px;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon-prefix{color:var(--text-muted,#9ca3af);pointer-events:none;position:absolute;left:12px}.input-with-icon .form-input{padding-left:38px}.edit-profile-footer{border-top:1px solid var(--border-color,#ffffff1a);background:#0003;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{border:1px solid var(--border-color,#fff3);color:var(--text-primary,#fff);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:700;transition:all .2s}.btn-cancel:hover{background:#ffffff14}.btn-save{background:var(--primary-gold,#eab308);color:#000;cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:.875rem;font-weight:800;transition:all .2s}.btn-save:hover{background:#facc15;transform:translateY(-1px)}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-page-wrapper{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:1440px;margin:0 auto;padding:32px 32px 64px;display:flex}@media (width<=899px){.profile-page-wrapper{gap:20px;padding:16px 16px 48px}}.profile-hero-card{box-sizing:border-box;border:1px solid var(--border-color,#ffffff1f);background:var(--bg-card,#ffffff08);-webkit-backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;gap:32px;width:100%;padding:40px;display:flex;position:relative;overflow:hidden}@media (width<=899px){.profile-hero-card{border-radius:16px;gap:24px;padding:24px 16px}}@media (width>=900px){.profile-hero-card{flex-direction:row;justify-content:space-between;align-items:flex-start}}.profile-hero-glow{pointer-events:none;background:radial-gradient(circle,#eab3082e 0%,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;left:-80px}.profile-identity-section{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}@media (width>=900px){.profile-identity-section{text-align:left;flex-direction:row;flex:1;align-items:flex-start;gap:28px}}.profile-avatar-frame{background:#111;border:3px solid #eab30873;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex;overflow:hidden;box-shadow:0 0 30px #eab3082e}@media (width>=900px){.profile-avatar-frame{width:120px;height:120px}}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-avatar-fallback-icon{color:var(--text-muted,#9ca3af)}.profile-details-column{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;display:flex;overflow:hidden}.profile-username-row{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;max-width:100%;display:flex}@media (width>=900px){.profile-username-row{justify-content:flex-start}}.profile-username-heading{color:var(--text-primary,#fff);letter-spacing:-.03em;word-break:break-word;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:1.75rem;font-weight:900;line-height:1.25}@media (width>=900px){.profile-username-heading{font-size:2.25rem}}.badge-staff{color:#ef4444;text-transform:uppercase;background:#ef444426;border:1px solid #ef444459;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.7rem;font-weight:900;display:inline-flex}.badge-banned{color:#dc2626;text-transform:uppercase;background:#dc262633;border:1px solid #dc262666;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.7rem;font-weight:900;display:inline-flex}.profile-meta-row{color:var(--text-muted,#9ca3af);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;font-size:.9rem;font-weight:600;display:flex}@media (width<=899px){.profile-meta-row{flex-direction:column;align-items:center;gap:8px}.meta-divider{display:none}.meta-item{justify-content:center;width:100%}}@media (width>=900px){.profile-meta-row{justify-content:flex-start;gap:20px}}.meta-item{align-items:center;gap:6px;display:inline-flex}.meta-icon-gold{color:#eab308}.meta-divider{color:var(--border-color,#fff3)}.meta-stat-bold{color:var(--text-primary,#fff);font-size:1rem;font-weight:800}.profile-bio-text{color:var(--text-secondary,#d1d5db);word-break:break-word;max-width:720px;margin:6px 0 0;font-size:.925rem;line-height:1.6}.profile-socials-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding-top:6px;display:flex}@media (width>=900px){.profile-socials-row{justify-content:flex-start}}.social-icon-btn{border:1px solid var(--border-color,#ffffff1f);background:var(--bg-card,#ffffff0d);color:var(--text-muted,#9ca3af);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px;text-decoration:none;transition:all .2s;display:flex}.social-icon-btn:hover{color:var(--text-primary,#fff);background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.profile-actions-column{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}@media (width>=900px){.profile-actions-column{flex-shrink:0;align-items:flex-end;width:auto}}.btn-visit-store{color:#eab308;white-space:nowrap;background:#eab3081f;border:1px solid #eab30859;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 24px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}@media (width>=900px){.btn-visit-store{width:auto}}.btn-visit-store:hover{background:#eab30838;border-color:#eab30899;transform:translateY(-2px);box-shadow:0 4px 16px #eab30826}.profile-action-btns-row{justify-content:center;gap:12px;width:100%;display:flex}@media (width>=900px){.profile-action-btns-row{justify-content:flex-end;width:auto}}.btn-follow-toggle{cursor:pointer;text-align:center;white-space:nowrap;border:none;border-radius:12px;width:100%;padding:12px 28px;font-size:.9rem;font-weight:800;transition:all .2s}@media (width>=900px){.btn-follow-toggle{width:auto;min-width:140px}}.btn-follow-toggle.follow{background:var(--text-primary,#fff);color:#000}.btn-follow-toggle.follow:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-follow-toggle.unfollow{color:var(--text-primary,#fff);border:1px solid var(--border-color,#ffffff26);background:#ffffff14}.btn-follow-toggle.unfollow:hover{color:#ef4444;background:#ef44442e;border-color:#ef4444;transform:translateY(-1px)}.btn-edit-profile{border:1px solid var(--border-color,#fff3);background:var(--bg-card,#ffffff14);color:var(--text-primary,#fff);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex}.btn-edit-profile:hover{background:#ffffff26;border-color:#ffffff59;transform:translateY(-1px)}.profile-content-section{flex-direction:column;gap:24px;width:100%;display:flex}.profile-header-tabs-bar{border-bottom:1px solid var(--border-color,#ffffff1f);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.profile-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary,#fff);margin:0;font-size:1.1rem;font-weight:900}.profile-segmented-tabs{border:1px solid var(--border-color,#ffffff14);background:#ffffff08;border-radius:12px;gap:8px;width:100%;padding:4px;display:flex}@media (width>=600px){.profile-segmented-tabs{width:auto}}.segmented-tab{color:var(--text-muted,#9ca3af);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .2s}@media (width>=600px){.segmented-tab{flex:initial}}.segmented-tab:hover{color:var(--text-primary,#fff);background:#ffffff0f}.segmented-tab.active{color:#000;background:var(--primary-gold,#eab308);font-weight:800;box-shadow:0 2px 8px #eab30840}.profile-items-grid{grid-template-columns:repeat(1,1fr);gap:24px;width:100%;display:grid}@media (width>=580px){.profile-items-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.profile-items-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1200px){.profile-items-grid{grid-template-columns:repeat(4,1fr)}}.profile-items-grid .garment-card,.profile-items-grid .outfit-card{width:100%!important;max-width:100%!important}.profile-empty-card{border:2px dashed var(--border-color,#ffffff26);background:var(--bg-card,#ffffff05);text-align:center;box-sizing:border-box;border-radius:20px;flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;width:100%;max-width:600px;margin:48px auto;padding:64px 32px;display:flex}.empty-icon{color:var(--text-muted,#6b7280)}.empty-title{color:var(--text-primary,#fff);margin:0;font-size:1.25rem;font-weight:800}.empty-desc{color:var(--text-muted,#9ca3af);max-width:360px;margin:0;font-size:.9rem;line-height:1.5}.navbar{background-color:var(--card-bg);border-bottom:1px solid var(--card-border);z-index:100;box-shadow:0 4px 12px var(--shadow-color);justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.navbar-left{align-items:center;display:flex}.navbar-logo{cursor:pointer;height:40px;transition:transform .2s}.navbar-logo:hover{transform:scale(1.05)}.navbar-brand-name{font-family:var(--font-heading);color:var(--primary-gold);letter-spacing:2px;font-size:24px;font-weight:700}.navbar-middle{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-color);font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary-gold)}.navbar-right{align-items:center;gap:24px;display:flex}.auth-section{align-items:center;gap:16px;display:flex}.sign-in-link{color:var(--primary-gold)}.mobile-menu-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;padding:8px;display:none}.user-profile{align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;border:2px solid var(--primary-gold);border-radius:50%;width:40px;height:40px}.user-info{flex-direction:column;display:flex}.username{color:var(--text-color);font-size:14px;font-weight:700}.credits{color:var(--text-muted);gap:8px;font-size:12px;font-weight:600;display:flex}.credit-item{align-items:center;gap:4px;display:flex}.credit-permanent{color:var(--primary-gold)}.credit-temporal{color:#4ade80}.controls-section{border-left:1px solid var(--card-border);align-items:center;gap:12px;padding-left:24px;display:flex}.icon-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.icon-btn:hover{background-color:var(--button-bg)}.test-auth-toggle{color:#fff;cursor:pointer;opacity:.3;background-color:#ef4444;border:none;border-radius:0;padding:4px 8px;font-size:10px;position:absolute;bottom:-30px;right:10px}.test-auth-toggle:hover{opacity:1}.mobile-menu{display:none}@media (width<=768px){.navbar-brand-name,.navbar-middle,.desktop-controls{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.user-profile{display:none}.mobile-user-profile{justify-content:center;padding:8px 0;display:flex}.mobile-user-link{color:var(--text-color);align-items:center;gap:12px;text-decoration:none;display:flex}.mobile-user-credits{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);justify-content:space-around;margin:8px 0;padding:16px 0;font-size:14px;font-weight:600;display:flex}.mobile-menu{background-color:var(--card-bg);border-bottom:1px solid var(--card-border);width:100%;box-shadow:0 4px 12px var(--shadow-color);z-index:99;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;gap:16px;padding:16px 32px;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:absolute;top:100%;left:0;transform:translateY(-10px)}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-nav-link{color:var(--text-color);border-bottom:1px solid var(--card-border);padding:8px 0;font-size:18px;font-weight:600;text-decoration:none}.mobile-controls{flex-direction:column;gap:16px;margin-top:8px;display:flex}.mobile-control-btn{color:var(--text-color);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:8px 0;font-size:16px;font-weight:600;display:flex}}