:root{--c-bg: #f0ebe3;--c-bg-deep: #e8e1d3;--c-surface: #ffffff;--c-surface-2: #faf6ee;--c-text: #1c1815;--c-text-2: #6b6259;--c-muted: #9c9388;--c-border: #e0d8ca;--c-border-strong: #c4b9a6;--c-accent: #1c1815;--c-accent-hover: #2c2620;--c-success: #2a4032;--c-success-bg: #e8eee6;--c-error: #8c3a2b;--c-error-bg: #f5e8e3;--c-overlay: rgba(28, 24, 21, .55);--font-serif: "Fraunces", Georgia, "Times New Roman", serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm: 8px;--r: 14px;--r-lg: 22px;--r-xl: 32px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.32, .64, 1);--shadow-sm: 0 1px 2px rgba(28, 24, 21, .04);--shadow: 0 6px 24px -10px rgba(28, 24, 21, .12), 0 1px 2px rgba(28, 24, 21, .04);--shadow-lg: 0 24px 48px -16px rgba(28, 24, 21, .16);color:var(--c-text);background:var(--c-bg);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;min-height:100svh}body{background:var(--c-bg);background-image:radial-gradient(1100px 600px at 50% -10%,rgba(255,255,255,.55),transparent 60%),radial-gradient(900px 700px at 110% 100%,rgba(196,185,166,.16),transparent 60%);background-attachment:fixed}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.5}::selection{background:var(--c-text);color:var(--c-bg)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.stage{flex:1;display:flex;justify-content:center;width:100%;padding:clamp(14px,2.4vh,24px) 22px clamp(20px,3vh,36px)}.stage-inner{width:100%;max-width:520px;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(12px,1.8vh,18px) 22px;background:linear-gradient(to bottom,var(--c-bg) 70%,rgba(240,235,227,0));-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.brand{display:inline-flex;align-items:baseline;gap:6px;color:var(--c-text);font-family:var(--font-serif);font-weight:400;font-size:1.45rem;letter-spacing:-.01em;font-variation-settings:"opsz" 144}.brand em{font-style:italic;font-weight:300}.brand-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--c-text);transform:translateY(-3px)}.progress-meta{display:flex;align-items:center;gap:14px;font-size:.78rem;font-weight:500;color:var(--c-text-2);letter-spacing:.06em;text-transform:uppercase}.progress-track{position:relative;width:100px;height:2px;border-radius:999px;background:var(--c-border);overflow:hidden}.progress-fill{position:absolute;inset:0;background:var(--c-text);transform-origin:left;transition:transform .52s var(--ease)}.icon-btn{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--c-border);border-radius:999px;background:transparent;color:var(--c-text);transition:background .18s var(--ease),border-color .18s var(--ease)}.icon-btn:hover{background:var(--c-surface-2);border-color:var(--c-border-strong)}.screen{width:100%;display:flex;flex-direction:column;gap:clamp(16px,2.6vh,24px);animation:screen-in .48s var(--ease) both}@keyframes screen-in{0%{opacity:0;transform:translateY(14px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.stagger>*{opacity:0;animation:rise .54s var(--ease) both}.stagger>*:nth-child(1){animation-delay:60ms}.stagger>*:nth-child(2){animation-delay:.14s}.stagger>*:nth-child(3){animation-delay:.22s}.stagger>*:nth-child(4){animation-delay:.3s}.stagger>*:nth-child(5){animation-delay:.38s}.stagger>*:nth-child(6){animation-delay:.46s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted)}.headline{margin:0;font-family:var(--font-serif);font-weight:350;font-size:clamp(2.1rem,6.5vw,2.85rem);line-height:1.05;letter-spacing:-.02em;color:var(--c-text);font-variation-settings:"opsz" 144,"SOFT" 50}.headline em{font-style:italic;font-weight:350}.subhead{margin:0;font-size:1.02rem;line-height:1.55;color:var(--c-text-2);max-width:38ch}.caption{margin:0;color:var(--c-muted);font-size:.86rem}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:.97rem;font-weight:600;letter-spacing:-.005em;background:transparent;color:var(--c-text);transition:transform .18s var(--ease),background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.btn:active{transform:scale(.985)}.btn-primary{background:var(--c-accent);color:#f6f1e7;border-color:var(--c-accent)}.btn-primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn-secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--c-text)}.btn-ghost{background:transparent;color:var(--c-text-2);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--c-text)}.btn-row{display:flex;flex-direction:column;gap:10px;margin-top:8px}.btn-row.horizontal{flex-direction:row}.btn-row.horizontal .btn{flex:1}.btn-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;margin-left:-10px;border:0;background:transparent;color:var(--c-text-2);font-size:.86rem;font-weight:500;border-radius:999px;transition:color .18s var(--ease),background .18s var(--ease)}.btn-back:hover{color:var(--c-text);background:var(--c-surface-2)}.welcome-hero{display:flex;flex-direction:column;gap:14px;padding-top:18px}.welcome-retailer{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-2)}.welcome-retailer:before{content:"";display:inline-block;width:18px;height:1px;background:var(--c-border-strong)}.welcome-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.welcome-preview .preview-card{flex:1 1 140px;max-width:200px}.preview-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--r);background:var(--c-surface);border:1px solid var(--c-border);transition:transform .32s var(--ease),box-shadow .32s var(--ease)}.preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.preview-thumb{aspect-ratio:4 / 5;border-radius:8px;overflow:hidden;background:var(--c-bg-deep)}.preview-thumb img{display:block;width:100%;height:100%;object-fit:cover}.preview-meta{display:flex;flex-direction:column;gap:2px}.preview-meta strong{font-size:.86rem;font-weight:600;letter-spacing:-.005em}.preview-meta span{font-size:.75rem;color:var(--c-muted)}.garment-fit-layout{display:flex;flex-direction:column;gap:clamp(16px,2.6vh,24px)}.garment-fit-content{display:flex;flex-direction:column;gap:clamp(16px,2.4vh,22px)}.garment-fit-title{font-size:clamp(1.6rem,5vw,2rem)}.garment-hero{position:relative;width:100%;aspect-ratio:4 / 5;margin:0 auto;border-radius:var(--r-lg);overflow:hidden;background:var(--c-bg-deep);box-shadow:var(--shadow)}@media(min-width:760px){.stage-inner{max-width:760px}.garment-fit-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:36px;align-items:center}.garment-hero{margin:0;max-height:min(60vh,460px)}.garment-fit-title{font-size:clamp(1.8rem,3.2vw,2.2rem)}}.garment-hero img{display:block;width:100%;height:100%;object-fit:cover;animation:gentle-zoom 1.2s var(--ease) both}@keyframes gentle-zoom{0%{transform:scale(1.04);opacity:.6}to{transform:scale(1);opacity:1}}.garment-hero:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(to top,rgba(28,24,21,.32),transparent);pointer-events:none}.garment-hero-meta{position:absolute;left:18px;bottom:16px;right:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#f6f1e7}.garment-hero-meta .label{font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;opacity:.85}.garment-hero-meta strong{display:block;font-family:var(--font-serif);font-weight:350;font-size:1.4rem;letter-spacing:-.01em;margin-top:2px}.garment-counter{font-family:var(--font-serif);font-style:italic;font-size:1rem;opacity:.9}.choice-stack{display:flex;flex-direction:column;gap:10px}.choice{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;width:100%;padding:18px 20px;border-radius:var(--r);background:var(--c-surface);border:1px solid var(--c-border);text-align:left;transition:transform .22s var(--ease),border-color .22s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease)}.choice:hover{border-color:var(--c-text);transform:translateY(-1px);box-shadow:var(--shadow)}.choice:active{transform:scale(.99)}.choice-body{display:flex;flex-direction:column;gap:2px}.choice-title{font-family:var(--font-serif);font-weight:400;font-size:1.18rem;letter-spacing:-.01em;color:var(--c-text)}.choice-sub{font-size:.86rem;color:var(--c-text-2)}.choice-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c-surface-2);color:var(--c-text);transition:background .22s var(--ease),transform .22s var(--ease)}.choice:hover .choice-arrow{background:var(--c-text);color:var(--c-bg);transform:translate(2px)}.choice.tinted{background:var(--c-accent);color:#f6f1e7;border-color:var(--c-accent)}.choice.tinted .choice-title,.choice.tinted .choice-sub{color:#f6f1e7}.choice.tinted .choice-sub{opacity:.78}.choice.tinted .choice-arrow{background:#f6f1e724;color:#f6f1e7}.choice.tinted:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-size:.9rem;font-weight:500;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .18s var(--ease);text-transform:capitalize}.chip:hover{border-color:var(--c-text)}.chip.selected{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.chip:active{transform:scale(.97)}.segmented{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:720px){.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}}.segmented button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:72px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);text-align:left;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .18s var(--ease)}.segmented button:hover{border-color:var(--c-text)}.segmented button.selected{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.segmented button:active{transform:scale(.985)}.segmented .seg-label{font-family:var(--font-serif);font-weight:400;font-size:1.16rem;letter-spacing:-.005em}.segmented .seg-hint{font-size:.78rem;margin-top:2px;opacity:.78}.unit-toggle{display:inline-flex;padding:3px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px}.unit-toggle button{min-width:44px;min-height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--c-text-2);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:background .2s var(--ease),color .2s var(--ease)}.unit-toggle button.selected{background:var(--c-text);color:var(--c-bg)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}.field input,.field textarea,.field select{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--c-border);border-radius:var(--r);background:var(--c-surface);color:var(--c-text);font-size:.98rem;outline:0;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}.field input::placeholder,.field textarea::placeholder{color:var(--c-muted)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--c-text);background:var(--c-surface);box-shadow:0 0 0 4px #1c18150f}.field textarea{min-height:110px;resize:vertical;font-family:inherit}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.span-2{grid-column:1 / -1}.saved-card{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-sm)}.saved-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.saved-card-header .eyebrow{color:var(--c-text-2);letter-spacing:.12em}.saved-card-header .meta{font-size:.78rem;color:var(--c-muted)}.measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--c-border)}.measure-row{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--c-border);gap:10px}.measure-row:nth-child(odd){padding-right:14px;border-right:1px solid var(--c-border)}.measure-row:nth-child(2n){padding-left:14px}.measure-row span{font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted)}.measure-row strong{font-family:var(--font-serif);font-weight:400;font-size:1.05rem;letter-spacing:-.005em;color:var(--c-text)}.tailor-list{display:flex;flex-direction:column;gap:10px}.tailor-card{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--c-surface);border:1px solid var(--c-border);text-align:left;transition:border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}.tailor-card:hover{border-color:var(--c-text);transform:translateY(-1px);box-shadow:var(--shadow)}.tailor-card.selected{border-color:var(--c-text);background:var(--c-text);color:var(--c-bg)}.tailor-card.selected .tailor-distance{color:var(--c-bg);opacity:.7}.tailor-card.selected .tailor-meta{color:var(--c-bg);opacity:.78}.tailor-body{display:flex;flex-direction:column;gap:4px;min-width:0}.tailor-name{font-family:var(--font-serif);font-weight:400;font-size:1.08rem;letter-spacing:-.005em}.tailor-meta{font-size:.84rem;color:var(--c-text-2)}.tailor-distance{align-self:center;font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--c-text-2);text-transform:uppercase;white-space:nowrap}.confirmation{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:36px 12px 12px}.confirmation .seal{position:relative;width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:var(--c-text);color:var(--c-bg);animation:seal-in .72s var(--ease-spring) both}.confirmation .seal:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid var(--c-border-strong);animation:seal-ring 1.1s var(--ease) .24s both}@keyframes seal-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes seal-ring{0%{transform:scale(.9);opacity:0}to{transform:scale(1.04);opacity:1}}.confirmation .subhead{max-width:30ch}.summary-list{width:100%;display:flex;flex-direction:column;gap:0;margin-top:14px;border-top:1px solid var(--c-border)}.summary-list .row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--c-border);text-align:left}.summary-list .row span{font-size:.76rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted)}.summary-list .row strong{font-family:var(--font-serif);font-weight:400;font-size:1rem;text-align:right;color:var(--c-text)}.inline-error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--c-error-bg);color:var(--c-error);font-size:.88rem;font-weight:500}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:var(--c-overlay);opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);background:var(--c-surface);padding:22px 22px 32px;transform:translateY(100%);transition:transform .38s var(--ease);max-height:84vh;overflow-y:auto}.sheet.open{transform:translateY(0)}.sheet-handle{width:44px;height:4px;margin:0 auto 18px;border-radius:999px;background:var(--c-border-strong)}.sheet h2{font-family:var(--font-serif);font-weight:400;font-size:1.4rem;margin:0 0 4px}.sheet p.caption{margin:0 0 18px}.sheet .saved-card{border:0;padding:0;background:transparent;box-shadow:none}.state-page{display:grid;min-height:100vh;min-height:100svh;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center;background:var(--c-bg)}.state-page .brand{margin-bottom:4px}.state-page .caption{max-width:32ch}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--c-border-strong);border-top-color:var(--c-text);animation:spin .76s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-grid{display:grid;grid-template-columns:1fr;gap:14px}.scan-card{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:14px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.scan-card.filled{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm)}.scan-thumb{position:relative;width:96px;height:120px;border-radius:var(--r-sm);overflow:hidden;background:var(--c-bg-deep)}.scan-thumb img{display:block;width:100%;height:100%;object-fit:cover}.scan-silhouette{position:absolute;inset:0;display:grid;place-items:center;color:var(--c-border-strong)}.scan-silhouette svg{width:60%;height:80%}.scan-meta{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}.scan-meta strong{display:block;font-size:.96rem;font-weight:600;letter-spacing:-.005em}.scan-meta span{display:block;margin-top:2px;font-size:.82rem;color:var(--c-muted)}.scan-actions{display:flex;gap:8px;flex-wrap:wrap}.scan-actions .btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;min-height:0;width:auto;border-radius:999px;border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text);font-size:.82rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.scan-actions .btn-ghost:hover{border-color:var(--c-text);background:var(--c-surface)}.scan-actions .btn-ghost.danger{color:var(--c-error)}.scan-actions .btn-ghost.danger:hover{border-color:var(--c-error)}.camera-dialog{position:fixed;inset:0;z-index:80;display:grid;place-items:stretch;padding:0}.camera-dialog-backdrop{position:absolute;inset:0;background:var(--c-overlay)}.camera-panel{position:relative;z-index:1;width:100%;height:100vh;height:100svh;display:flex;flex-direction:column;gap:14px;padding:14px;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom));background:var(--c-surface)}@media(min-width:720px){.camera-dialog{place-items:center;padding:18px}.camera-panel{width:min(100%,520px);height:auto;max-height:calc(100vh - 36px);max-height:calc(100svh - 36px);padding:14px;border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}}.camera-panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 0}.camera-panel-top strong,.camera-panel-top span{display:block}.camera-panel-top strong{font-size:.96rem;font-weight:600}.camera-panel-top span{margin-top:2px;color:var(--c-muted);font-size:.82rem}.camera-preview{position:relative;flex:1;min-height:280px;overflow:hidden;border-radius:var(--r);background:#111}@media(min-width:720px){.camera-preview{flex:none;aspect-ratio:3 / 4}}.camera-preview video{display:block;width:100%;height:100%;object-fit:cover}.camera-status,.camera-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;color:#f6f1e7;background:#1c18159e}.camera-error{color:#fff4ef;font-size:.92rem;line-height:1.45}.camera-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.camera-controls .btn{min-height:50px}.choice-badge{font-size:.66rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-success);background:var(--c-success-bg);padding:3px 8px;border-radius:999px}@media(min-width:720px){.topbar{padding:clamp(14px,1.6vh,20px) 36px}.stage{padding:clamp(18px,2.6vh,32px) 24px clamp(24px,3vh,40px)}.progress-track{width:140px}.btn-row{flex-direction:row}.btn-row .btn{flex:1}.preview-thumb{max-height:200px}}