: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: #171a21;--bg-warm: #1c2028;--bg-surface: #21252f;--bg-surface-soft: #272c37;--bg-surface-muted: #303643;--text-primary: #eef1f6;--text-secondary: #aab3c0;--text-tertiary: #7f8794;--accent-primary: #e9edf4;--success: #58b97f;--warning: #d7a24a;--danger: #e2766b;--info: #7ba4e8;--border-soft: rgba(255, 255, 255, .09);--shadow-card: 0 0 0 1px rgba(255, 255, 255, .07);--shadow-hero: 0 0 0 1px rgba(255, 255, 255, .11)}}*{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);color:var(--text-primary)}.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;color:var(--text-primary);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:#111;color:#fff;box-shadow:var(--shadow-hero)}.weather-card>div{min-width:0;flex:1}.weather-card span{display:block;margin-top:2px;color:#ffffffc2;font-size:12px}.weather-card button{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-height:34px;border-radius:999px;padding:0 10px;background:#ffffff29;color:#fff;font-size:12px;font-weight:800}.weather-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.weather-metrics span{display:flex;align-items:center;gap:6px;min-height:42px;border:1px solid var(--border-soft);border-radius:16px;padding:8px;background:var(--bg-surface);color:var(--text-secondary);font-size:11px;line-height:14px}.scenario-chat,.designer-result,.designer-chat-panel,.tomorrow-card{display:grid;gap:12px;border:1px solid var(--border-soft);border-radius:24px;padding:14px;background:var(--bg-surface);box-shadow:var(--shadow-card)}.chat-head,.result-head{display:flex;align-items:center;gap:10px}.chat-head span{display:block;margin-top:2px;color:var(--text-secondary);font-size:12px}.scenario-chat textarea,.designer-chat-panel textarea{width:100%;min-height:86px;resize:vertical;border:1px solid var(--border-soft);border-radius:16px;padding:12px;background:var(--bg-surface-soft);color:var(--text-primary);font:inherit;line-height:20px;outline:none}.tomorrow-card strong{font-size:17px;line-height:22px}.tomorrow-card p{margin:0;color:var(--text-secondary);font-size:14px;line-height:20px}.preference-row{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:2px}.preference-row button{flex:0 0 auto;min-height:34px;border-radius:999px;padding:0 12px;background:var(--bg-surface-muted);color:var(--text-secondary);font-size:12px;font-weight:800}.preference-row button.active{background:var(--accent-primary);color:var(--bg-surface)}.chat-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:16px;background:#111;color:#fff;font-weight:850}.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}.mini-item img{display:block;width:100%;aspect-ratio:4 / 5;border-radius:16px;object-fit:cover}.chat-reply{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:12px;border-radius:16px;background:var(--bg-surface-muted)}.chat-reply p{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.favorite-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.favorite-actions{display:flex;align-items:center;gap:8px}.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;scrollbar-width:none}.chip-row::-webkit-scrollbar,.tabs::-webkit-scrollbar,.studio-garments::-webkit-scrollbar{display:none}.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}.health-list{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}.health-list li{color:var(--text-secondary);font-size:13px;line-height:18px}.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{display:grid;align-content:center;justify-items:center;gap:8px;position:relative;aspect-ratio:4 / 5;border-radius:20px;overflow:hidden}.garment-image:not(.product-photo):after{position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(0deg,rgba(0,0,0,.26),transparent);content:""}.garment-image.product-photo{background:#fff;border:1px solid rgba(17,17,17,.08)}.garment-image.product-photo img{width:100%;height:100%;padding:10px;object-fit:contain}.garment-image span{position:relative;z-index:1;max-width:88%;border-radius:999px;padding:4px 8px;background:#ffffff29;color:#ffffffe0;font-size:11px;font-weight:800;text-align:center}.garment-icon{position:relative;z-index:1;color:#ffffffd1}.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)}.delete-check{position:absolute;top:8px;left:8px;z-index:2;display:grid;width:26px;height:26px;place-items:center;border:none;border-radius:999px;padding:4px;background:var(--bg-surface);color:var(--danger);cursor:pointer}.garment-meta{align-items:flex-start;margin-top:9px;gap:8px}.garment-meta>div{min-width:0;flex:1}.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}.item-model{display:block;margin-top:3px;color:var(--text-secondary);font-size:11px;line-height:15px}.garment-meta p{margin:3px 0 0;color:var(--text-secondary);font-size:12px;line-height:16px}.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}.garment-meta .badge{flex:0 0 auto}.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}.selection-editor{display:grid;gap:14px;border:1px solid var(--border-soft);border-radius:30px;padding:16px;background:var(--bg-surface);box-shadow:var(--shadow-hero)}.selection-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-head h2{margin:4px 0 0;font-size:22px;line-height:28px}.selection-copy{margin:0;color:var(--text-secondary);font-size:13px;line-height:19px}.selection-mode,.editor-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.selection-mode button,.editor-toolbar button,.change-photo{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;border-radius:14px;padding:0 10px;background:var(--bg-surface-muted);color:var(--text-secondary);font-size:12px;font-weight:800}.selection-mode button.active{background:var(--accent-primary);color:var(--bg-surface)}.selection-stage{position:relative;width:100%;max-height:58vh;overflow:hidden;border-radius:22px;background:#121212;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.selection-stage:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:3px}.selection-stage.full{cursor:default;touch-action:pan-y}.selection-stage>img{display:block;width:100%;max-height:58vh;object-fit:contain;pointer-events:none}.selection-box{position:absolute;min-width:10px;min-height:10px;border:2px solid #ffffff;border-radius:14px;box-shadow:0 0 0 1px #111111a6,0 0 0 999px #080a0e94;pointer-events:none}.selection-box>span{position:absolute;top:8px;left:8px;border-radius:999px;padding:5px 8px;background:#111111c7;color:#fff;font-size:10px;font-weight:850;white-space:nowrap}.editor-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.wide-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}.change-photo{width:100%;background:transparent}.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}.designer-result h2{margin:2px 0 0;font-size:20px;line-height:25px}.designer-result p{margin:0;color:var(--text-secondary);font-size:14px;line-height:20px}.designer-result ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.designer-result li{border-radius:14px;padding:10px 12px;background:var(--bg-surface-soft);color:var(--text-primary);font-size:13px;line-height:18px}.chat-log{display:grid;gap:8px;max-height:230px;overflow-y:auto}.designer-chat-panel.tall .chat-log{min-height:300px;max-height:46vh;align-content:start}.designer-chat-panel.tall textarea{min-height:56px}.designer-chips{overflow-x:auto;padding-bottom:2px}.chat-log .thinking{opacity:.7}.chat-log p{width:fit-content;max-width:92%;margin:0;border-radius:16px;padding:10px 12px;font-size:13px;line-height:18px;white-space:pre-line}.chat-log .assistant{background:var(--bg-surface-soft);color:var(--text-primary)}.chat-log .user{justify-self:end;background:var(--accent-primary);color:var(--bg-surface)}.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}.studio-screen{padding-bottom:12px}.access-card,.plan-card,.promo-card,.avatar-card,.try-on-card{border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-card)}.access-card{display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:hidden;border-radius:28px;padding:18px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.28),transparent 34%),linear-gradient(135deg,#171717,#3b3329);color:#fff}.access-card .eyebrow,.access-card p{color:#ffffffb3}.access-card h2,.avatar-card h2,.try-on-card h2{margin:4px 0 0;font-size:22px;line-height:28px}.access-card p{margin:4px 0 0;font-size:12px}.plan-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:2px 0 8px}.plan-card{display:grid;align-content:start;min-width:0;min-height:248px;border-radius:24px;padding:14px}.plan-card.featured{border-color:color-mix(in srgb,var(--warning) 52%,var(--border-soft));background:color-mix(in srgb,var(--warning) 7%,var(--bg-surface))}.plan-card h3{margin:8px 0 4px;font-size:18px}.plan-card>strong{font-size:16px}.plan-limits{margin:6px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.45}.plan-card ul{display:grid;gap:7px;margin:14px 0;padding:0;list-style:none}.plan-card li{display:flex;align-items:flex-start;gap:6px;color:var(--text-secondary);font-size:11px;line-height:15px}.plan-card li svg{flex:0 0 auto;color:var(--success)}.plan-card button{min-height:40px;margin-top:auto;border-radius:14px;background:var(--accent-primary);color:var(--bg-surface);font-size:12px;font-weight:800}.promo-card{display:grid;grid-template-columns:24px 1fr;gap:10px 12px;align-items:center;border-radius:24px;padding:14px}.promo-card span{display:block;margin-top:3px;color:var(--text-secondary);font-size:11px}.promo-card input{grid-column:1 / -1;min-width:0;min-height:44px;border:1px solid var(--border-soft);border-radius:14px;padding:0 12px;background:var(--bg-surface-soft);color:var(--text-primary);font:inherit;text-transform:uppercase}.promo-card button{grid-column:1 / -1;min-height:44px;border-radius:14px;background:var(--accent-primary);color:var(--bg-surface);font-size:12px;font-weight:800}.avatar-card,.try-on-card{display:grid;gap:14px;border-radius:28px;padding:16px}.avatar-card.locked,.try-on-card.locked{background:color-mix(in srgb,var(--warning) 5%,var(--bg-surface))}.avatar-placeholder{display:grid;min-height:290px;place-items:center;align-content:center;gap:9px;border-radius:24px;padding:24px;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.7),transparent 18%),linear-gradient(150deg,var(--bg-warm),var(--bg-surface-muted));color:var(--text-primary);text-align:center}.avatar-placeholder span{max-width:270px;color:var(--text-secondary);font-size:12px;line-height:17px}.avatar-preview{display:block;width:100%;max-height:560px;border-radius:24px;background:var(--bg-warm);object-fit:contain}.avatar-card textarea{width:100%;resize:vertical;border:1px solid var(--border-soft);border-radius:16px;padding:12px;background:var(--bg-surface-soft);color:var(--text-primary);font:inherit;line-height:20px}.measurement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.measurement-grid label{display:grid;gap:6px;color:var(--text-secondary);font-size:11px;font-weight:700}.measurement-grid input{width:100%;min-height:44px;border:1px solid var(--border-soft);border-radius:14px;padding:0 10px;background:var(--bg-surface-soft);color:var(--text-primary);font:inherit}.consent-row{display:flex;align-items:flex-start;gap:10px;border-radius:16px;padding:12px;background:var(--bg-surface-soft);color:var(--text-secondary);font-size:12px;line-height:17px}.consent-row input{width:18px;height:18px;flex:0 0 auto;accent-color:var(--accent-primary)}.privacy-hint,.premium-note,.error-copy{margin:0;color:var(--text-secondary);font-size:12px;line-height:17px}.error-copy{color:var(--danger)}.danger-link{min-height:42px;border-radius:14px;background:color-mix(in srgb,var(--danger) 10%,var(--bg-surface));color:var(--danger);font-size:12px;font-weight:800}.studio-garments{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.studio-garments button{display:inline-flex;min-height:42px;flex:0 0 auto;align-items:center;gap:6px;border-radius:999px;padding:0 13px;background:var(--bg-surface-muted);color:var(--text-secondary);font-size:12px;font-weight:800}.studio-garments button.active{background:var(--accent-primary);color:var(--bg-surface)}.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}.look-collage.items-1{grid-template-columns:minmax(0,132px)}.look-collage.items-2{grid-template-columns:repeat(2,minmax(0,132px))}.look-collage span{display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-soft);background:#fff;color:var(--text-tertiary)}.look-collage img{display:block;width:100%;height:100%;padding:6px;object-fit:contain}.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(6,minmax(0,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{min-width:0;display:grid;gap:3px;place-items:center;border-radius:18px;background:transparent;color:var(--text-secondary);font-size:10px;font-weight:800}.nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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,.weather-metrics{grid-template-columns:1fr}.garment-grid{gap:8px}.garment-card{padding:7px}.measurement-grid{grid-template-columns:1fr}.nav-item{font-size:8px}}