:root{--bg-canvas: #f8f6f1;--bg-warm: #f2ede4;--bg-surface: #ffffff;--bg-surface-soft: #fbfaf7;--bg-surface-muted: #ece8df;--text-primary: #171717;--text-secondary: #6b6b6b;--text-tertiary: #9a9a9a;--accent-primary: #111111;--success: #2f7d4a;--warning: #a66a00;--danger: #b42318;--info: #2e5aac;--border-soft: rgba(17, 17, 17, .08);--font-main: -apple-system, BlinkMacSystemFont, "SF Pro Display", Inter, Roboto, sans-serif;--shadow-card: 0 12px 32px rgba(16, 16, 16, .06);--shadow-hero: 0 18px 48px rgba(16, 16, 16, .1)}@media(prefers-color-scheme:dark){:root{--bg-canvas: #101010;--bg-warm: #161616;--bg-surface: #1a1a1a;--bg-surface-soft: #222222;--bg-surface-muted: #2a2a2a;--text-primary: #f5f5f5;--text-secondary: #b6b6b6;--text-tertiary: #7e7e7e;--accent-primary: #ffffff;--border-soft: rgba(255, 255, 255, .1);--shadow-card: 0 0 0 1px rgba(255, 255, 255, .1);--shadow-hero: 0 0 0 1px rgba(255, 255, 255, .14)}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(160deg,rgba(46,90,172,.1),transparent 28%),linear-gradient(20deg,rgba(47,125,74,.1),transparent 30%),var(--bg-canvas);color:var(--text-primary);font-family:var(--font-main)}button{border:0;font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh;max-width:520px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 18px) 16px calc(env(safe-area-inset-bottom) + 104px)}.screen-stack{display:grid;gap:16px;animation:enter .22s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topline,.compact-header,.hero-head,.section-head,.garment-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}.topline h1,.compact-header h1{margin:4px 0 0;font-size:32px;line-height:38px;font-weight:650}.compact-header h1{font-size:24px;line-height:30px}.eyebrow{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.round-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border-soft);border-radius:50%;background:color-mix(in srgb,var(--bg-surface) 82%,transparent)}.round-button.active,.chip-row button.active,.mode-grid button.active,.scenario.active,.smart-card.active{background:var(--accent-primary);color:var(--bg-surface)}.weather-card,.hero-outfit,.health-card,.upload-card,.smart-card,.style-dna,.favorite-look,.garment-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-card)}.weather-card{display:flex;gap:12px;align-items:center;border-radius:24px;padding:14px 16px;background:var(--accent-primary);color:var(--bg-surface);box-shadow:var(--shadow-hero)}.weather-card span{display:block;margin-top:2px;color:color-mix(in srgb,var(--bg-surface) 64%,transparent);font-size:12px}.hero-outfit{border-radius:34px;padding:16px;box-shadow:var(--shadow-hero)}.hero-outfit h2,.favorite-look h2,.style-dna h2,.health-card h2,.upload-card h2{margin:4px 0 0;font-size:24px;line-height:30px;font-weight:650}.score-badge{display:grid;place-items:center;min-width:58px;min-height:42px;border-radius:999px;background:color-mix(in srgb,var(--success) 14%,var(--bg-surface));color:var(--success);font-size:13px;font-weight:800}.score-badge small{font-size:10px;font-weight:700}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.mini-item{border:1px solid var(--border-soft);border-radius:20px;padding:6px;background:var(--bg-surface-soft)}.mini-item div,.look-collage span{display:block;aspect-ratio:4 / 5;border-radius:16px}.swatch-denim{background:linear-gradient(145deg,#29384c,#071021)}.swatch-white{background:linear-gradient(145deg,#fff,#d9dde6)}.swatch-black{background:linear-gradient(145deg,#030303,#444)}.swatch-brown{background:linear-gradient(145deg,#4b2814,#18110e)}.reasoning{border-radius:24px;padding:14px;background:var(--bg-warm)}.reasoning p,.health-card p,.upload-card p,.smart-card p,.favorite-look p{margin:5px 0 0;color:var(--text-secondary);font-size:14px;line-height:20px}.action-row{display:grid;gap:8px;margin-top:14px}.action-row.three{grid-template-columns:1.2fr 1fr 1fr}.action-row.two{grid-template-columns:1fr 1fr}.action-row button,.chip-row button,.mode-grid button,.tabs button,.section-head button,.wide-primary{min-height:40px;border-radius:16px;background:var(--bg-surface-muted);font-size:13px;font-weight:750}.action-row .primary,.upload-card .primary,.wide-primary{background:var(--accent-primary);color:var(--bg-surface)}.wide-primary{width:100%;min-height:50px}.section-head h2{margin:0;font-size:20px;line-height:26px}.section-head button{min-height:32px;padding:0 12px;color:var(--text-secondary)}.scenario-grid,.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scenario,.smart-card{border:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg-surface) 78%,transparent)}.scenario{display:grid;color:var(--text-primary);text-align:left;gap:6px;min-height:112px;border-radius:24px;padding:15px}.scenario span{color:var(--text-secondary);font-size:12px}.chip-row,.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.chip-row button,.tabs button{flex:0 0 auto;min-height:32px;padding:0 14px;border-radius:999px}.tabs .active,.chip-row .active{background:var(--accent-primary);color:var(--bg-surface)}.search-input{width:100%;min-height:46px;border:1px solid var(--border-soft);border-radius:18px;padding:0 14px;background:var(--bg-surface);color:var(--text-primary);font:inherit;outline:none}.health-card,.style-dna{border-radius:24px;padding:16px}.garment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.garment-card{position:relative;min-width:0;border-radius:26px;padding:8px}.garment-card[role=button]{cursor:pointer}.garment-card.selected{outline:2px solid var(--success);outline-offset:2px}.garment-image{position:relative;aspect-ratio:4 / 5;border-radius:20px}.select-check{position:absolute;top:8px;right:8px;display:grid;width:26px;height:26px;place-items:center;border-radius:999px;padding:4px;background:var(--bg-surface);color:var(--success)}.garment-meta{align-items:flex-start;margin-top:9px}.garment-meta h3{display:-webkit-box;margin:0;overflow:hidden;font-size:15px;line-height:19px;font-weight:750;-webkit-box-orient:vertical;-webkit-line-clamp:2}.garment-meta p{margin:3px 0 0;color:var(--text-secondary);font-size:12px}.garment-meta span{color:var(--text-tertiary);font-size:11px}.badge,.provenance{display:inline-grid;place-items:center;min-height:24px;border-radius:999px;padding:0 8px;font-size:10px;font-weight:800}.badge.success{color:var(--success);background:color-mix(in srgb,var(--success) 14%,var(--bg-surface))}.badge.warning,.badge.orange{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,var(--bg-surface))}.badge.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,var(--bg-surface))}.provenance{margin-top:8px;color:var(--info);background:color-mix(in srgb,var(--info) 12%,var(--bg-surface))}.upload-card{display:grid;justify-items:center;gap:10px;min-height:290px;align-content:center;border-radius:32px;padding:22px;text-align:center}.upload-card .primary{width:100%;height:52px;border-radius:16px;font-weight:800}.file-input{display:none}.mode-grid{grid-template-columns:repeat(3,1fr)}.smart-card{display:grid;grid-template-columns:24px 1fr 18px;align-items:center;gap:12px;min-height:76px;border-radius:20px;padding:14px}.smart-card[role=button]{cursor:pointer}.smart-card h3{margin:0;font-size:15px}.designer-list{display:grid;gap:10px}.dna-bars{display:grid;gap:7px;margin-top:14px}.dna-bars span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--success),var(--info))}.favorite-look{display:grid;gap:14px;border-radius:28px;padding:16px}.processing-card{display:grid;gap:12px;border:1px solid var(--border-soft);border-radius:24px;padding:16px;background:var(--bg-surface);box-shadow:var(--shadow-card)}.processing-card p{margin:0;color:var(--text-secondary);font-size:13px}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-head span{color:var(--success);font-size:12px;font-weight:800}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:var(--bg-surface-muted)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--info));transition:width .18s ease}.toast{position:fixed;right:max(16px,calc((100vw - 520px)/2 + 16px));bottom:calc(94px + env(safe-area-inset-bottom));left:max(16px,calc((100vw - 520px)/2 + 16px));z-index:10;border:1px solid var(--border-soft);border-radius:18px;padding:13px 14px;background:color-mix(in srgb,var(--bg-surface) 92%,transparent);box-shadow:var(--shadow-hero);color:var(--text-primary);font-size:13px;font-weight:750;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.toast.success{color:var(--success)}.toast.error{color:var(--danger)}.toast.warning{color:var(--warning)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.look-collage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bottom-nav{position:fixed;right:max(12px,calc((100vw - 520px)/2 + 12px));bottom:0;left:max(12px,calc((100vw - 520px)/2 + 12px));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;height:calc(84px + env(safe-area-inset-bottom));padding:10px 8px calc(12px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--border-soft) 70%,transparent);border-bottom:0;border-radius:24px 24px 0 0;background:color-mix(in srgb,var(--bg-surface) 86%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.nav-item{display:grid;gap:3px;place-items:center;border-radius:18px;background:transparent;color:var(--text-secondary);font-size:10px;font-weight:800}.nav-item.active{background:var(--accent-primary);color:var(--bg-surface)}@media(max-width:360px){.app-shell{padding-inline:12px}.topline h1{font-size:28px;line-height:34px}.action-row.three{grid-template-columns:1fr}}