.landing{background:var(--color-base);color:var(--color-text);position:fixed;inset:0;overflow:hidden}.landing:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(to top, var(--color-base) 30%, #05050500);height:34vh;position:absolute;bottom:0;left:0;right:0}.landing-brand{z-index:5;letter-spacing:-.065em;color:#fff;mix-blend-mode:difference;-webkit-font-smoothing:antialiased;margin:0;font:500 clamp(39px,5vw,96px)/.85 Helvetica Neue,Helvetica,Arial,sans-serif;position:fixed;top:32px;left:50%;translate:-50%}.look-wheel{--wheel-card-height:min(46vh, 420px);--wheel-card-width:calc(var(--wheel-card-height) * .75);--wheel-step-angle:17deg;--wheel-pivot-depth:230%;--wheel-spin-duration:1.5s;--wheel-spin-ease:cubic-bezier(.65, .05, .25, 1);--wheel-hold-duration:3.4s;z-index:0;position:absolute;inset:0}.look-wheel-card{width:var(--wheel-card-width);height:var(--wheel-card-height);margin:calc(var(--wheel-card-height) / -2) 0 0 calc(var(--wheel-card-width) / -2);cursor:pointer;transform-origin:50% var(--wheel-pivot-depth);transition:transform var(--wheel-spin-duration) var(--wheel-spin-ease), filter var(--wheel-spin-duration) var(--wheel-spin-ease), opacity calc(var(--wheel-spin-duration) * .7) var(--wheel-spin-ease);will-change:transform, filter, opacity;background:#e8e2da;border:0;border-radius:14px;padding:0;position:absolute;top:46%;left:50%;overflow:hidden;box-shadow:0 30px 70px #0009,0 0 0 1px #ffffff0f}.look-wheel-card[aria-hidden=true]{pointer-events:none}.look-wheel-card img{object-fit:cover;object-position:50% 0;pointer-events:none;width:100%;height:100%;display:block}.look-wheel-card:focus-visible{outline:2px solid var(--color-text);outline-offset:8px}.look-wheel-caption{z-index:20;justify-items:center;gap:8px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:grid;position:absolute;bottom:26px;left:50%;translate:-50%}.look-wheel-count{letter-spacing:.08em;color:var(--color-text);font-variant-numeric:tabular-nums;font-size:11px}.look-wheel-progress{background:var(--color-border);width:120px;height:1px;display:block;overflow:hidden}.look-wheel-progress-fill{background:var(--color-text);transform-origin:0;height:100%;animation:look-wheel-hold var(--wheel-hold-duration) linear both;display:block}@keyframes look-wheel-hold{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.look-wheel-card{transition:opacity .3s linear}.look-wheel-progress{display:none}}.landing-menu{z-index:5;letter-spacing:-.06em;color:#fff;mix-blend-mode:difference;-webkit-font-smoothing:antialiased;justify-items:center;gap:.12em;font:500 clamp(14px,1.7vw,32px)/.85 Helvetica Neue,Helvetica,Arial,sans-serif;display:grid;position:fixed;bottom:72px;left:50%;translate:-50%}.landing-menu-note{letter-spacing:0;opacity:.6;margin:0 0 12px;font-size:13px;line-height:1.4}.landing-menu-note .landing-menu-link{font-size:inherit}.landing-menu-link{cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0 .06em 0 0;text-decoration:none;position:relative}.landing-menu-link:after{content:"";transform-origin:100%;background:currentColor;height:max(1px,.035em);transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-.04em;left:0;right:0;transform:scaleX(0)}.landing-menu-link:hover:after,.landing-menu-link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.landing-menu-link:focus-visible{outline-offset:6px;outline:2px solid}.landing-menu-link:disabled{opacity:.35;cursor:default}.landing-menu-row{align-items:baseline;gap:.6em;display:flex}.landing-menu-link-muted{opacity:.55}.landing-menu-separator{opacity:.35;font-size:.5em}.landing-language{z-index:5;mix-blend-mode:difference;--color-text:#fff;--color-muted:#ffffff8c;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;position:fixed;bottom:16px;right:16px}.landing-menu-link:disabled:after{display:none}.auth-switch{color:var(--color-muted);margin:4px 0 0;font-size:13px}.auth-switch a{color:var(--color-text)}.auth-form{text-align:left;gap:20px;display:grid}.auth-form-error{color:var(--color-error);margin:10px 0 0;font-size:13px}:root{--color-base:#050505;--color-ink:#141414;--color-accent:#f4f4f4;--color-background:var(--color-base);--color-surface:#0e0e0e;--color-surface-secondary:var(--color-ink);--color-text:#f4f4f4;--color-body:#c9c9c9;--color-muted:#8a8a8a;--color-faint:#4a4a4a;--color-border:#f4f4f424;--color-border-strong:#f4f4f466;--color-accent-soft:#f4f4f40f;--color-primary:var(--color-accent);--color-primary-text:#050505;--color-like:#34c759;--color-nope:#ff453a;--color-error:#ff6961;--color-error-soft:#ff696114;--color-chrome:#050505d1;--shadow-small:none;--shadow-large:0 18px 40px #0009;--radius-small:2px;--radius:2px;--radius-medium:3px;--radius-large:4px;--page-margin:max(24px, 9.4vw);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Helvetica Neue,Helvetica,Arial,Apple SD Gothic Neo,Pretendard,Malgun Gothic,sans-serif;font-size:100%;line-height:1.4}*{box-sizing:border-box}body{background:var(--color-background);margin:0}img{max-width:100%}a{color:var(--color-text);text-underline-offset:3px;text-decoration-thickness:1px}:lang(ko){word-break:keep-all}.page-shell{flex-direction:column;min-height:100dvh;display:flex}.site-header{z-index:20;background:var(--color-chrome);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.site-header-row{grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 16px;font-size:11px;display:grid}.site-brand{color:var(--color-text);letter-spacing:-.02em;justify-self:start;font-size:13px;font-weight:500;text-decoration:none;position:relative}.site-brand-mark{display:none}.site-header-title{color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums}.site-header-action{justify-self:end;align-items:center;gap:16px;display:flex}.step-progress{background:0 0;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.step-progress-fill{background:var(--color-accent);height:100%;transition:width .35s var(--ease-out);display:block}.page{width:100%;padding:72px var(--page-margin) 120px;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;margin:0;display:grid}.page-width-narrow>:not(.page-title){max-width:520px}.page-width-regular>:not(.page-title){max-width:880px}.page-width-wide>:not(.page-title){max-width:1180px}.page-back{color:var(--color-muted);font:inherit;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:4px;margin:-40px 0 8px;padding:4px 0;font-size:11px;display:inline-flex;position:relative}.page-back:hover{color:var(--color-text)}.page-back:focus-visible{outline-offset:4px;outline:1px solid}.page-title{letter-spacing:-.05em;max-width:14ch;margin:0;font-size:clamp(2.75rem,5.1vw,5.5rem);font-weight:500;line-height:.88}.page-lede{max-width:34ch;color:var(--color-body);letter-spacing:-.005em;margin:0 0 16px;font-size:15px;line-height:1.3}.page-dock{margin-top:16px}.page-dock-inner{gap:8px;display:grid}.page-width-regular .page-dock-inner,.page-width-wide .page-dock-inner{grid-auto-flow:column;justify-content:start}.page-width-regular .page-dock-inner .button,.page-width-wide .page-dock-inner .button{width:auto;min-width:200px}.page-align-center{text-align:center;align-content:center;justify-items:center;gap:clamp(12px,2.2vh,24px);padding-top:clamp(24px,4.5vh,56px);padding-bottom:clamp(24px,4.5vh,56px);position:relative}.page-align-center>:not(.page-back){width:100%}.page-align-center .page-back{top:12px;left:var(--page-margin);margin:0;position:absolute}.page-align-center .page-title{white-space:pre-line;max-width:none;font-size:clamp(2.25rem,min(5.1vw,8vh),5.5rem)}.page-align-center .page-lede{max-width:44ch;margin:0}.page-align-center .state{justify-items:center}.page-align-center .state-banner{text-align:left}.page-align-center .page-dock-inner{justify-content:center}.page-align-center .page-dock-inner .button{min-width:240px}@media (width<=767px){.site-header-row{padding:0 14px}.page{gap:18px;padding:48px 20px 32px}.page-shell:has(.page-dock) .page{padding-bottom:168px}.page-back{margin:-28px 0 4px}.page-width-regular .page-dock-inner,.page-width-wide .page-dock-inner{grid-auto-flow:row;justify-content:stretch}.page-width-regular .page-dock-inner .button,.page-width-wide .page-dock-inner .button{width:100%}.page-title{font-size:44px}.page-dock{z-index:10;padding:24px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--color-background) 28px);margin:0;position:fixed;bottom:0;left:0;right:0}}.eyebrow{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:400}.section-title{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3.6vw,3.5rem);font-weight:500;line-height:.9}.headline{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:500;line-height:1.2}.footnote{color:var(--color-muted);margin:0;font-size:12px;line-height:1.35}.price{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:17px;font-weight:500}.button{appearance:none;cursor:pointer;font:inherit;border-radius:var(--radius);letter-spacing:.06em;text-transform:uppercase;text-align:center;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:0 20px;font-size:12px;font-weight:500;text-decoration:none;transition:transform .1s ease-out,opacity .1s ease-out,background-color .2s,color .2s;display:inline-flex}.button:active{transform:scale(.98)}.button:disabled,.button[aria-disabled=true]{opacity:.3;cursor:default;transform:none}.button:focus-visible{outline:1px solid var(--color-accent);outline-offset:3px}.button-primary{background:var(--color-primary);color:var(--color-primary-text)}.button-primary:hover:not(:disabled){background:#fff}.button-secondary{color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border-strong);background:0 0}.button-secondary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-text)}.button-tinted{background:var(--color-surface-secondary);color:var(--color-text)}.button-plain{color:var(--color-muted);background:0 0;min-height:40px}.button-plain:hover:not(:disabled){color:var(--color-text)}.button-small{min-height:36px;padding:0 14px;font-size:11px}.button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chip-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{border-radius:var(--radius-small);min-height:24px;box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-body);letter-spacing:.02em;align-items:center;padding:0 9px;font-size:11px;display:inline-flex}.chip-accent{background:var(--color-accent);color:var(--color-primary-text);box-shadow:none}.card-surface{background:var(--color-surface);border-radius:var(--radius-large)}.grouped-list{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.grouped-field{grid-template-columns:120px 1fr;align-items:center;min-height:56px;font-size:17px;display:grid;position:relative}.grouped-field>span{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.grouped-field+.grouped-field:before{content:"";background:var(--color-border);height:1px;position:absolute;top:0;left:0;right:0}.grouped-field input{min-width:0;color:var(--color-text);font:inherit;letter-spacing:-.01em;background:0 0;border:0;outline:none;height:56px}.grouped-field input::placeholder{color:var(--color-faint)}.grouped-field:focus-within:after{content:"";background:var(--color-text);z-index:1;height:1px;position:absolute;bottom:-1px;left:0;right:0}.state{color:var(--color-muted);justify-items:start;gap:12px;padding:24px 0;font-size:13px;display:grid}.state p{margin:0}.state-banner{text-align:left;border-left:2px solid;grid-template-columns:1fr auto;place-items:center start;gap:12px;padding:12px 14px;font-size:13px;line-height:1.35;display:grid}.state-error{background:var(--color-error-soft);color:var(--color-error)}.state-banner .button{width:auto}.state-error .button-plain{color:var(--color-error);min-height:28px;padding:0 4px}.state-notice{background:var(--color-accent-soft);color:var(--color-body)}.spinner{border:1.5px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.language-toggle{letter-spacing:.02em;gap:10px;font-size:11px;display:inline-flex}.language-toggle-option{font:inherit;color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.language-toggle-option[aria-pressed=true]{color:var(--color-text)}.language-toggle-option[aria-pressed=true]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-2px;left:0;right:0}.language-toggle-option:hover{color:var(--color-text)}.language-toggle-option:focus-visible{outline-offset:4px;outline:1px solid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.spinner{animation:none}}@media (prefers-reduced-transparency:reduce){.site-header{background:var(--color-background);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.button-tinted,.chip,.grouped-list{box-shadow:inset 0 0 0 1px var(--color-text)}}.fitting-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.fitting-side{gap:16px;display:grid;position:sticky;top:88px}.fitting-side .page-dock{margin-top:0}.fitting-side .page-dock-inner{grid-auto-flow:row;justify-content:stretch}.fitting-side .page-dock-inner .button{width:100%}@media (width<=767px){.fitting-layout{grid-template-columns:minmax(0,1fr);gap:16px}.fitting-side{position:static}}.fitting-compare{aspect-ratio:3/4;border-radius:var(--radius-large);background:var(--color-surface-secondary);touch-action:none;-webkit-user-select:none;user-select:none;max-height:calc(100dvh - 160px);position:relative;overflow:hidden}.fitting-compare-layer{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fitting-compare-tag{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:12px}.fitting-compare-tag-left{left:12px}.fitting-compare-tag-right{right:12px}.fitting-compare-handle{cursor:ew-resize;outline:none;place-items:center;width:44px;margin-left:-22px;display:grid;position:absolute;top:0;bottom:0}.fitting-compare-handle:before{content:"";background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 8px #00000040}.fitting-compare-knob{color:#1d1d1f;letter-spacing:-2px;-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);background:#ffffffc7;border-radius:50%;place-items:center;width:36px;height:36px;font-size:13px;font-weight:500;transition:transform .1s ease-out;display:grid;position:relative;box-shadow:0 2px 10px #0003}.fitting-compare:active .fitting-compare-knob{transform:scale(1.12)}.fitting-compare-handle:focus-visible .fitting-compare-knob{outline:3px solid var(--color-accent);outline-offset:2px}.fitting-pending .fitting-compare-layer{filter:saturate(.6);opacity:.6}.fitting-pending.is-timed-out .fitting-compare-layer{opacity:.45}.fitting-shimmer{background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%) 0 0/200% 100%;animation:1.6s ease-in-out infinite fitting-shimmer;position:absolute;inset:0}@keyframes fitting-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.fitting-pending-status{place-items:center;display:grid;position:absolute;inset:0}.fitting-pending-pill{height:44px;color:var(--color-text);background:var(--color-chrome);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-large);animation:fitting-pill-in .36s var(--ease-spring) both;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.fitting-pending-pill .spinner{border-width:2.5px;width:18px;height:18px}@keyframes fitting-pill-in{0%{opacity:0;filter:blur(4px);scale:.9}}.fitting-failure-image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-large);background:var(--color-surface-secondary);width:100%}.fitting-product{border-radius:var(--radius-medium);background:var(--color-surface);grid-template-columns:56px 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.fitting-product-thumbnail{object-fit:cover;background:var(--color-surface-secondary);border-radius:12px;width:56px;height:56px}.fitting-product-text{min-width:0}.fitting-product-title{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.fitting-product-price{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:15px;font-weight:500}@media (prefers-reduced-transparency:reduce){.fitting-pending-pill,.fitting-compare-knob{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.page>.photo-slot-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:min(640px,160dvh - 704px);display:grid}.photo-slot{text-align:left;align-content:start;gap:14px;display:grid}.photo-slot-thumbnail{aspect-ratio:4/5;border-radius:var(--radius);border:1px dashed var(--color-border-strong);background:var(--color-surface);place-content:center;justify-items:center;gap:16px;width:100%;display:grid;position:relative;overflow:hidden}.photo-slot-thumbnail.is-filled{border:1px solid var(--color-border-strong)}.photo-slot-thumbnail img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo-slot-placeholder{color:var(--color-faint);font-size:28px;font-weight:300;line-height:1}.photo-slot-actions{flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px;display:flex;position:relative}.photo-slot-thumbnail.is-filled .photo-slot-actions{position:absolute;bottom:12px;left:0;right:0}.photo-slot-body{justify-items:start;gap:4px;display:grid}.photo-slot-picker{width:auto;position:relative}.photo-slot-picker:has(input:disabled){opacity:.35;pointer-events:none}.photo-slot-picker:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}.photo-slot-count{font-variant-numeric:tabular-nums}.personal-color-result{isolation:isolate;justify-items:center;gap:clamp(16px,3.5vh,40px);display:grid;position:relative}.personal-color-result:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 0%, var(--season-glow), #05050500 72%);width:min(1200px,100vw);height:90vh;position:absolute;top:calc(-1*clamp(80px,14vh,160px));left:50%;translate:-50%}.season-glow-spring{--season-glow:#9a5a3c;--season-tint:#f2cdb4}.season-glow-summer{--season-glow:#4a5a8a;--season-tint:#cbd4ef}.season-glow-autumn{--season-glow:#7a5230;--season-tint:#d9c39a}.season-glow-winter{--season-glow:#2f3f7a;--season-tint:#c3cbe6}.season-hero{justify-items:center;gap:clamp(6px,1.4vh,14px);display:grid}.season-hero-face{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);width:clamp(44px,6.4vh,72px);height:auto;box-shadow:0 0 0 1px #ffffff4d}.season-hero-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--season-tint);margin:4px 0 0;font-size:11px}.season-hero-name{letter-spacing:-.055em;max-width:7ch;margin:0;font-size:clamp(2.75rem,min(7.2vw,9.5vh),6.5rem);font-weight:500;line-height:.88}.season-hero-description{color:var(--color-body);margin:0;font-size:15px;line-height:1.3}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.palette-grid li{aspect-ratio:1;animation:palette-in .42s var(--ease-spring) both;border-radius:50%;box-shadow:inset 0 0 0 1px #0000000f}.palette-grid li:nth-child(2){animation-delay:40ms}.palette-grid li:nth-child(3){animation-delay:80ms}.palette-grid li:nth-child(4){animation-delay:.12s}.palette-grid li:nth-child(5){animation-delay:.16s}.palette-grid li:nth-child(6){animation-delay:.2s}.palette-grid li:nth-child(n+7){animation-delay:.24s}@keyframes palette-in{0%{opacity:0;transform:scale(.6)}}.personal-color-palette{justify-items:center;gap:clamp(10px,1.8vh,18px);display:grid}.personal-color-palette .eyebrow{color:var(--season-tint)}.personal-color-palette .palette-grid{--swatch-size:clamp(30px, 4.6vh, 44px);grid-template-columns:repeat(4, var(--swatch-size));justify-content:center;gap:clamp(8px,1.4vh,14px)}.personal-color-palette .palette-grid li{box-shadow:0 0 0 1px #ffffff1f}.personal-color-palette .palette-grid-avoid{grid-template-columns:repeat(6, calc(var(--swatch-size) * .75))}.palette-grid-avoid li{opacity:.75;position:relative}.palette-grid-avoid li:after{content:"";background:#ffffffd9;width:1.5px;height:80%;position:absolute;top:10%;left:50%;rotate:45deg}.season-hero-subtype{letter-spacing:.08em;text-transform:uppercase;color:var(--season-tint);margin:0;font-size:13px}.personal-color-basis{border-radius:var(--radius-large);text-align:left;background:#ffffff0a;gap:14px;width:min(560px,100%);padding:24px;display:grid;box-shadow:0 0 0 1px #ffffff14}.personal-color-basis .eyebrow{color:var(--season-tint);margin:0}.personal-color-basis .footnote{margin:0}.face-color-list{grid-template-columns:repeat(5,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.face-color-list li{text-align:center;justify-items:center;gap:4px;display:grid}.face-color-chip{border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 1px #ffffff2e}.face-color-name{color:var(--color-body);font-size:12px}.face-color-value{color:var(--color-muted,#ffffff8c);font-variant-numeric:tabular-nums;font-size:11px}.axis-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.axis-list li{grid-template-columns:72px 56px 1fr 56px 44px;align-items:center;gap:8px;font-size:12px;display:grid}.axis-label{color:var(--color-body)}.axis-end{text-align:center;color:#ffffff73}.axis-end-active{color:var(--season-tint);font-weight:600}.axis-track{background:#ffffff1a;border-radius:3px;height:6px;position:relative}.axis-track:before{content:"";background:#ffffff59;width:1px;height:12px;position:absolute;top:-3px;left:50%}.axis-fill{background:var(--season-tint);border-radius:3px;height:100%;position:absolute;top:0}.axis-score{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-body)}.basis-metrics{gap:24px;margin:0;display:flex}.basis-metrics div{gap:2px;display:grid}.basis-metrics dt{color:#ffffff8c;font-size:12px}.basis-metrics dd{font-variant-numeric:tabular-nums;margin:0;font-size:18px}.basis-verdict{color:var(--color-body);margin:0;font-size:14px;line-height:1.5}.capture-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);animation:capture-fade .22s var(--ease-out) both;background:#050505db;place-items:center;padding:32px;display:grid;position:fixed;inset:0}.capture-dialog{--stage-width:min(calc(80vh * .8), 560px);grid-template-columns:var(--stage-width) minmax(280px, 340px);align-items:start;gap:48px;max-width:100%;display:grid}.capture-stage{--hold-progress:0;aspect-ratio:4/5;border-radius:var(--radius-large);background:var(--color-ink);width:100%;position:relative;overflow:hidden}.capture-video,.capture-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.capture-video{transform:scaleX(-1)}.capture-video.is-hidden{visibility:hidden}.capture-photo{animation:capture-fade .26s var(--ease-out) both}.capture-overlay{width:100%;height:100%;position:absolute;inset:0}.capture-shade{fill:#050505ad}.capture-outline{fill:none;stroke:#f4f4f4e6;stroke-width:5px;stroke-linejoin:round;transition:stroke .2s var(--ease-out)}.capture-overlay.is-ready .capture-outline{stroke:#f4f4f44d}.capture-outline-progress{fill:none;stroke:var(--color-like);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--hold-progress))}.capture-panel{align-content:start;gap:12px;padding-top:4px;display:grid}.capture-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.capture-close{width:auto;margin-right:-14px}.capture-title{letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(2rem,3vw,2.75rem);font-weight:500;line-height:.95}.capture-status{letter-spacing:-.03em;color:var(--color-text);margin:20px 0 4px;font-size:22px;line-height:1.2}.capture-status.is-ready{color:var(--color-like)}.capture-checks{border-top:1px solid var(--color-border);gap:0;margin:0;padding:0;list-style:none;display:grid}.capture-checks li{border-bottom:1px solid var(--color-border);color:var(--color-muted);transition:color .2s var(--ease-out);align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.capture-checks li.is-passed{color:var(--color-text)}.capture-check-mark{width:14px;height:14px;box-shadow:inset 0 0 0 1px var(--color-faint);transition:background .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:50%}.capture-checks li.is-passed .capture-check-mark{background:var(--color-like);box-shadow:none}.capture-actions{gap:8px;margin-top:12px;display:grid}.capture-upload{position:relative}.capture-upload:has(input:disabled){opacity:.35;pointer-events:none}.capture-upload:has(input:focus-visible){outline:1px solid var(--color-accent);outline-offset:3px}@keyframes capture-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.capture-backdrop,.capture-photo{animation:none}}@media (width<=767px){.photo-slot-list{gap:12px}.personal-color-result{gap:32px}.capture-backdrop{place-items:start center;padding:16px;overflow-y:auto}.capture-dialog{grid-template-columns:minmax(0,1fr);gap:20px;width:100%}}.profile-form{gap:48px;display:grid}.profile-fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.profile-fieldset legend{margin:0 auto 12px;padding:0}.profile-segmented{background:var(--color-border);box-shadow:inset 0 0 0 1px var(--color-border);grid-auto-columns:1fr;grid-auto-flow:column;gap:1px;padding:0;display:grid}.profile-segment{background:var(--color-background);height:48px;box-shadow:inset 0 0 0 1px var(--color-border);letter-spacing:-.01em;cursor:pointer;transition:background-color .2s var(--ease-out), box-shadow .2s var(--ease-out);place-items:center;font-size:15px;font-weight:500;display:grid;position:relative}.profile-segment:has(input:checked){background:var(--color-accent);color:var(--color-primary-text)}.profile-segment:has(input:focus-visible){outline:1px solid var(--color-accent);outline-offset:3px}.profile-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.profile-choice{border-radius:var(--radius);min-height:64px;box-shadow:inset 0 0 0 1px var(--color-border);letter-spacing:-.04em;cursor:pointer;transition:transform .1s ease-out, box-shadow .15s var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0 12px;font-size:22px;font-weight:500;display:flex;position:relative}.profile-choice:active{transform:scale(.97)}.profile-choice:hover{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.profile-choice:has(input:checked){background:var(--color-accent);color:var(--color-primary-text);box-shadow:none}.profile-choice:has(input:focus-visible){outline:1px solid var(--color-accent);outline-offset:3px}@media (width<=767px){.profile-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.recommendation-summary{flex-wrap:wrap;justify-content:center;gap:14px 32px;max-width:880px;display:flex}.recommendation-summary-row{align-items:center;gap:12px;display:flex}.recommendation-summary-row .eyebrow{flex-shrink:0}.recommendation-palette{flex-wrap:wrap;margin:0;padding:0 0 0 6px;list-style:none;display:flex}.recommendation-palette li{width:20px;height:20px;box-shadow:0 0 0 2px var(--color-background);border-radius:50%;margin-left:-6px}.recommendation-summary .chip{min-height:26px;box-shadow:inset 0 0 0 1px var(--color-border-strong);color:var(--color-text);border-radius:999px;padding:0 12px}.recommendation-list{--recommendation-gap:24px;justify-content:center;gap:40px var(--recommendation-gap);flex-wrap:wrap;max-width:1080px;margin-top:24px;display:flex}.recommendation-card{flex:0 0 calc((100% - var(--recommendation-gap) * 2) / 3);text-align:left;min-width:0;transition:transform .25s var(--ease-out);animation:recommendation-card-in .48s var(--ease-out) both;grid-template-rows:auto 1fr;gap:14px;display:grid}@media (hover:hover){.recommendation-card:hover{transform:translateY(-2px)}}.recommendation-card:nth-child(2){animation-delay:60ms}.recommendation-card:nth-child(3){animation-delay:.12s}.recommendation-card:nth-child(4){animation-delay:.18s}.recommendation-card:nth-child(n+5){animation-delay:.24s}@keyframes recommendation-card-in{0%{opacity:0;translate:0 12px}}.recommendation-card-image{border-radius:var(--radius);background:var(--color-surface-secondary);position:relative;overflow:hidden}.recommendation-card-image img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.recommendation-card-rank{letter-spacing:.08em;text-transform:uppercase;height:24px;color:var(--color-text);background:var(--color-chrome);align-items:center;padding:0 8px;font-size:10px;display:inline-flex;position:absolute;top:12px;left:12px}.recommendation-card-body{align-content:start;gap:8px;min-width:0;display:grid}.recommendation-card-mall{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:11px}.recommendation-card-title{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:400;line-height:1.35}.recommendation-card .price{font-size:15px}.recommendation-card-body .button-row{margin-top:4px}@media (width<=1023px){.recommendation-card{flex-basis:calc((100% - var(--recommendation-gap)) / 2)}}@media (width<=767px){.recommendation-list{gap:28px var(--recommendation-gap)}.recommendation-card{flex-basis:100%}}.swipe-carousel{--swipe-card-width:max(180px, min(340px, 44vw, calc((100dvh - 440px) * .75)));--swipe-slot-gap:calc(var(--swipe-card-width) * 1.12);--swipe-slide-duration:.65s;--swipe-slide-ease:cubic-bezier(.65, .05, .25, 1);height:calc(var(--swipe-card-width) * 4 / 3 + 36px);touch-action:none;position:relative;overflow:hidden}.swipe-slot{width:var(--swipe-card-width);aspect-ratio:3/4;margin-left:calc(var(--swipe-card-width) / -2);transform:translateX(calc(var(--slot-position) * var(--swipe-slot-gap))) scale(var(--slot-scale));opacity:var(--slot-opacity);filter:brightness(var(--slot-brightness));transition:transform var(--swipe-slide-duration) var(--swipe-slide-ease), opacity var(--swipe-slide-duration) var(--swipe-slide-ease), filter var(--swipe-slide-duration) var(--swipe-slide-ease);position:absolute;top:8px;left:50%}.swipe-slot[data-slot=current]{z-index:2}.swipe-slot:not([data-slot=current]){pointer-events:none}.swipe-slot[data-answer] .swipe-card{transition:box-shadow .25s var(--ease-out)}.swipe-slot[data-answer=like] .swipe-card{box-shadow:0 0 0 5px var(--color-like), var(--shadow-large)}.swipe-slot[data-answer=dislike] .swipe-card{box-shadow:0 0 0 5px var(--color-nope), var(--shadow-large)}.swipe-card{border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-large);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;will-change:transform;transition:transform .42s var(--ease-spring);position:absolute;inset:0;overflow:hidden}.swipe-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.swipe-card.is-dragging{cursor:grabbing;transition:none}.swipe-card-static{cursor:default;will-change:auto}.swipe-card-ring{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.swipe-card-ring-like{box-shadow:inset 0 0 0 5px var(--color-like)}.swipe-card-ring-dislike{box-shadow:inset 0 0 0 5px var(--color-nope)}.swipe-slot-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:11px;position:absolute;bottom:0;translate:-50%}.swipe-slot-label-previous{left:calc(50% - var(--swipe-slot-gap))}.swipe-slot-label-next{left:calc(50% + var(--swipe-slot-gap))}.swipe-actions{justify-content:center;align-items:center;gap:24px;display:flex}.swipe-round-button{cursor:pointer;background:var(--color-surface);width:64px;height:64px;box-shadow:var(--shadow-large);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;transition:transform .1s ease-out;display:grid}.swipe-round-button:active:not(:disabled){transform:scale(.9)}.swipe-round-button:disabled{opacity:.3;cursor:default}.swipe-round-button-small{width:44px;height:44px;color:var(--color-body);box-shadow:inset 0 0 0 1px var(--color-border)}.swipe-round-button:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.swipe-round-button svg{width:26px;height:26px}.swipe-round-button-small svg{width:18px;height:18px}.swipe-hint{text-align:center}.swipe-hint kbd{background:var(--color-surface);min-width:22px;height:20px;box-shadow:inset 0 -1px 0 var(--color-border), 0 0 0 1px var(--color-border);font:inherit;border-radius:5px;place-items:center;margin:0 2px;padding:0 4px;font-size:12px;display:inline-grid}@media (hover:none){.swipe-hint-keyboard{display:none}}.wardrobe-heading{justify-content:space-between;align-items:baseline;display:flex}.wardrobe-counter{font-variant-numeric:tabular-nums}.wardrobe-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.wardrobe-cell{aspect-ratio:3/4;border-radius:var(--radius-medium);object-fit:cover;background:var(--color-surface-secondary);width:100%;animation:wardrobe-cell-in .32s var(--ease-spring) both;display:block}@keyframes wardrobe-cell-in{0%{opacity:0;scale:.92}}.wardrobe-picker{cursor:pointer;border:1px dashed var(--color-faint);color:var(--color-text);letter-spacing:.04em;text-transform:uppercase;background:0 0;place-content:center;justify-items:center;gap:4px;font-size:11px;font-weight:500;transition:transform .1s ease-out;animation:none;display:grid;position:relative}.wardrobe-picker:before{content:"＋";font-size:30px;line-height:1}.wardrobe-picker:active{transform:scale(.97)}.wardrobe-picker:has(input:disabled){opacity:.35;pointer-events:none}.wardrobe-picker:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:2px}.wardrobe-empty{border:1.5px dashed var(--color-border);background:0 0;animation:none}@media (width<=767px){.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}