:root{--bg:radial-gradient(120% 100% at 50% 0%, #fff 0%, #f4f7fe 55%, #eaf0fc 100%);--paper:#f6f9fe;--surface:#fff;--surface-alt:#eef3fd;--hairline:#dee6f5;--ink:#131a2b;--ink-dim:#4a5468;--ink-mute:#6c778e;--accent:#7c8cf8;--accent-deep:#4a5bd6;--accent-press:#3b49b4;--accent-soft:#e7ecfe;--success:#1f7a54;--danger:#b11515;--shadow-card:0 1px 2px #131a2b0a, 0 8px 24px #26366e0f;--shadow-lift:0 2px 4px #131a2b0d, 0 16px 40px #26366e1a;--radius-lg:28px;--radius:22px;--radius-sm:14px;--radius-pill:999px;--touch:72px;--pad:32px;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--font-display:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;height:100dvh}html{overscroll-behavior:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow:hidden}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overscroll-behavior:none;scrollbar-width:none;background-attachment:fixed;overflow:hidden}body::-webkit-scrollbar{display:none}#root{min-height:100%;max-height:100vh;flex-direction:column;max-height:100dvh;display:flex;overflow:hidden}h1,h2,.display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.05}h1{font-size:clamp(38px,5vw,68px)}h2{font-size:clamp(26px,3.2vw,40px)}p{color:var(--ink-dim);font-size:20px;line-height:1.45}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:clamp(12px,1.6vh,20px);min-width:0;padding:clamp(18px,2vw,28px);display:flex}.eyebrow{font-family:var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:13px;font-weight:600}:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.btn{min-height:var(--touch);font-family:var(--font);letter-spacing:-.01em;color:var(--ink);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:0 40px;font-size:21px;font-weight:600;transition:transform 80ms,background .15s,box-shadow .15s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;pointer-events:none}.btn-solid{background:var(--accent-deep);color:#fff;box-shadow:var(--shadow-card)}.btn-solid:hover{background:var(--accent-press);box-shadow:var(--shadow-lift)}.btn-ghost{background:var(--surface);border:1px solid var(--hairline);color:var(--ink)}.btn-ghost:hover{background:var(--accent-soft);border-color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#fdf1ef}.start{justify-content:center;gap:0}.start-wordmark{letter-spacing:-.045em;background:linear-gradient(100deg,#8fb4f5 0%,#7c8cf8 45%,#5a67e0 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:6em;line-height:.95em}.start-logo{width:min(32vw,200px);height:auto;margin-top:15px;margin-bottom:14px;display:block}.thumbnail{width:min(90vw,320px);height:auto;margin-bottom:14px;display:block}.start-lead{color:var(--ink-dim);text-wrap:balance;font-size:clamp(21px,2.1vw,28px);line-height:1.15}.start-cta{flex-direction:column;align-items:center;gap:12px;margin-top:36px;display:flex}.start-cta .btn{padding:0 56px;font-size:23px}.start-time{color:var(--ink-mute);font-size:17px}.start-steps{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,860px);margin-top:clamp(40px,6vh,76px);list-style:none;display:grid}.start-step{border-left:1px solid var(--hairline);min-width:0;padding:0 clamp(6px,2vw,30px)}.start-step:first-child{border-left:none;padding-left:0}.start-step-n{letter-spacing:.14em;color:var(--accent-deep);font-size:clamp(10px,1.5vw,13px);font-weight:700;display:block}.start-step-title{letter-spacing:-.02em;margin-top:6px;font-size:clamp(13px,2.4vw,21px);font-weight:700}.start-step-body{color:var(--ink-dim);margin-top:4px;font-size:clamp(10px,1.8vw,16px);line-height:1.4}@media (width<=860px){.start-steps{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.start-step{padding-left:clamp(6px,2vw,16px);padding-right:clamp(6px,2vw,16px)}}@media (height<=760px){.start-steps{margin-top:30px}.start-step-body{display:none}}.screen{text-align:center;scrollbar-width:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:100%;min-height:0;padding:20px 40px 36px;display:flex;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen-wide{text-align:left;justify-content:flex-start;align-items:stretch;gap:clamp(12px,2vh,20px);padding:12px clamp(20px,3vw,48px) clamp(16px,2.4vh,28px)}.actions{align-items:center;gap:14px;display:flex}.pose-guide{pointer-events:none;--guide-on-video:#fff;--guide-shadow:#0000008c;width:auto;height:96%;position:absolute;top:2%;left:50%;transform:translate(-50%)}.pose-guide-path{fill:var(--guide-on-video);stroke:none;opacity:.55;filter:drop-shadow(0 1px 2px var(--guide-shadow));transition:fill .25s,opacity .25s,filter .25s}.pose-guide--searching .pose-guide-path{opacity:.45}.pose-guide--adjust .pose-guide-path{opacity:.8}.pose-guide--fit .pose-guide-path{fill:var(--accent);opacity:1;filter:drop-shadow(0 1px 2px var(--guide-shadow)) drop-shadow(0 0 16px var(--accent))}.capture-feedback{z-index:3;padding:var(--pad);text-align:center;background:var(--paper);border:1px solid var(--hairline);flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3vh,28px);transition:opacity .22s,transform .22s;animation:.32s cubic-bezier(.34,1.56,.64,1) both capture-feedback-in;display:flex;position:absolute;inset:0}.capture-feedback--exiting{opacity:0;transform:scale(.96)}.capture-feedback-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.capture-feedback-icon{flex-shrink:0;width:min(52%,260px);height:auto;overflow:visible}.capture-feedback-ring{fill:none;stroke:var(--success);stroke-width:6px;stroke-dasharray:277;stroke-dashoffset:277px;animation:.45s forwards capture-ring-draw}.capture-feedback-tick{fill:none;stroke:var(--success);stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80px;animation:.3s .32s forwards capture-tick-draw}.capture-feedback-arc{fill:none;stroke:var(--accent-deep);stroke-width:9px;stroke-linecap:round}.capture-feedback-arrowhead{fill:var(--accent-deep)}.capture-feedback-arrow{transform-origin:50%;animation:1.1s ease-in-out infinite capture-arrow-nudge}.capture-feedback-arrow-mirror{transform-box:view-box;transform-origin:50%;transform:scaleX(-1)}.capture-feedback-text{letter-spacing:-.03em;color:var(--ink);max-width:90%;font-size:clamp(28px,6vw,46px);font-weight:700}@keyframes capture-feedback-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes capture-ring-draw{to{stroke-dashoffset:0}}@keyframes capture-tick-draw{to{stroke-dashoffset:0}}@keyframes capture-arrow-nudge{0%,to{transform:rotate(0)}50%{transform:rotate(16deg)}}@media (prefers-reduced-motion:reduce){.capture-feedback,.capture-feedback-ring,.capture-feedback-tick,.capture-feedback-arrow{animation:none}.capture-feedback-ring,.capture-feedback-tick{stroke-dashoffset:0}}.direction-arrow{z-index:1;pointer-events:none;--arrow-on-video:#fff;--arrow-halo:#000000a6;--arrow-blue:var(--accent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.direction-arrow-svg{aspect-ratio:1;width:min(48%,260px);height:auto;overflow:visible}.direction-arrow-chevron{transform-box:fill-box;transform-origin:50%}.direction-arrow-halo,.direction-arrow-core{fill:none;stroke-linecap:round;stroke-linejoin:round}.direction-arrow-halo{stroke:var(--arrow-halo);stroke-width:13px}.direction-arrow-core{stroke:var(--arrow-on-video);stroke-width:7px}.direction-arrow-art-svg{width:auto;max-width:76%;height:min(62%,340px);overflow:visible}.direction-arrow-art{fill:var(--arrow-blue);stroke:var(--arrow-on-video);stroke-width:4px;stroke-linejoin:round;paint-order:fill stroke;filter:drop-shadow(0 4px 12px #0000008c);transform-box:fill-box;transform-origin:50%}.direction-arrow--left .direction-arrow-chevron{animation:1s ease-in-out infinite direction-arrow-nudge-left}.direction-arrow--right .direction-arrow-chevron{animation:1s ease-in-out infinite direction-arrow-nudge-right}.direction-arrow--forward .direction-arrow-art{animation:1.15s ease-in-out infinite direction-arrow-nudge-up}.direction-arrow--backward .direction-arrow-art{animation:1.15s ease-in-out infinite direction-arrow-nudge-down}@keyframes direction-arrow-nudge-left{0%,to{transform:translate(0)}50%{transform:translate(-9px)}}@keyframes direction-arrow-nudge-right{0%,to{transform:translate(0)}50%{transform:translate(9px)}}@keyframes direction-arrow-nudge-down{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes direction-arrow-nudge-up{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.direction-arrow-chevron,.direction-arrow-art{animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{padding:var(--pad);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex}.spinner-ring{border:5px solid var(--hairline);border-top-color:var(--accent);border-radius:50%;width:72px;height:72px;animation:.9s linear infinite spin}.spinner h2{font-family:var(--font);color:var(--ink-dim);letter-spacing:0;font-size:24px;font-weight:600}.capture-stage{border-radius:var(--radius-lg);width:min(92vw,640px);height:72vh;box-shadow:var(--shadow-card);background:var(--surface-alt);justify-content:center;align-items:stretch;display:flex;position:relative;overflow:hidden}.capture-video-area{width:100%;height:100%;position:relative;overflow:hidden}.capture-video-area video{object-fit:cover;width:100%;height:100%;display:block}.capture-video-area video.mirrored{transform:scaleX(-1)}.capture-heading{letter-spacing:-.03em;font-size:clamp(32px,5vw,52px);font-weight:700}.capture-hint{color:var(--ink);margin-top:8px;font-size:clamp(22px,3.6vw,32px);font-weight:600;transition:color .2s}.capture-hint-fit{color:var(--accent-deep);font-weight:700}.capture-countdown{z-index:2;color:#fff;text-shadow:0 4px 24px #0009;justify-content:center;align-items:center;font-size:clamp(72px,26vw,140px);font-weight:700;display:flex;position:absolute;inset:0}.capture-loading-overlay,.capture-restart-overlay{z-index:4;padding:var(--pad);text-align:center;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.capture-restart-title{color:var(--danger);max-width:90%;font-size:clamp(24px,3.6vw,34px);font-weight:700}.capture-restart-message{color:var(--font);max-width:90%;font-size:clamp(20px,3.2vw,28px)}.capture-skip{border-radius:var(--radius-pill);border:1px dashed var(--ink-mute);font-family:var(--font);color:var(--ink-mute);cursor:pointer;background:0 0;align-items:center;margin-top:4px;padding:10px 18px;font-size:15px;display:inline-flex}.capture-skip:hover{color:var(--ink);border-color:var(--ink)}.capture-skip-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.capture-skip:focus-within{outline:3px solid var(--accent-deep);outline-offset:3px}.keypad{gap:calc(var(--u,300px) * .029);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.keypad button{height:calc(var(--u,300px) * .195);min-height:0;font-family:var(--font);font-size:clamp(16px, calc(var(--u,300px) * .068), 52px);border-radius:min(var(--radius-lg), calc(var(--u,300px) * .037));background:var(--surface);border:1px solid var(--hairline);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-card);font-weight:500;transition:background .12s,border-color .12s,transform 80ms}.keypad button:hover{border-color:var(--accent)}.keypad button:active{background:var(--accent-soft);border-color:var(--accent);transform:scale(.97)}.screen-measurements{justify-content:center;gap:calc(var(--u) * .052);--u:min(75vw, 46vh, 760px);padding:clamp(10px,1.4vh,28px) 16px clamp(14px,2vh,40px);overflow:hidden}.measurements-col{width:var(--u);gap:calc(var(--u) * .052);flex-direction:column;display:flex}.screen-measurements h2{font-size:clamp(22px, calc(var(--u) * .089), 68px);line-height:1.05}.measurements-hint{font-size:clamp(13px, calc(var(--u) * .0355), 27px);color:var(--ink-mute);margin-top:calc(var(--u) * -.026);line-height:1.3}.measurements-fields{gap:calc(var(--u) * .037);display:flex}.measurement-field{gap:calc(var(--u) * .018);text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;padding:0;display:flex}.field-label{font-size:clamp(12px, calc(var(--u) * .038), 29px);color:var(--ink-dim);padding-left:6px;font-weight:600}.field-box{min-height:calc(var(--u) * .195);padding:0 calc(var(--u) * .034) 0 calc(var(--u) * .042);background:var(--surface);border:2px solid var(--hairline);border-radius:min(var(--radius-lg), calc(var(--u) * .037));justify-content:space-between;align-items:center;gap:8px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 2px 6px #26366e0f}.measurement-field:active .field-box{transform:scale(.99)}.field-value{font-size:clamp(18px, calc(var(--u) * .068), 52px);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700;line-height:1}.field-value-empty{font-size:clamp(11px, calc(var(--u) * .039), 30px);color:var(--ink-mute);letter-spacing:0;white-space:nowrap;font-weight:500}.field-unit{font-size:clamp(10px, calc(var(--u) * .033), 25px);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);padding:calc(var(--u) * .016) calc(var(--u) * .029);border-radius:var(--radius-pill);flex-shrink:0;font-weight:700}.measurement-field.is-selected .field-box{border-color:var(--accent-deep);box-shadow:0 0 0 clamp(3px, calc(var(--u) * .0066), 5px) #7c8cf838}.field-caret{width:clamp(2px, calc(var(--u) * .0053), 4px);height:clamp(18px, calc(var(--u) * .066), 50px);vertical-align:-.15em;background:var(--accent-deep);border-radius:2px;margin-left:6px;animation:1.1s step-end infinite field-caret-blink;display:inline-block}@keyframes field-caret-blink{50%{opacity:0}}.measurements-col .btn{width:100%;min-height:calc(var(--u) * .153);font-size:clamp(15px, calc(var(--u) * .042), 32px);padding:0 16px}.error-state-heading{color:var(--danger)}.error-state-message{color:var(--ink-dim);max-width:46ch}.palette-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.palette-season{font-size:clamp(26px,2.6vw,36px)}.palette-mood{color:var(--ink-mute);font-size:15px}.palette-grid{flex:1;gap:10px;min-height:0;list-style:none;display:flex}.palette-swatch{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.palette-chip{border-radius:var(--radius-sm);flex:1;min-height:clamp(56px,8vh,96px);display:block;box-shadow:inset 0 0 0 1px #131a2b14}.palette-chip-name{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12px,1vw,14px);overflow:hidden}.palette-skip-list{flex-wrap:wrap;gap:8px 18px;margin-top:8px;list-style:none;display:flex}.palette-skip-list li{color:var(--ink-dim);align-items:center;gap:8px;font-size:15px;display:flex}.palette-skip-dot{border-radius:50%;width:15px;height:15px;box-shadow:inset 0 0 0 1px #131a2b1a}.palette-metals{color:var(--ink-dim);font-size:15px}.palette-metals-label{color:var(--ink);margin-right:8px;font-weight:600}.shape-head{align-items:center;gap:clamp(14px,1.6vw,24px);display:flex}.shape-illustration{flex-shrink:0;width:clamp(84px,7.5vw,116px);height:auto;display:block}.shape-name{font-size:clamp(26px,2.6vw,36px)}.shape-line{color:var(--ink-dim);margin-top:4px;font-size:clamp(15px,1.3vw,18px)}.shape-bone{flex-direction:column;gap:7px;display:flex}.shape-bone-bar{gap:4px;height:12px;display:flex}.shape-bone-seg{background:var(--surface-alt);border-radius:var(--radius-pill);height:100%;display:block}.shape-bone-seg.is-dominant{background:var(--accent)}.shape-bone-key{flex-wrap:wrap;gap:4px clamp(12px,1.4vw,20px);list-style:none;display:flex}.shape-bone-key-item{color:var(--ink-mute);align-items:baseline;gap:6px;font-size:clamp(13px,1.1vw,15px);display:flex}.shape-bone-key-dot{border-radius:var(--radius-pill);background:var(--surface-alt);width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--hairline);flex-shrink:0;align-self:center}.shape-bone-key-share{color:var(--ink-dim);font-variant-numeric:tabular-nums}.shape-bone-key-item.is-dominant{color:var(--ink);font-weight:700}.shape-bone-key-item.is-dominant .shape-bone-key-dot{background:var(--accent);box-shadow:none}.shape-bone-key-item.is-dominant .shape-bone-key-share{color:var(--accent-deep)}.advice{grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,26px);display:grid}.advice-head{margin-bottom:8px}.advice-head--wear{color:var(--accent-deep)}.advice-list{flex-direction:column;gap:7px;list-style:none;display:flex}.advice-list li{color:var(--ink);gap:9px;font-size:clamp(14px,1.15vw,16px);line-height:1.3;display:flex}.advice-mark{color:var(--ink-mute);flex-shrink:0;font-weight:700}.advice-mark--wear{color:var(--accent-deep)}.advice-skip .advice-list li{color:var(--ink-dim)}@media (width<=560px){.advice{grid-template-columns:1fr}}.report{text-align:left}.report-headline{text-wrap:balance;flex-shrink:0;font-size:clamp(28px,3.4vw,48px)}.report-headline-season{color:var(--accent-deep)}.report-cards{scrollbar-width:none;flex:1;grid-template-columns:1fr 1fr;gap:clamp(16px,1.8vw,28px);min-height:0;display:grid;overflow-y:auto}.report-cards::-webkit-scrollbar{display:none}.report-footer{flex-shrink:0;justify-content:flex-end;display:flex}@media (height<=820px){.shape-illustration{width:clamp(72px,6vw,92px)}.palette-chip{min-height:clamp(40px,5.6vh,56px)}.card{gap:12px;padding:clamp(16px,1.8vw,22px)}}@media (orientation:portrait){.report-cards{grid-template-columns:1fr;grid-auto-rows:min-content}}@media (width<=900px){.report-cards{grid-template-columns:1fr}.report-footer{justify-content:stretch}.report-footer .btn{width:100%}}.fitting{text-align:left}.fitting-title{flex-shrink:0;font-size:clamp(28px,5vw,54px)}.back-btn{z-index:1000;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--surface);width:56px;height:56px;color:var(--ink-mute);cursor:pointer;justify-content:center;align-items:center;line-height:1;transition:transform 80ms,color .15s,border-color .15s;display:flex;position:fixed;top:16px;left:16px}.back-btn:hover{border-color:var(--accent);color:var(--ink)}.back-btn:active{transform:scale(.94)}.fitting-body{flex:1;grid-template-columns:minmax(240px,27%) 1fr;gap:clamp(16px,2vw,32px);min-height:0;display:grid}.preview{flex-direction:column;gap:12px;min-height:0;padding:clamp(14px,1.4vw,20px);display:flex}.preview-frame{background:var(--surface-alt);border-radius:var(--radius);flex:1;min-height:0;position:relative;overflow:hidden}.preview-img{object-fit:cover;width:100%;height:100%;display:block}.preview-empty{text-align:center;color:var(--ink-mute);place-items:center;padding:24px;font-size:16px;display:grid;position:absolute;inset:0}.preview-busy{background:#ffffffeb;place-items:center;display:grid;position:absolute;inset:0}.preview-tag{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:#ffffffeb;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.preview-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.preview-name{color:var(--ink);font-size:clamp(17px,1.5vw,20px);font-weight:700}.preview-price{color:var(--ink-dim);white-space:nowrap;font-size:clamp(17px,1.5vw,20px)}.preview-reason{color:var(--ink-mute);font-size:15px;line-height:1.35}.preview-error{color:var(--danger);font-size:15px}.preview-body{flex-direction:column;gap:10px;min-width:0;display:flex}.preview-actions{gap:10px;display:flex}.preview-actions .btn{flex:1;min-height:64px;padding:0 12px;font-size:18px}.rack{flex-direction:column;gap:clamp(12px,1.9vw,20px);min-height:0;display:flex}.filters{flex-shrink:0;gap:16px;display:flex}.filter-field{flex:1 1 0;min-width:0;max-width:320px;position:relative}.filter-label{color:var(--ink-dim);margin-bottom:7px;padding-left:6px;font-size:14px;font-weight:600;display:block}.filter-select{appearance:none;width:100%;min-height:68px;font-family:var(--font);color:var(--ink);background:var(--surface);border:2px solid var(--hairline);cursor:pointer;border-radius:16px;padding:0 60px 0 20px;font-size:19px;font-weight:700;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 6px #26366e0f}.filter-select:hover{border-color:var(--accent)}.filter-select:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px}.filter-chevron{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-deep);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:14px;right:14px}.filter-chevron:before{content:"";border-bottom:3px solid;border-right:3px solid;width:9px;height:9px;margin-top:-3px;transform:rotate(45deg)}.rack-head{flex-shrink:0;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.rack-head .eyebrow{font-size:clamp(13px,1.8vw,19px)}.rack-note{color:var(--ink-mute);font-size:clamp(14px,1.9vw,20px)}.rack-empty{color:var(--ink-dim);padding:24px 0;font-size:clamp(18px,2.2vw,24px)}.rack-list{scrollbar-width:none;flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:clamp(12px,1.2vw,18px);min-height:0;padding:2px 2px 6px;display:grid;overflow-y:auto}.rack-list::-webkit-scrollbar{display:none}.rack-card{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:10px;padding:0;display:flex}.rack-card-frame{aspect-ratio:3/4;border-radius:var(--radius);background:var(--surface-alt);width:100%;box-shadow:var(--shadow-card);transition:box-shadow .15s,transform .12s;display:block;position:relative;overflow:hidden}.rack-card:hover .rack-card-frame{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.rack-card.is-selected .rack-card-frame{box-shadow:0 0 0 3px var(--accent-deep), var(--shadow-lift)}.rack-card-img{object-fit:cover;width:100%;height:100%;display:block}.rack-card-match{border-radius:var(--radius-pill);color:var(--accent-deep);background:#ffffffed;padding:5px 11px;font-size:13px;font-weight:700;position:absolute;bottom:10px;right:10px}.rack-card-near{border-radius:var(--radius-pill);color:#fff;background:#131a2b9e;padding:5px 11px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.rack-card-foot{flex-direction:column;gap:2px;min-width:0;padding:0 4px;display:flex}.rack-card-name{color:var(--ink);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:clamp(15px,1.2vw,17px);font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.rack-card-price{color:var(--ink-dim);font-size:15px}@media (orientation:portrait){.fitting-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:clamp(14px,2vh,24px)}.preview{flex-direction:row;align-items:stretch;gap:clamp(14px,2vw,28px);height:clamp(300px,52vw,560px)}.preview-frame{flex:0 0 40%}.preview-body{flex:1}.preview-actions{margin-top:auto}.rack-list{grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,22px)}.rack-card-name{font-size:clamp(15px,2vw,22px)}.rack-card-price{font-size:clamp(14px,1.9vw,21px)}.preview-name,.preview-price{font-size:clamp(17px,2.9vw,31px)}.preview-reason{font-size:clamp(15px,2vw,22px)}.preview-actions .btn{min-height:clamp(64px,8.9vw,96px);font-size:clamp(18px,2.5vw,27px)}}@media (width<=620px) and (orientation:portrait){.rack-list{grid-template-columns:repeat(2,1fr)}}@media (width<=860px) and (orientation:landscape){.fitting-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.preview{height:clamp(260px,34vh,360px)}}.getit-name{text-wrap:balance;text-align:center;font-size:clamp(30px,3.8vw,50px)}.getit-card{text-align:left;flex-direction:row;align-items:center;gap:clamp(20px,3vw,40px);max-width:min(92vw,700px)}.getit-img{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);flex-shrink:0;width:clamp(120px,13vw,176px)}.getit-facts{flex-direction:column;gap:18px;min-width:0;display:flex}.getit-fact dt{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:4px;font-size:12px;font-weight:700}.getit-fact dd{color:var(--ink);font-size:clamp(19px,1.9vw,24px);font-weight:600}.getit-sizes{flex-wrap:wrap;gap:8px;display:flex}.getit-size{border-radius:var(--radius-pill);background:var(--surface-alt);justify-content:center;align-items:center;min-width:48px;padding:7px 12px;font-size:17px;font-weight:600;display:inline-flex}.getit-confirm{color:var(--accent-deep);font-size:19px;font-weight:600}@media (width<=620px){.getit-card{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;width:min(92vw,380px)}.actions .btn{width:100%}}.start-over-btn{z-index:1000;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:var(--surface);width:56px;height:56px;color:var(--ink-mute);cursor:pointer;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:transform 80ms,color .15s,border-color .15s;display:flex;position:fixed;top:16px;right:16px}.start-over-btn:active{transform:scale(.94)}.start-over-btn:hover{color:var(--ink);border-color:var(--accent)}.rail{flex-shrink:0;padding:clamp(20px,min(3.1vw,2.2vh),34px) 88px clamp(16px,min(2.4vw,1.7vh),26px)}.rail-track{justify-content:center;align-items:flex-start;width:min(100%,840px);margin:0 auto;list-style:none;display:flex}.rail-step{letter-spacing:-.01em;flex-direction:column;flex:1;align-items:center;gap:clamp(9px,min(1.2vw,.85vh),13px);font-size:clamp(14px,min(1.95vw,1.4vh),21px);font-weight:600;display:flex;position:relative}.rail-step:before{content:"";background:var(--hairline);border-radius:2px;height:clamp(3px,min(.37vw,.26vh),4px);position:absolute;top:calc(clamp(16px,min(2.2vw,1.55vh),24px)/2 - clamp(3px,min(.37vw,.26vh),4px)/2);left:-50%;right:50%}.rail-step:first-child:before{display:none}.rail-dot{background:var(--surface);width:clamp(16px,min(2.2vw,1.55vh),24px);height:clamp(16px,min(2.2vw,1.55vh),24px);box-shadow:inset 0 0 0 clamp(2px, min(.28vw, .2vh), 3px) var(--hairline);z-index:1;border-radius:50%;position:relative}.rail-label{color:var(--ink-mute)}.rail-step--done .rail-dot{background:var(--accent);box-shadow:none}.rail-step--done:before{background:var(--accent)}.rail-step--done .rail-label{color:var(--ink-dim)}.rail-step--current .rail-dot{background:var(--surface);box-shadow:inset 0 0 0 clamp(4px, min(.55vw, .39vh), 6px) var(--accent-deep)}.rail-step--current:before{background:var(--accent)}.rail-step--current .rail-label{color:var(--ink);font-weight:700}@media (width<=720px){.rail{padding-left:78px;padding-right:78px}.rail-step{font-size:12px}}