:root{--clr-bg: #F8F5F0;--clr-surface: #FFFFFF;--clr-surface-2: #F2EDE5;--clr-border: #E8E2D8;--clr-border-light: #D8D0C4;--clr-text: #1A1816;--clr-text-muted: #6A6660;--clr-text-faint: #A8A29A;--clr-accent: #C9920A;--clr-accent-2: #B05C3A;--clr-accent-3: #5A8A6A;--clr-accent-glow: rgba(201, 146, 10, .1);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--clr-bg);color:var(--clr-text);font-family:var(--font-body);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:var(--clr-border-light);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.grain:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px;z-index:9999}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);height:64px;background:#f8f5f0e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--clr-border)}.layout__logo{display:flex;align-items:baseline;gap:2px}.layout__logo-mark{font-family:var(--font-display);font-size:1.5rem;color:var(--clr-accent);line-height:1}.layout__logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--clr-text);letter-spacing:-.01em}.layout__nav{display:flex;align-items:center;gap:var(--space-xs)}.layout__nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:8px 16px;border-radius:var(--radius-full);color:var(--clr-text-muted);font-size:.875rem;font-weight:400;transition:all var(--duration-base) var(--ease-out)}.layout__nav-item:hover{color:var(--clr-text);background:var(--clr-surface-2)}.layout__nav-item--active{color:var(--clr-accent);background:var(--clr-accent-glow)}.layout__main{flex:1;padding-bottom:var(--space-3xl)}.layout__mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background:#f8f5f0f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--clr-border);z-index:100}.layout__mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--clr-text-muted);font-size:.7rem;letter-spacing:.03em;transition:color var(--duration-base) var(--ease-out)}.layout__mobile-nav-item--active{color:var(--clr-accent)}@media (max-width: 768px){.layout__header{padding:0 var(--space-md)}.layout__nav{display:none}.layout__mobile-nav{display:flex}.layout__main{padding-bottom:80px}}.logo{display:inline-flex;align-items:center;gap:.5rem}.logo__icon{flex-shrink:0}.logo__name{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.04em;color:var(--clr-text)}.avatar{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.avatar__svg{width:180px;height:300px;filter:drop-shadow(0 20px 48px rgba(0,0,0,.18));animation:avatarFloat 4s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.avatar__label{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--clr-text);letter-spacing:.02em}.avatar__dots{display:flex;gap:8px}.avatar__dot{width:8px;height:8px;border-radius:50%;background:var(--clr-border);border:none;cursor:pointer;transition:all var(--duration-base)}.avatar__dot:hover{background:var(--clr-text-muted)}.avatar__dot--active{background:var(--clr-accent);width:24px;border-radius:4px}.landing{min-height:100vh;overflow-x:hidden}.landing__nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);height:68px;background:#f8f5f0cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,0,0,.06)}.landing__logo{display:flex;align-items:baseline;font-family:var(--font-display);font-size:1.35rem;color:var(--clr-text);letter-spacing:-.01em}.landing__logo-mark{color:var(--clr-accent)}.landing__nav-actions{display:flex;align-items:center;gap:var(--space-md)}.landing__nav-link{color:var(--clr-text-muted);font-size:.875rem;transition:color var(--duration-base)}.landing__nav-link:hover{color:var(--clr-text)}.landing__cta-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 28px;background:var(--clr-accent);color:#0c0c0b;font-family:var(--font-body);font-weight:500;font-size:.95rem;border-radius:var(--radius-full);transition:all var(--duration-base) var(--ease-out);letter-spacing:.01em}.landing__cta-btn:hover{background:#d9a220;transform:translateY(-1px);box-shadow:0 8px 32px #c9920a40}.landing__cta-btn--sm{padding:10px 20px;font-size:.85rem}.landing__cta-btn--lg{padding:18px 36px;font-size:1.05rem}.landing__cta-link{color:var(--clr-text-muted);font-size:.9rem;text-decoration:underline;text-decoration-color:var(--clr-border-light);text-underline-offset:3px;transition:color var(--duration-base)}.landing__cta-link:hover{color:var(--clr-text)}.landing__hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:120px var(--space-xl) var(--space-3xl);position:relative;max-width:1300px;margin:0 auto}.landing__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.landing__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.landing__orb--1{width:600px;height:600px;background:var(--clr-accent);top:-200px;right:-100px}.landing__orb--2{width:400px;height:400px;background:var(--clr-accent-2);bottom:0;left:-100px}.landing__orb--3{width:300px;height:300px;background:var(--clr-accent-3);top:50%;left:40%}.landing__orb--4{width:800px;height:400px;background:var(--clr-accent);top:-100px;left:50%;transform:translate(-50%)}.landing__hero-content{flex:1;max-width:620px;position:relative;z-index:1}.landing__eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 14px;background:var(--clr-accent-glow);border:1px solid rgba(201,146,10,.25);border-radius:var(--radius-full);color:var(--clr-accent);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-lg);opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out)}.landing__eyebrow.reveal{opacity:1;transform:translateY(0)}.landing__headline{font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--clr-text);margin-bottom:var(--space-lg);opacity:0;transform:translateY(24px);transition:all var(--duration-slow) var(--ease-out)}.landing__headline.reveal{opacity:1;transform:translateY(0)}.landing__headline em{font-style:italic;color:var(--clr-accent)}.landing__subheadline{font-size:1.1rem;color:var(--clr-text-muted);line-height:1.7;max-width:480px;margin-bottom:var(--space-xl);opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out)}.landing__subheadline.reveal{opacity:1;transform:translateY(0)}.landing__hero-actions{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);opacity:0;transform:translateY(20px);transition:all var(--duration-slow) var(--ease-out)}.landing__hero-actions.reveal{opacity:1;transform:translateY(0)}.landing__factors{display:flex;flex-wrap:wrap;gap:var(--space-sm);opacity:0;transform:translateY(16px);transition:all var(--duration-slow) var(--ease-out)}.landing__factors.reveal{opacity:1;transform:translateY(0)}.landing__factor-pill{padding:6px 14px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--clr-text-faint);letter-spacing:.02em}.landing__phone-mockup{flex:0 0 auto;position:relative;z-index:1;opacity:0;transform:translateY(30px) rotate(3deg);transition:all .6s var(--ease-out);animation:phoneFloat 6s ease-in-out infinite}.landing__phone-mockup.reveal{opacity:1;transform:translateY(0) rotate(2deg)}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.landing__features{padding:var(--space-3xl) 0;border-top:1px solid var(--clr-border)}.landing__section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--clr-accent);margin-bottom:var(--space-md)}.landing__section-title{font-family:var(--font-display);font-size:clamp(2rem,3.5vw,3rem);font-weight:700;letter-spacing:-.02em;color:var(--clr-text);margin-bottom:var(--space-2xl);line-height:1.15}.landing__section-title em{font-style:italic;color:var(--clr-accent)}.landing__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.landing__feature-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;transition:all var(--duration-slow) var(--ease-out)}.landing__feature-card:hover{border-color:var(--clr-border-light);transform:translateY(-4px)}.landing__feature-card--gold .landing__feature-icon{color:var(--clr-accent);background:var(--clr-accent-glow)}.landing__feature-card--sage .landing__feature-icon{color:var(--clr-accent-3);background:#7a9e871a}.landing__feature-card--terracotta .landing__feature-icon{color:var(--clr-accent-2);background:#c4866a1a}.landing__feature-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md)}.landing__feature-num{position:absolute;top:var(--space-xl);right:var(--space-xl);font-size:.7rem;color:var(--clr-text-faint);letter-spacing:.05em}.landing__feature-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:var(--space-sm);letter-spacing:-.01em}.landing__feature-card p{font-size:.9rem;color:var(--clr-text-muted);line-height:1.65}.landing__roadmap{padding:var(--space-3xl) 0;border-top:1px solid var(--clr-border)}.landing__roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.landing__roadmap-phase{padding:var(--space-xl);border:1px solid var(--clr-border);border-radius:var(--radius-lg);transition:all var(--duration-slow) var(--ease-out)}.landing__roadmap-phase--active{border-color:#c9920a59;background:var(--clr-accent-glow)}.landing__roadmap-phase:hover{border-color:var(--clr-border-light)}.landing__roadmap-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-accent);margin-bottom:var(--space-md)}.landing__roadmap-phase h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:var(--space-sm);letter-spacing:-.01em}.landing__roadmap-phase p{font-size:.85rem;color:var(--clr-text-muted);line-height:1.65}.landing__final-cta{padding:var(--space-3xl) var(--space-xl);text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--clr-border)}.landing__final-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;opacity:.08}.landing__final-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-xl);position:relative;z-index:1;line-height:1.15}.landing__final-note{margin-top:var(--space-lg);font-size:.85rem;color:var(--clr-text-faint);position:relative;z-index:1}.landing__footer{padding:var(--space-xl);border-top:1px solid var(--clr-border);display:flex;align-items:center;justify-content:space-between}.landing__footer p{font-size:.8rem;color:var(--clr-text-faint)}@media (max-width: 1024px){.landing__features-grid,.landing__roadmap-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.landing__nav{padding:0 var(--space-md)}.landing__hero{flex-direction:column;padding:100px var(--space-md) var(--space-2xl);text-align:center;min-height:auto}.landing__subheadline{margin-left:auto;margin-right:auto}.landing__hero-actions{justify-content:center;flex-wrap:wrap}.landing__factors{justify-content:center}.landing__phone-mockup{order:-1}.landing__features-grid,.landing__roadmap-grid{grid-template-columns:1fr}.landing__footer{flex-direction:column;gap:var(--space-md);text-align:center}}.closet-page{padding:var(--space-xl) 0}.closet-page__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl)}.closet-page__title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.closet-page__subtitle{font-size:.875rem;color:var(--clr-text-muted)}.closet-page__add-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 20px;background:var(--clr-accent);color:#0c0c0b;font-family:var(--font-body);font-weight:500;font-size:.875rem;border-radius:var(--radius-full);transition:all var(--duration-base) var(--ease-out);cursor:pointer;border:none}.closet-page__add-btn:hover{background:#f0d68a;transform:translateY(-1px)}.closet-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.closet-stat{text-align:center}.closet-stat__num{display:block;font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--clr-accent);letter-spacing:-.02em}.closet-stat__label{font-size:.75rem;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em}.closet-page__filters{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.closet-page__search{display:flex;align-items:center;gap:var(--space-sm);padding:10px 16px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-full);color:var(--clr-text-muted);min-width:220px;transition:border-color var(--duration-base)}.closet-page__search:focus-within{border-color:var(--clr-border-light)}.closet-page__search input{background:none;border:none;outline:none;font-family:var(--font-body);font-size:.875rem;color:var(--clr-text);width:100%}.closet-page__search input::placeholder{color:var(--clr-text-faint)}.closet-page__categories{display:flex;gap:var(--space-xs);flex-wrap:wrap;flex:1}.closet-page__cat-btn{padding:8px 16px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--clr-text-muted);background:none;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.closet-page__cat-btn:hover{border-color:var(--clr-border-light);color:var(--clr-text)}.closet-page__cat-btn--active{background:var(--clr-accent-glow);border-color:#e8c97a4d;color:var(--clr-accent)}.closet-page__view-toggle{display:flex;border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden}.closet-page__view-toggle button{padding:10px 14px;color:var(--clr-text-muted);cursor:pointer;transition:all var(--duration-base);border:none;background:none}.closet-page__view-toggle button.active{background:var(--clr-surface-2);color:var(--clr-accent)}.closet-grid--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.closet-grid--list{display:flex;flex-direction:column;gap:var(--space-sm)}.closet-item{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-base) var(--ease-out);cursor:pointer}.closet-item:hover{border-color:var(--clr-border-light);transform:translateY(-2px)}.closet-item__swatch{height:140px;position:relative}.closet-item__delete{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border:none;transition:background var(--duration-fast)}.closet-item__delete:hover{background:#c44}.closet-item__info{padding:var(--space-md)}.closet-item__name{font-size:.875rem;font-weight:400;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.closet-item__meta{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.closet-item__brand{font-size:.75rem;color:var(--clr-text-muted)}.closet-item__worn{font-size:.7rem;color:var(--clr-text-faint)}.closet-item__tags{display:flex;gap:4px;flex-wrap:wrap}.closet-item__tag{padding:2px 8px;background:var(--clr-surface-2);border-radius:var(--radius-full);font-size:.65rem;color:var(--clr-text-muted);letter-spacing:.03em}.closet-grid--list .closet-item{display:flex;align-items:center;gap:var(--space-md)}.closet-grid--list .closet-item__swatch{width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-md)}.closet-grid--list .closet-item__info{flex:1;padding:var(--space-md) var(--space-md) var(--space-md) 0}.closet-empty{text-align:center;padding:var(--space-3xl) 0}.closet-empty__icon{font-size:3rem;margin-bottom:var(--space-md)}.closet-empty h3{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--space-sm)}.closet-empty p{color:var(--clr-text-muted);margin-bottom:var(--space-lg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md)}.modal{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-xl);width:100%;max-width:480px}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.modal__header h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.modal__close{color:var(--clr-text-muted);cursor:pointer;transition:color var(--duration-fast);border:none;background:none}.modal__close:hover{color:var(--clr-text)}.upload-zone{border:2px dashed var(--clr-border);border-radius:var(--radius-md);padding:var(--space-2xl) var(--space-xl);text-align:center;cursor:pointer;transition:all var(--duration-base);color:var(--clr-text-muted);margin-bottom:var(--space-xl)}.upload-zone--active{border-color:var(--clr-accent);background:var(--clr-accent-glow)}.upload-zone svg{margin:0 auto var(--space-md);color:var(--clr-text-faint)}.upload-zone p{font-size:.9rem;margin-bottom:4px}.upload-zone span{font-size:.75rem;color:var(--clr-text-faint)}.upload-zone__link{color:var(--clr-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.modal__fields{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}.modal__field{display:flex;flex-direction:column;gap:6px}.modal__field label{font-size:.8rem;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em}.modal__input{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:10px 14px;color:var(--clr-text);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color var(--duration-base)}.modal__input:focus{border-color:var(--clr-border-light)}.modal__tip{padding:var(--space-md);background:var(--clr-accent-glow);border:1px solid rgba(232,201,122,.15);border-radius:var(--radius-md);font-size:.8rem;color:var(--clr-text-muted);margin-bottom:var(--space-xl)}.modal__submit{width:100%;padding:14px;background:var(--clr-accent);color:#0c0c0b;font-family:var(--font-body);font-weight:500;font-size:.9rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-base) var(--ease-out);border:none}.modal__submit:hover{background:#f0d68a}@media (max-width: 768px){.closet-stats,.closet-grid--grid{grid-template-columns:repeat(2,1fr)}}.outfit-page{padding:var(--space-xl) 0}.outfit-page__header{margin-bottom:var(--space-xl)}.outfit-page__title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.outfit-page__subtitle{font-size:.95rem;color:var(--clr-text-muted)}.outfit-layout{display:grid;grid-template-columns:380px 1fr;gap:var(--space-xl);align-items:start}.outfit-context{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xl);position:sticky;top:80px}.context-section__label{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-text-muted);margin-bottom:var(--space-md)}.context-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.context-pill{padding:7px 14px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--clr-text-muted);background:none;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.context-pill:hover{border-color:var(--clr-border-light);color:var(--clr-text)}.context-pill--active{background:var(--clr-accent-glow);border-color:#e8c97a4d;color:var(--clr-accent)}.generate-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:14px;background:var(--clr-accent);color:#0c0c0b;font-family:var(--font-body);font-weight:500;font-size:.95rem;border-radius:var(--radius-full);cursor:pointer;border:none;transition:all var(--duration-base) var(--ease-out)}.generate-btn:hover:not(.generate-btn--disabled){background:#f0d68a;transform:translateY(-1px);box-shadow:0 8px 32px #e8c97a40}.generate-btn--disabled{opacity:.4;cursor:not-allowed}.generate-hint{text-align:center;font-size:.75rem;color:var(--clr-text-faint);margin-top:-var(--space-md)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.outfit-result{min-height:400px;display:flex;flex-direction:column}.outfit-empty{text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--clr-surface);border:1px dashed var(--clr-border);border-radius:var(--radius-lg);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.outfit-empty__icon{font-size:2.5rem;margin-bottom:var(--space-md)}.outfit-empty h3{font-family:var(--font-display);font-size:1.4rem;margin-bottom:var(--space-sm)}.outfit-empty p{font-size:.9rem;color:var(--clr-text-muted);max-width:300px}.outfit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);gap:var(--space-lg)}.outfit-loading__dots{display:flex;gap:8px}.outfit-loading__dots span{width:8px;height:8px;background:var(--clr-accent);border-radius:50%;animation:bounce 1.2s ease-in-out infinite}.outfit-loading__dots span:nth-child(2){animation-delay:.2s}.outfit-loading__dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.outfit-loading p{font-size:.875rem;color:var(--clr-text-muted)}.outfit-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;animation:slideUp .4s var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.outfit-card__top{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--clr-border)}.outfit-card__name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.outfit-card__vibe{font-size:.8rem;color:var(--clr-text-muted)}.outfit-card__score{text-align:center;background:var(--clr-accent-glow);border:1px solid rgba(232,201,122,.2);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.outfit-card__score-num{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--clr-accent);line-height:1}.outfit-card__score-label{font-size:.65rem;color:var(--clr-text-faint);text-transform:uppercase;letter-spacing:.08em}.outfit-visual{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);border-bottom:1px solid var(--clr-border)}.outfit-visual__item{display:flex;align-items:center;gap:var(--space-md)}.outfit-visual__swatch{width:56px;height:56px;border-radius:var(--radius-md);border:1px solid var(--clr-border);flex-shrink:0}.outfit-visual__details{display:flex;flex-direction:column;gap:2px}.outfit-visual__layer{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-text-faint)}.outfit-visual__name{font-size:.9rem;color:var(--clr-text)}.outfit-visual__brand{font-size:.75rem;color:var(--clr-text-muted)}.outfit-tip{padding:var(--space-xl);border-bottom:1px solid var(--clr-border);background:var(--clr-surface-2)}.outfit-tip__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-accent);margin-bottom:var(--space-sm)}.outfit-tip p{font-size:.875rem;color:var(--clr-text-muted);line-height:1.65;font-style:italic}.outfit-gap{padding:var(--space-xl);border-bottom:1px solid var(--clr-border)}.outfit-gap__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-text-muted);margin-bottom:var(--space-md)}.outfit-gap__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--clr-surface-2);border-radius:var(--radius-md)}.outfit-gap__item-name{font-size:.875rem;margin-bottom:2px}.outfit-gap__item-reason{font-size:.75rem;color:var(--clr-text-muted)}.outfit-gap__shop-btn{padding:8px 16px;background:var(--clr-accent);color:#0c0c0b;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--duration-base);border:none}.outfit-gap__shop-btn:hover{background:#f0d68a}.outfit-card__actions{display:flex;gap:var(--space-md);padding:var(--space-xl)}.outfit-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.875rem;color:var(--clr-text-muted);background:none;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.outfit-action-btn:hover{border-color:var(--clr-border-light);color:var(--clr-text)}.outfit-action-btn--saved{border-color:#e8c97a4d;color:var(--clr-accent);background:var(--clr-accent-glow)}@media (max-width: 1024px){.outfit-layout{grid-template-columns:1fr}.outfit-context{position:static}}.marketplace-page{padding:var(--space-xl) 0}.marketplace-page__header{margin-bottom:var(--space-xl)}.marketplace-page__title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.marketplace-page__subtitle{font-size:.95rem;color:var(--clr-text-muted)}.marketplace-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:1px solid var(--clr-border);padding-bottom:0}.marketplace-tab{display:flex;align-items:center;gap:var(--space-sm);padding:12px 20px;font-size:.9rem;color:var(--clr-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--duration-base);margin-bottom:-1px}.marketplace-tab:hover{color:var(--clr-text)}.marketplace-tab--active{color:var(--clr-accent);border-bottom-color:var(--clr-accent)}.marketplace-tab__badge{padding:2px 8px;background:var(--clr-accent-glow);border:1px solid rgba(232,201,122,.2);border-radius:var(--radius-full);font-size:.65rem;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em}.marketplace-search{display:flex;align-items:center;gap:var(--space-sm);padding:12px 16px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-full);color:var(--clr-text-muted);margin-bottom:var(--space-xl);transition:border-color var(--duration-base)}.marketplace-search:focus-within{border-color:var(--clr-border-light)}.marketplace-search input{flex:1;background:none;border:none;outline:none;font-family:var(--font-body);font-size:.875rem;color:var(--clr-text)}.marketplace-search input::placeholder{color:var(--clr-text-faint)}.marketplace-filter-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--clr-text-muted);background:none;cursor:pointer;transition:all var(--duration-base)}.marketplace-filter-btn:hover{border-color:var(--clr-border-light);color:var(--clr-text)}.marketplace-ai-banner{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--clr-accent-glow);border:1px solid rgba(232,201,122,.15);border-radius:var(--radius-md);font-size:.875rem;color:var(--clr-text-muted);margin-bottom:var(--space-xl)}.marketplace-ai-banner svg{color:var(--clr-accent);flex-shrink:0}.marketplace-ai-banner.community svg{color:var(--clr-accent-3)}.marketplace-ai-banner strong{color:var(--clr-text)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.shop-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-base) var(--ease-out)}.shop-card:hover{border-color:var(--clr-border-light);transform:translateY(-3px)}.shop-card__img{height:180px;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--space-sm)}.shop-card__like{width:32px;height:32px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;border:none;transition:all var(--duration-base)}.shop-card__like--active{color:#e05a5a;background:#0009}.shop-card__body{padding:var(--space-md)}.shop-card__match{font-size:.72rem;color:var(--clr-accent);margin-bottom:var(--space-xs);font-style:italic}.shop-card__name{font-size:.9rem;margin-bottom:4px}.shop-card__brand{font-size:.75rem;color:var(--clr-text-muted);margin-bottom:var(--space-md)}.shop-card__footer{display:flex;align-items:center;justify-content:space-between}.shop-card__price{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--clr-text)}.shop-card__btn{display:flex;align-items:center;gap:4px;padding:8px 14px;background:var(--clr-accent);color:#0c0c0b;border-radius:var(--radius-full);font-size:.78rem;font-weight:500;cursor:pointer;border:none;transition:all var(--duration-base)}.shop-card__btn:hover{background:#f0d68a}.garage-condition{padding:4px 10px;background:#0009;border-radius:var(--radius-full);font-size:.7rem;color:#fff}.garage-original{display:block;font-size:.7rem;color:var(--clr-text-faint);text-decoration:line-through}.garage-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-xl)}.garage-header .marketplace-ai-banner{flex:1;margin-bottom:0}.garage-list-btn{padding:12px 20px;background:var(--clr-accent);color:#0c0c0b;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;border:none;transition:all var(--duration-base)}.garage-list-btn:hover{background:#f0d68a}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.community-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--duration-base) var(--ease-out)}.community-card:hover{border-color:var(--clr-border-light)}.community-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.community-card__avatar{width:36px;height:36px;border-radius:50%;background:var(--clr-accent-glow);border:1px solid rgba(232,201,122,.2);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--clr-accent);flex-shrink:0}.community-card__user{font-size:.875rem;font-weight:500}.community-card__distance{font-size:.75rem;color:var(--clr-text-muted)}.community-card__badge{margin-left:auto;padding:4px 10px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.75rem;color:var(--clr-text-muted)}.community-card__badge--free{border-color:#7a9e874d;background:#7a9e871a;color:var(--clr-accent-3)}.community-card__name{font-size:1rem;margin-bottom:var(--space-sm)}.community-card__meta{display:flex;gap:var(--space-sm);font-size:.8rem;color:var(--clr-text-muted);margin-bottom:var(--space-md)}.community-card__condition--like-new{color:var(--clr-accent-3)}.community-card__condition--good{color:var(--clr-accent)}.community-card__btn{width:100%;padding:10px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--clr-text-muted);background:none;cursor:pointer;transition:all var(--duration-base)}.community-card__btn:hover{border-color:var(--clr-accent);color:var(--clr-accent)}@media (max-width: 768px){.shop-grid,.community-grid{grid-template-columns:repeat(2,1fr)}.garage-header{flex-direction:column}}@media (max-width: 480px){.shop-grid,.community-grid{grid-template-columns:1fr}}.profile-page{padding:var(--space-xl) 0}.profile-header{display:flex;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--clr-border)}.profile-avatar{position:relative;flex-shrink:0}.profile-avatar__img{width:80px;height:80px;border-radius:50%;background:var(--clr-accent-glow);border:2px solid rgba(232,201,122,.3);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:2rem;color:var(--clr-accent)}.profile-avatar__edit{position:absolute;bottom:0;right:0;width:26px;height:26px;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--clr-text-muted);cursor:pointer;transition:all var(--duration-base)}.profile-avatar__edit:hover{color:var(--clr-text);border-color:var(--clr-border-light)}.profile-info{flex:1}.profile-name{font-family:var(--font-display);font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.profile-location{font-size:.875rem;color:var(--clr-text-muted);margin-bottom:6px}.profile-bio{font-size:.875rem;color:var(--clr-text-muted);font-style:italic}.profile-edit-btn{display:flex;align-items:center;gap:var(--space-sm);padding:10px 18px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.875rem;color:var(--clr-text-muted);background:none;cursor:pointer;transition:all var(--duration-base)}.profile-edit-btn:hover{border-color:var(--clr-border-light);color:var(--clr-text)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.profile-stat__icon{color:var(--clr-text-faint)}.profile-stat__num{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--clr-accent);letter-spacing:-.02em;line-height:1}.profile-stat__label{font-size:.72rem;color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.06em}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.profile-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.profile-card--wide{grid-column:1 / -1}.profile-card__title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--clr-text-muted);margin-bottom:var(--space-md)}.profile-card__hint{font-size:.75rem;color:var(--clr-text-faint);margin-top:var(--space-sm);font-style:italic}.profile-style-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.profile-style-pill{padding:8px 16px;border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:.85rem;color:var(--clr-text-muted);background:none;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.profile-style-pill:hover{border-color:var(--clr-border-light);color:var(--clr-text)}.profile-style-pill--active{background:var(--clr-accent-glow);border-color:#e8c97a4d;color:var(--clr-accent)}.profile-sizes{display:flex;gap:var(--space-md)}.profile-size{flex:1;text-align:center;padding:var(--space-md);background:var(--clr-surface-2);border-radius:var(--radius-md);border:1px solid var(--clr-border)}.profile-size__label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-text-faint);margin-bottom:4px}.profile-size__val{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--clr-text)}.profile-looks{display:flex;gap:var(--space-md);flex-wrap:wrap}.profile-look{flex:1;min-width:160px;background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.profile-look:hover{border-color:var(--clr-border-light)}.profile-look__swatches{display:flex;gap:4px;margin-bottom:var(--space-sm)}.profile-look__swatch{width:24px;height:24px;border-radius:6px}.profile-look__name{font-size:.85rem;margin-bottom:2px}.profile-look__meta{font-size:.72rem;color:var(--clr-text-faint)}.profile-look--add{border-style:dashed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);text-align:center;background:none;color:var(--clr-text-muted)}.profile-look__plus{font-size:1.5rem;color:var(--clr-text-faint)}.profile-health{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-health__item{display:flex;flex-direction:column;gap:8px}.profile-health__label{font-size:.8rem;color:var(--clr-text-muted)}.profile-health__bar{height:6px;background:var(--clr-surface-2);border-radius:var(--radius-full);overflow:hidden}.profile-health__fill{height:100%;background:var(--clr-accent);border-radius:var(--radius-full);transition:width 1s var(--ease-out)}.profile-health__fill--sage{background:var(--clr-accent-3)}.profile-health__fill--terracotta{background:var(--clr-accent-2)}.profile-health__item span{font-size:.75rem;color:var(--clr-text-faint)}@media (max-width: 768px){.profile-header{flex-wrap:wrap}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}.profile-card--wide{grid-column:auto}}