@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap";:root{--background:#f9f9f7;--surface:#fff;--primary:#134235;--text-strong:#1a1c1c;--text-soft:#5e6662;--heading:"Manrope", sans-serif;--body:"Inter", sans-serif;font:16px/1.5 var(--body);color:var(--text-soft);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-height:100vh;margin:0}body,button,input,select{font-family:var(--body)}img{max-width:100%;display:block}h1,h2,h3,h4,strong{font-family:var(--heading)}p{margin:0}#root{width:100%}:root{--bg:#f6efe6;--bg-deep:#e9dcc8;--surface:#fffaf4e0;--surface-strong:#fffaf4;--surface-soft:#ffffffad;--line:#4a352024;--text:#22170f;--muted:#6f6258;--accent:#ab5532;--accent-deep:#8f4223;--accent-soft:#f2d4bf;--success:#335b45;--warning:#b86a2d;--shadow:0 24px 70px #301d0f14}body{color:var(--text);background:radial-gradient(circle at top left, #ffe0bbeb, transparent 24%), radial-gradient(circle at 85% 12%, #d29f7838, transparent 20%), linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%)}.app-shell{width:min(1240px,100% - 28px);margin:0 auto;padding:22px 0 44px}.hero-panel,.panel,.metric-card,.promise-card,.journey-card,.upload-card,.item-card,.recommendation-card,.empty-state-card,.tab-button,.mood-card,.featured-look-card,.insight-card,.advice-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel,.panel,.featured-look-card,.feature-visual-card,.auth-panel,.auth-promo-panel{border-radius:32px}.hero-panel{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:18px;padding:22px;display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#ab553242,#0000 68%);border-radius:999px;width:260px;height:260px;position:absolute;inset:auto -80px -90px auto}.hero-copy-block,.section-heading,.auth-form,.weather-grid,.upload-card,.color-picker-block,.item-copy,.slot-list,.reason-list,.feature-visual-card,.promise-grid,.metric-grid,.insight-card,.advice-card,.tag-row,.recommendation-layout,.recommendation-column,.visual-stack,.auth-layout,.simple-list,.journey-grid,.insight-grid,.advice-grid{gap:14px;display:grid}.eyebrow,.feature-chip{width:fit-content;color:var(--accent-deep);letter-spacing:.16em;text-transform:uppercase;background:#ab55321a;border-radius:999px;align-items:center;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.hero-copy-block h1,.section-heading h2,.upload-card-head h3,.group-head h3,.recommendation-top h3,.feature-visual-card h2,.auth-promo-panel h2,.auth-panel h2,.featured-look-card h3,.insight-top h3,.advice-card h3,.marketing-strip h2,.mood-card h3{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif}.hero-copy-block h1{max-width:11ch;font-size:clamp(38px,5.8vw,72px);line-height:.94}.hero-copy-block p,.section-heading p,.metric-card span,.upload-card-head span,.item-copy span,.reason-list p,.selected-color,.range-value,.signed-in-box p,.empty-state-card,.tab-button,.promise-card span,.journey-card p,.advice-card p,.mood-card p,.featured-look-card p,.recommendation-narrative,.insight-card p,.insight-meta,.simple-list li,.visual-note span{color:var(--muted)}.hero-actions,.button-row,.signed-in-box,.recommendation-top,.group-head,.insight-top,.insight-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-actions,.button-row,.tag-row{flex-wrap:wrap}.hero-side,.weather-column,.recommendation-wardrobe-grid,.recommendation-slot-grid{gap:16px;display:grid}.feature-visual-card{background:linear-gradient(145deg, #fff4e9eb, #f4e0cdd6), var(--surface);padding:22px}.feature-visual-card p,.auth-promo-panel p,.auth-panel p,.marketing-strip p{margin:0;line-height:1.65}.visual-stack{min-height:280px;margin-top:8px;position:relative}.visual-photo{background-position:50%;background-size:cover;border:1px solid #4a352024;border-radius:28px;box-shadow:0 18px 48px #301d0f1f}.visual-photo-main{background-image:linear-gradient(#22170f14,#22170f3d),url(https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=900&q=80);min-height:240px}.visual-photo-side{background-image:linear-gradient(#22170f0f,#22170f33),url(https://images.unsplash.com/photo-1483985988355-763728e1935b?auto=format&fit=crop&w=800&q=80);width:46%;min-height:150px;position:absolute;bottom:16px;right:0}.visual-note{background:#fffaf4eb;border:1px solid #4a35201f;border-radius:20px;max-width:240px;padding:16px;position:absolute;bottom:18px;left:18px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.promise-card,.journey-card,.mood-card,.insight-card,.advice-card{border-radius:22px;padding:16px}.metric-card strong,.insight-top strong{font-size:30px;line-height:1;display:block}.status-card span{line-height:1.6}.promise-grid,.journey-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.promise-card,.journey-card{background:var(--surface-soft)}.marketing-strip{margin-top:16px;padding:18px}.page-tabs{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.tab-button{cursor:pointer;font:inherit;border-radius:999px;padding:10px 15px;font-size:14px}.tab-button.active{background:var(--accent);color:#fffaf4}.page-block{margin-top:18px}.panel{padding:20px}.auth-layout,.recommendation-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.auth-panel,.auth-promo-panel{padding:24px}.auth-promo-panel{background:linear-gradient(135deg, #fff2e7eb, #efdcc9d6), var(--surface)}.simple-list{margin:0;padding-left:20px}.auth-form label,.weather-grid label,.upload-card label{gap:8px;font-weight:600;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#fffdf9;border-radius:14px;padding:13px 14px}input[type=range]{padding:0}.primary-button,.secondary-button{font:inherit;cursor:pointer;border-radius:999px;padding:13px 18px;font-weight:700}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fffaf4;border:0}.secondary-button{border:1px solid var(--line);color:var(--text);background:#ffffffb8}.primary-button:disabled{opacity:.45;cursor:not-allowed}.signed-in-box{border:1px solid var(--line);background:#ffffff94;border-radius:24px;padding:18px}.dashboard-panel,.recommendation-panel{gap:16px;display:grid}.dashboard-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.insight-grid,.wardrobe-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.insight-card.warning{background:linear-gradient(135deg,#ffeee0f5,#fff7f1e0)}.progress-rail{background:#22170f14;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-rail span{background:linear-gradient(90deg, var(--accent), #dd9c74);border-radius:999px;height:100%;display:block}.advice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advice-card.soft,.mood-card.muted{background:linear-gradient(135deg,#f8f2ecf5,#ffffffbd)}.upload-card{border-radius:22px;padding:16px}.upload-card-head{gap:6px;display:grid}.field-label{color:var(--text);font-size:14px;font-weight:700}.subcategory-picker{gap:10px;display:grid}.subcategory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.subcategory-option{cursor:pointer;color:var(--text);text-align:left;background:#ffffffb8;border:1px solid #4a352024;border-radius:16px;gap:8px;padding:8px;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;display:grid}.subcategory-option:hover:not(:disabled){border-color:#ab55325c;transform:translateY(-1px)}.subcategory-option:disabled{opacity:.48;cursor:not-allowed}.subcategory-option.active{background:linear-gradient(#fff7f0f5,#ffffffd1);border-color:#ab5532b3;box-shadow:0 10px 24px #ab553229}.subcategory-photo{object-fit:contain;object-position:center;box-sizing:border-box;border-radius:12px;width:100%;height:108px;padding:6px}.subcategory-photo-tinted{position:relative;overflow:hidden}.subcategory-photo-fill,.subcategory-photo-detail{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px;position:absolute;inset:6px}.subcategory-photo-fill{-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.subcategory-photo-detail{opacity:.34;mix-blend-mode:multiply}.subcategory-photo-tshirt-short .subcategory-photo-fill{opacity:1}.subcategory-photo-tshirt-short .subcategory-photo-detail{opacity:.12}.subcategory-option span{font-size:12px;font-weight:700;line-height:1.35}.color-palette{grid-template-columns:repeat(11,24px);align-items:center;gap:8px;display:grid}.color-swatch{cursor:pointer;border:1px solid #0000001f;border-radius:999px;width:24px;height:24px;padding:0}.wardrobe-group{gap:10px;display:grid}.item-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;display:grid}.item-card{border-radius:18px;overflow:hidden}.item-card img{object-fit:cover;object-position:center;width:100%;height:clamp(148px,18vw,190px)}.item-copy{padding:10px}.item-copy strong{font-size:17px}.recommendation-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:start}.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-row{display:flex}.tag-chip,.score-badge{width:fit-content;color:var(--accent-deep);background:#ab55321f;border-radius:999px;padding:8px 12px;font-weight:700;display:inline-flex}.featured-look-card{background:linear-gradient(145deg, #fff5ebf5, #f5e0cdd1), var(--surface);padding:22px}.recommendation-list,.wardrobe-preview-card,.recommendation-wardrobe-grid,.recommendation-slot-grid{gap:14px;display:grid}.weather-apply-button{justify-content:center;width:100%}.wardrobe-preview-card{gap:16px}.recommendation-wardrobe-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.recommendation-wardrobe-item,.recommendation-slot-card{background:#ffffffad;border:1px solid #4a35201a;border-radius:18px;gap:8px;padding:12px;display:grid}.recommendation-wardrobe-item img,.recommendation-slot-card img{object-fit:contain;object-position:center;background:linear-gradient(#fffcf8f5,#f2e8dfb8);border-radius:14px;width:100%;height:128px}.recommendation-wardrobe-item strong,.recommendation-slot-card strong{font-size:13px;line-height:1.5}.recommendation-slot-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.recommendation-slot-card span{color:var(--accent-deep);font-size:12px;font-weight:800}.recommendation-card,.empty-state-card{border-radius:24px;padding:18px}.slot-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.recommendation-narrative{margin:0;line-height:1.7}.reason-list p{margin:0;padding-left:14px;line-height:1.6;position:relative}.reason-list p:before{content:"";background:var(--accent);border-radius:999px;width:6px;height:6px;position:absolute;top:10px;left:0}.empty-state-card{text-align:center;place-items:center;min-height:160px;display:grid}.wide-empty{min-height:120px}@media (width<=1100px){.hero-panel,.auth-layout,.recommendation-layout,.dashboard-heading,.insight-grid,.upload-grid,.wardrobe-groups,.advice-grid,.metric-grid,.promise-grid,.journey-grid,.weather-grid{grid-template-columns:1fr}.dashboard-heading{display:grid}.visual-photo-side{width:100%;min-height:180px;position:static}.visual-note{max-width:none;position:static}}@media (width<=720px){.app-shell{width:min(100% - 16px,1320px);padding:16px 0 28px}.hero-panel,.panel,.auth-panel,.auth-promo-panel{border-radius:22px;padding:16px}.hero-copy-block h1{font-size:clamp(30px,9vw,46px)}.upload-grid,.insight-grid,.wardrobe-groups,.advice-grid{grid-template-columns:1fr}.color-palette{grid-template-columns:repeat(6,24px)}.subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subcategory-option img{height:120px}.slot-list{grid-template-columns:1fr}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item-card{border-radius:16px}.item-card img{aspect-ratio:1/.78}.item-copy{padding:8px}.item-copy strong,.preview-copy strong{font-size:13px}.preview-card{gap:8px;padding:9px}.preview-card img{aspect-ratio:1/.78;border-radius:12px}}.preview-card{border:1px solid var(--line);background:#ffffffa3;border-radius:16px;gap:8px;padding:10px;display:grid}.preview-card img{aspect-ratio:1/.84;object-position:center;object-fit:cover;border-radius:14px;height:clamp(180px,22vw,228px)}.preview-copy{gap:3px;display:grid}.preview-copy strong{font-size:14px}