@import "https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Hanken+Grotesk:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--surface-container-lowest:#fff;--surface-container-low:#f5f3f3;--surface-container:#efeded;--surface-container-high:#e9e8e7;--surface-container-highest:#e4e2e2;--surface:#fbf9f9;--background:#fbf9f9;--primary:#000;--on-primary:#fff;--on-surface:#1b1c1c;--on-surface-variant:#444748;--outline:#747878;--outline-variant:#c4c7c7;--secondary:#775a19;--secondary-fixed:#ffdea5;--secondary-fixed-dim:#e9c176;--primary-fixed-dim:#c8c6c5;--error:#ba1a1a;--font-headline:"Bodoni Moda", Georgia, serif;--font-body:"Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--font-korean:"Noto Sans KR", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--margin-desktop:80px;--margin-mobile:20px;--gutter:32px;--container-max:1440px;font-family:var(--font-body);color:var(--on-surface);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}::selection{background:var(--secondary-fixed);color:var(--on-surface)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e9c17699}img{max-width:100%}.main-screen{background:var(--surface);min-height:100vh;color:var(--on-surface);flex-direction:column;display:flex;overflow:visible}.top-nav{z-index:10;border-bottom:1px solid var(--outline-variant);background:var(--surface);position:sticky;top:0}.top-nav nav{width:min(100%, var(--container-max));justify-content:space-between;align-items:center;gap:var(--gutter);height:80px;padding:0 var(--margin-desktop);margin:0 auto;display:flex}.nav-brand{color:var(--primary);align-items:center;display:inline-flex}.nav-brand strong{font-family:var(--font-headline);font-size:2rem;font-style:italic;font-weight:500;line-height:1.1}.nav-brand.compact strong{font-size:1.75rem}.nav-icon{width:34px;height:34px;color:var(--primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.nav-links{align-items:center;gap:42px;display:flex}.nav-links a{color:var(--on-surface-variant);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #0000;font-size:.75rem;font-weight:700;line-height:1.4;text-decoration:none}.nav-links a.active{border-bottom-color:var(--primary);color:var(--primary)}.home-hero{width:min(100%, var(--container-max));align-items:center;gap:var(--gutter);min-height:calc(100vh - 81px);padding:clamp(24px, 4vh, 56px) var(--margin-desktop);grid-template-columns:repeat(12,minmax(0,1fr));margin:0 auto;display:grid}.intake-shell{flex-direction:column;grid-column:span 5;gap:clamp(18px,2.8vh,40px);min-width:0;display:flex;overflow:hidden}.intro-panel{max-width:640px}.eyebrow,.studio-heading span,.number-field>span,.upload-empty small,.upload-action,.analyze-button,.back-button,.result-profile span,.visual-caption span{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.4}.eyebrow{color:var(--secondary);margin:0 0 16px}h1{max-width:620px;color:var(--primary);font-family:var(--font-korean);letter-spacing:-.04em;word-break:keep-all;margin:0;font-size:clamp(2.1rem,3vw,3.8rem);font-weight:600;line-height:1.12}.intro-copy{max-width:520px;color:var(--on-surface-variant);margin:20px 0 0;font-size:clamp(.98rem,1.12vw,1.12rem);line-height:1.6}.intake-form{background:var(--surface-container-lowest);border:1px solid #c4c7c78c;gap:clamp(14px,1.9vh,28px);width:100%;padding:clamp(20px,2.6vh,32px);display:grid;box-shadow:0 20px 40px #0000000a}.studio-heading{gap:10px;display:grid}.studio-heading span{color:var(--primary)}.studio-heading i{background:linear-gradient(to right, var(--secondary), transparent);width:48px;height:1px;display:block}.photo-uploader{border:2px dashed var(--outline-variant);background:linear-gradient(#fbf9f9d1, #fbf9f9d1), var(--surface-container-low);cursor:pointer;place-items:center;height:clamp(108px,16vh,184px);min-height:0;transition:border-color .24s,background .24s,transform .24s;display:grid;position:relative;overflow:hidden}.photo-uploader:hover,.photo-uploader.is-dragging{border-color:var(--primary);background:var(--surface-container-low)}.photo-uploader.is-dragging{transform:translateY(-2px)}.photo-uploader input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photo-uploader img{object-fit:contain;object-position:center;width:100%;height:100%;min-height:0;display:block}.policy-check{color:var(--on-surface-variant);border-top:1px solid #c4c7c773;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;padding:14px 0 0;font-size:.82rem;line-height:1.55;display:grid}.policy-check input{width:18px;height:18px;accent-color:var(--primary);margin:2px 0 0}.upload-empty{color:var(--primary);text-align:center;place-items:center;gap:10px;padding:24px;display:grid}.upload-empty svg{color:var(--outline);stroke-width:1.3px}.upload-empty strong{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;font-weight:700}.upload-empty small{color:var(--on-surface-variant);font-size:.68rem}.upload-action{min-height:36px;color:var(--on-primary);background:#000000e0;align-items:center;gap:8px;padding:0 12px;display:inline-flex;position:absolute;bottom:16px;right:16px}.field-grid{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.number-field{gap:8px;min-width:0;display:grid}.number-field>span{color:var(--on-surface-variant)}.number-field>div{border-bottom:1px solid var(--outline);align-items:end;gap:8px;display:flex}.number-field input{width:100%;min-width:0;color:var(--primary);font-family:var(--font-headline);background:0 0;border:0;outline:0;padding:8px 0;font-size:clamp(1.55rem,2.2vw,2rem);font-weight:400;line-height:1.2}.number-field input::placeholder{color:var(--primary-fixed-dim)}.number-field em{color:var(--primary);letter-spacing:.08em;padding-bottom:12px;font-style:normal;font-weight:700}.analyze-button{background:var(--primary);min-height:clamp(50px,6.5vh,56px);color:var(--on-primary);cursor:pointer;border:0;justify-content:center;align-items:center;gap:12px;transition:letter-spacing .24s,opacity .18s,transform .18s;display:inline-flex}.analyze-button:not(:disabled):hover{letter-spacing:.18em}.analyze-button:not(:disabled):active{transform:scale(.98)}.analyze-button:disabled{cursor:not-allowed;opacity:.38}.status-message{min-height:18px;color:var(--secondary);opacity:0;margin:-10px 0 0;font-size:.88rem;font-weight:600}.status-message.visible{opacity:1}.error-message{color:var(--error);margin:-8px 0 0;font-weight:700}.visual-panel{background:var(--surface-container);grid-column:span 7;height:min(700px,100vh - 150px);min-height:460px;position:relative;overflow:hidden}.visual-panel img{filter:grayscale(18%);object-fit:cover;object-position:center;width:100%;height:100%;transition:transform 2s;display:block}.visual-panel:hover img{transform:scale(1.045)}.visual-frame{content:"";pointer-events:none;border:1px solid #fbf9f9e6;position:absolute;inset:32px}.visual-caption{z-index:1;border:1px solid var(--outline-variant);max-width:320px;color:var(--primary);background:#fbf9f9f5;gap:10px;padding:24px;display:grid;position:absolute;bottom:48px;right:48px}.visual-caption span{color:var(--secondary);font-size:.68rem}.visual-caption strong{font-family:var(--font-korean);word-break:keep-all;font-size:1rem;font-weight:500;line-height:1.45}.visual-caption p{color:var(--on-surface-variant);margin:0}.feature-section{background:var(--surface-container-low);padding:clamp(72px, 9vw, 128px) var(--margin-desktop)}.feature-grid{width:min(100%, var(--container-max));gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid}.feature-card{border-left:1px solid var(--outline-variant);gap:22px;padding:32px;transition:background .3s,transform .3s;display:grid}.feature-card:hover{background:var(--surface);transform:translateY(-2px)}.feature-card svg{color:var(--primary);stroke-width:1.4px}.feature-card h2,.gallery-note h2,.site-footer h2{color:var(--primary);font-family:var(--font-korean);word-break:keep-all;margin:0;font-weight:600}.feature-card h2{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.3}.feature-card p,.gallery-note p,.footer-brand p,.site-footer a,.site-footer p{color:var(--on-surface-variant);margin:0;line-height:1.65}.quote-section{background:var(--surface);padding:clamp(96px, 12vw, 192px) var(--margin-mobile);text-align:center}.quote-section>div{justify-items:center;gap:28px;max-width:760px;margin:0 auto;display:grid}.quote-section span{color:var(--secondary-fixed-dim);font-family:var(--font-headline);opacity:.55;font-size:5rem;line-height:.7}.quote-section h2{color:var(--primary);font-family:var(--font-korean);word-break:keep-all;margin:0;font-size:clamp(2rem,4.2vw,4.4rem);font-weight:500;line-height:1.22}.quote-section i{background:linear-gradient(to right, transparent, var(--secondary), transparent);width:96px;height:1px;display:block}.quote-section p{color:var(--secondary);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.gallery-section{width:min(100%, var(--container-max));padding:clamp(72px, 9vw, 128px) var(--margin-desktop);margin:0 auto}.gallery-grid{gap:var(--gutter);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));min-height:760px;display:grid}.gallery-large,.gallery-small{background:var(--surface-container);overflow:hidden}.gallery-large{grid-area:span 2/span 8}.gallery-small{grid-column:span 4}.gallery-large img,.gallery-small img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s;display:block}.gallery-large:hover img,.gallery-small:hover img{transform:scale(1.035)}.gallery-note{background:var(--primary);color:var(--on-primary);flex-direction:column;grid-column:span 4;justify-content:end;gap:18px;padding:clamp(28px,4vw,48px);display:flex}.gallery-note h2{color:var(--on-primary);font-size:clamp(1.4rem,2vw,2rem)}.gallery-note p{color:#ffffffc7}.legal-section{width:min(100%, var(--container-max));padding:clamp(72px, 9vw, 128px) var(--margin-desktop);border-top:1px solid #c4c7c759;margin:0 auto}.legal-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.legal-heading span{color:var(--secondary);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.legal-heading h2{max-width:640px;color:var(--primary);font-family:var(--font-korean);word-break:keep-all;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:600;line-height:1.2}.legal-grid{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.legal-grid article{border-left:1px solid var(--outline-variant);background:var(--surface-container-low);align-content:start;gap:18px;padding:28px;display:grid}.legal-grid svg{color:var(--secondary);stroke-width:1.4px}.legal-grid h3{color:var(--primary);font-family:var(--font-korean);margin:0;font-size:1.25rem;font-weight:700}.legal-grid p{color:var(--on-surface-variant);word-break:keep-all;margin:0;line-height:1.65}.site-footer{background:var(--surface-container-highest);margin-top:auto}.footer-grid{width:min(100%, var(--container-max));gap:var(--gutter);padding:64px var(--margin-desktop);grid-template-columns:4fr 2fr 2fr 4fr;margin:0 auto;display:grid}.footer-brand{gap:24px;display:grid}.footer-brand strong{color:var(--primary);font-family:var(--font-headline);font-size:2rem;font-style:italic;font-weight:500;line-height:1.1}.footer-brand p{max-width:320px}.site-footer section{min-width:0}.site-footer h2{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:.75rem;font-weight:700}.site-footer nav{gap:8px;display:grid}.site-footer a{text-decoration:none;transition:color .18s}.site-footer a:hover{color:var(--secondary)}.footer-meta{text-align:right;flex-direction:column;justify-content:space-between;align-items:end;gap:32px;display:flex}.footer-meta div{color:var(--primary);gap:20px;display:flex}.result-screen{background:var(--surface);min-height:100vh;color:var(--on-surface);padding:0 0 72px}.result-topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf9f9eb;border-bottom:1px solid #c4c7c759;position:sticky;top:0}.result-topbar,.checkout-topbar{min-height:84px}.result-nav-inner,.result-topbar>.back-button{flex:none}.result-topbar{width:min(100%, var(--container-max));padding:0 var(--margin-desktop);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.result-nav-inner{grid-template-columns:30px minmax(max-content,1fr) auto 34px;align-items:center;gap:28px;min-width:0;display:grid}.result-menu-button,.result-account{width:34px;height:34px;color:var(--primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.result-menu-button{flex-direction:column;gap:6px}.result-menu-button span{background:var(--primary);width:18px;height:2px;display:block}.result-nav-links{align-items:center;gap:42px;display:flex}.result-nav-links a{color:var(--on-surface-variant);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #0000;font-size:.75rem;font-weight:700;text-decoration:none}.result-nav-links a.active{border-bottom-color:var(--primary);color:var(--primary)}.back-button{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);min-height:42px;color:var(--primary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.editorial-line{background:var(--outline-variant);opacity:.55;height:1px}.result-hero,.analysis-section,.palette-section,.coordination-logic-section,.integrity-note{width:min(100%, var(--container-max));padding-right:var(--margin-desktop);padding-left:var(--margin-desktop);margin:0 auto}.result-hero{padding-top:clamp(48px,7vw,92px);padding-bottom:clamp(72px,9vw,128px)}.result-issue{border-bottom:1px solid #c4c7c759;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px;padding-bottom:16px;display:flex}.result-issue h1{max-width:none;font-family:var(--font-korean);letter-spacing:-.03em;word-break:keep-all;font-size:clamp(2.7rem,4.8vw,4.8rem);font-weight:600;line-height:1.08}.result-issue span{color:var(--on-surface-variant);font-family:var(--font-body);letter-spacing:.1em;opacity:.75;text-transform:uppercase;font-size:.75rem;font-weight:700}.result-hero-grid{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.result-visual{aspect-ratio:1.75;background:linear-gradient(#fbf9f9b8, #fbf9f9b8), var(--surface-container);grid-column:span 7;overflow:hidden}.result-visual img{filter:grayscale();object-fit:cover;object-position:center;width:100%;height:100%;transition:filter .7s,transform .7s;display:block}.result-visual img.user-photo{filter:grayscale(0);object-fit:contain}.result-visual:hover img{filter:grayscale(0);transform:scale(1.025)}.result-visual:hover img.user-photo{transform:none}.profile-ledger{grid-column:span 5;align-self:end;gap:28px;display:grid}.profile-card{background:var(--surface-container-low);border:1px solid #c4c7c766;gap:28px;padding:clamp(24px,3vw,36px);display:grid}.profile-ledger dl{gap:18px;margin:0;display:grid}.profile-ledger dl div{justify-content:space-between;align-items:center;gap:24px;display:flex}.profile-ledger dt,.profile-ledger dd,.analysis-points span{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.profile-ledger dt{color:var(--on-surface-variant)}.profile-ledger dd{color:var(--primary);text-align:right;margin:0}.profile-card-status{border-top:1px solid #c4c7c759;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.profile-card-status span,.analysis-lead>span{color:var(--secondary);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.profile-card-status strong{color:var(--primary);font-size:.98rem}.profile-ledger p{color:var(--on-surface-variant);margin:10px 0 0;font-size:1.15rem;font-style:italic;line-height:1.65}.analysis-section{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));padding-bottom:clamp(84px,11vw,156px);display:grid}.analysis-tags{grid-column:span 3}.analysis-tags h2,.palette-heading h2,.coordination-logic-section h2,.integrity-note h2{color:var(--primary);font-family:var(--font-korean);word-break:keep-all;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:600;line-height:1.2}.analysis-tags>div{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.analysis-tags span{background:var(--surface-container);color:var(--primary);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;font-size:.75rem;font-weight:700}.analysis-copy{grid-column:5/span 8}.analysis-lead{max-width:760px;margin-bottom:56px}.analysis-lead>span{margin-bottom:16px;display:block}.analysis-lead h2{color:var(--primary);font-family:var(--font-korean);letter-spacing:-.035em;word-break:keep-all;margin:0 0 18px;font-size:clamp(2.15rem,4vw,4.4rem);font-weight:600;line-height:1.08}.analysis-lead p{max-width:680px;color:var(--on-surface-variant);word-break:keep-all;margin:0;font-size:1.12rem;line-height:1.65}.analysis-points{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.analysis-points>div{border-left:4px solid var(--primary);background:var(--surface-container);padding:clamp(24px,3vw,36px)}.analysis-points>div:nth-child(2){border-left-color:var(--outline-variant)}.analysis-points span{color:var(--secondary);margin-bottom:14px;display:block}.analysis-points h3{color:var(--primary);font-family:var(--font-korean);margin:0 0 14px;font-size:1.5rem;font-weight:600}.analysis-points p,.palette-heading p,.palette-chip p,.look-card-copy p{color:var(--on-surface-variant);margin:0;line-height:1.6}.palette-section{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));padding-bottom:clamp(84px,10vw,140px);display:grid}.palette-heading{grid-column:span 4;align-content:start;gap:18px;display:grid}.palette-heading>span,.look-card-copy>span{color:var(--secondary);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.palette-heading p{word-break:keep-all;max-width:360px}.palette-board{grid-column:5/span 8;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.palette-chip{background:var(--surface-container-lowest);border:1px solid #c4c7c773;grid-template-rows:140px auto;min-width:0;display:grid;overflow:hidden}.palette-chip>span{min-height:140px;display:block}.palette-chip div{gap:8px;padding:18px 16px;display:grid}.palette-chip h3{color:var(--primary);font-family:var(--font-korean);word-break:keep-all;margin:0;font-size:1rem;font-weight:700}.palette-chip small{color:var(--outline);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.coordination-logic-section{margin-bottom:clamp(84px,11vw,156px)}.coordination-section-title{align-items:center;gap:32px;margin-bottom:clamp(48px,6vw,72px);display:flex}.coordination-section-title h2{flex:none}.coordination-section-title .editorial-line{flex:auto}.look-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.look-card{background:var(--surface-container-lowest);border:1px solid #c4c7c761;border-radius:8px;grid-template-rows:auto 1fr;min-width:0;display:grid;overflow:hidden}.look-card:nth-child(3){grid-column:auto}.look-card-visual{aspect-ratio:4/3;background:radial-gradient(circle at 32% 28%,#ffffffbf,#0000 24%),linear-gradient(135deg,#ddd3c1,#c7bea9);min-height:0;position:relative;overflow:hidden}.look-number{z-index:2;min-width:34px;min-height:34px;color:var(--primary);font-family:var(--font-body);letter-spacing:.1em;background:#fbf9f9e6;border-radius:999px;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:18px;left:18px}.look-piece{display:block;position:absolute;box-shadow:0 18px 34px #00000024}.look-piece-top{aspect-ratio:.92;border-radius:52% 52% 14px 14px;width:clamp(112px,40%,164px);top:16%;left:9%}.look-piece-bottom{aspect-ratio:.72;border-radius:12px 12px 22px 22px;width:clamp(92px,32%,136px);bottom:14%;right:10%}.look-piece-shoe{aspect-ratio:2.75;border-radius:999px 999px 10px 10px;width:clamp(56px,20%,74px);bottom:12%;left:12%}.look-piece-bag{aspect-ratio:1;opacity:.86;border-radius:12px;width:clamp(42px,15%,58px);top:17%;right:11%}.look-card-copy{border-top:1px solid #c4c7c761;align-content:start;gap:16px;padding:clamp(24px,2.8vw,36px);display:grid}.look-card-copy h3{color:var(--primary);font-family:var(--font-korean);word-break:keep-all;margin:0;font-size:clamp(1.45rem,2vw,2rem);font-weight:700;line-height:1.25}.look-card-copy ul{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.look-card-copy li{color:var(--on-surface-variant);font-size:.95rem;line-height:1.45}.look-card-copy li:before{content:"- ";color:var(--secondary);font-weight:700}.coordination-action{justify-content:center;margin-top:clamp(44px,5vw,64px);display:flex}.coordination-action button{background:var(--primary);min-height:56px;color:var(--on-primary);cursor:pointer;font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border:0;padding:0 40px;font-size:.75rem;font-weight:700;transition:opacity .18s,transform .18s}.coordination-action button:hover{opacity:.9}.coordination-action button:active{transform:scale(.98)}.integrity-note{text-align:center;border-top:1px solid #c4c7c773;justify-items:center;gap:18px;max-width:760px;padding-top:72px;display:grid}.integrity-note svg{color:var(--secondary);stroke-width:1.35px}.integrity-note p{color:var(--on-surface-variant);margin:0 0 16px;font-size:1.08rem;font-style:italic;line-height:1.7}.integrity-note div{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.integrity-note span{background:var(--surface-container);color:var(--on-surface-variant);padding:7px 10px;font-size:.86rem}.checkout-screen{background:var(--surface);min-height:100vh;color:var(--on-surface);padding:0 clamp(20px, 5vw, var(--margin-desktop)) 72px}.checkout-topbar{width:min(100%, var(--container-max));border-bottom:1px solid #c4c7c759;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:24px 0;display:flex}.checkout-hero,.checkout-process,.checkout-note{width:min(100%, var(--container-max));margin:0 auto}.checkout-hero{padding:clamp(48px,7vw,92px) 0 clamp(72px,9vw,128px)}.checkout-issue{border-bottom:1px solid #c4c7c759;gap:18px;max-width:900px;margin-bottom:56px;padding-bottom:22px;display:grid}.checkout-issue span,.plan-card span,.payment-form label>span,.summary-card>span,.checkout-process article>span{color:var(--secondary);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1.4}.checkout-issue h1{max-width:760px;color:var(--primary);font-family:var(--font-korean);letter-spacing:-.04em;word-break:keep-all;margin:0;font-size:clamp(2.7rem,5vw,5rem);font-weight:600;line-height:1.08}.checkout-issue p{max-width:680px;color:var(--on-surface-variant);word-break:keep-all;margin:0;font-size:1.08rem;line-height:1.65}.checkout-layout{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.checkout-main{grid-column:span 7;gap:24px;display:grid}.checkout-summary{grid-column:9/span 4}.checkout-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.plan-card{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--primary);text-align:left;cursor:pointer;gap:10px;padding:24px;transition:border-color .2s,background .2s,transform .2s;display:grid}.plan-card:hover,.plan-card.selected{border-color:var(--primary);background:var(--surface-container-low)}.plan-card:hover{transform:translateY(-2px)}.plan-card strong{font-family:var(--font-headline);font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1.1}.plan-card small{color:var(--on-surface-variant);font-size:.95rem;line-height:1.5}.payment-form,.summary-card{background:var(--surface-container-lowest);border:1px solid #c4c7c78c;box-shadow:0 20px 40px #0000000a}.payment-form{gap:22px;padding:clamp(24px,3vw,36px);display:grid}.form-heading{border-bottom:1px solid var(--outline-variant);align-items:center;gap:12px;padding-bottom:16px;display:flex}.form-heading h2,.summary-card h2,.checkout-process h2,.checkout-note h2{color:var(--primary);font-family:var(--font-korean);word-break:keep-all;margin:0;font-weight:600}.form-heading h2{font-size:1.35rem}.payment-form label{gap:8px;display:grid}.payment-form input{border:1px solid var(--outline-variant);background:var(--surface);width:100%;min-height:52px;color:var(--primary);outline:0;padding:0 14px}.payment-form input:focus{border-color:var(--primary)}.payment-form input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--primary);padding:0}.payment-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.payment-disclaimer{background:var(--surface-container-low);color:var(--on-surface-variant);border:1px solid #c4c7c78c;margin:0;padding:16px 18px;font-size:.9rem;line-height:1.6}.payment-button{background:var(--primary);min-height:58px;color:var(--on-primary);cursor:pointer;font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:12px;font-size:.75rem;font-weight:700;transition:opacity .18s,transform .18s;display:inline-flex}.payment-button:active{transform:scale(.98)}.payment-button:disabled{cursor:not-allowed;opacity:.36}.checkout-policy{background:var(--surface-container-low);border:1px solid #c4c7c78c;gap:12px;padding:18px;display:grid}.checkout-policy strong{color:var(--primary);font-family:var(--font-korean);font-size:1rem}.checkout-policy p{color:var(--on-surface-variant);margin:0;font-size:.9rem;line-height:1.55}.checkout-policy p:before{content:"- ";color:var(--secondary);font-weight:700}.checkout-policy label{color:var(--primary);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;margin-top:6px;font-size:.9rem;font-weight:700;line-height:1.5}.checkout-status{color:var(--secondary);margin:0;font-weight:700;line-height:1.6}.checkout-error{color:#9a3412;margin:0;font-weight:700;line-height:1.6}.summary-card{gap:22px;padding:clamp(24px,3vw,36px);display:grid;position:sticky;top:106px}.summary-card svg{color:var(--primary);stroke-width:1.4px}.summary-card h2{font-size:clamp(1.55rem,2.4vw,2.4rem)}.summary-card dl{border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);gap:14px;margin:0;padding:20px 0;display:grid}.summary-card dl div{justify-content:space-between;align-items:center;gap:16px;display:flex}.summary-card dt{color:var(--on-surface-variant)}.summary-card dd{color:var(--primary);margin:0;font-weight:700}.summary-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.summary-card li{color:var(--on-surface-variant);align-items:center;gap:10px;line-height:1.5;display:flex}.summary-card li svg{color:var(--secondary);flex:none}.summary-disclaimer{border-top:1px solid var(--outline-variant);color:var(--on-surface-variant);margin:0;padding-top:18px;font-size:.88rem;line-height:1.6}.checkout-process{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:clamp(72px,9vw,128px);display:grid}.checkout-process article{border-left:1px solid var(--outline-variant);background:var(--surface-container-low);gap:16px;padding:32px;display:grid}.checkout-process h2{font-size:1.35rem}.checkout-process p,.checkout-note p{color:var(--on-surface-variant);word-break:keep-all;margin:0;line-height:1.65}.checkout-note{text-align:center;border-top:1px solid #c4c7c773;justify-items:center;gap:18px;max-width:760px;padding-top:72px;display:grid}.checkout-note svg{color:var(--secondary);stroke-width:1.4px}@media (width<=1100px){.main-screen{min-height:100vh;overflow:visible}.home-hero{padding:36px var(--margin-mobile);grid-template-columns:1fr;gap:36px}.feature-section,.gallery-section,.legal-section{padding-right:var(--margin-mobile);padding-left:var(--margin-mobile)}.feature-grid,.gallery-grid,.legal-grid,.footer-grid{grid-template-columns:1fr}.feature-grid{gap:18px}.gallery-grid{grid-template-rows:none;min-height:0}.gallery-large,.gallery-small,.gallery-note{grid-area:auto}.gallery-large,.gallery-small{aspect-ratio:4/5}.footer-grid{padding:48px var(--margin-mobile)}.legal-heading{flex-direction:column;align-items:start}.footer-meta{text-align:left;align-items:start}.top-nav nav{height:72px;padding:0 var(--margin-mobile)}.nav-links{display:none}.nav-brand strong{font-size:1.55rem}.result-topbar{padding:0 var(--margin-mobile)}.result-hero,.analysis-section,.palette-section,.coordination-logic-section,.integrity-note{padding-right:var(--margin-mobile);padding-left:var(--margin-mobile)}.intake-shell{grid-column:auto;gap:32px;min-height:0;overflow:visible}.visual-panel{order:3;grid-column:auto;height:min(56vh,520px);display:block}.visual-frame,.visual-caption{display:none}.result-hero-grid,.analysis-section,.palette-section,.checkout-layout,.checkout-process{grid-template-columns:1fr}.palette-heading,.palette-board,.look-card:nth-child(3){grid-column:auto}.palette-board{grid-template-columns:repeat(2,minmax(0,1fr))}.look-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-visual,.profile-ledger,.analysis-tags,.analysis-copy,.checkout-main,.checkout-summary{grid-column:auto}.summary-card{position:static}}@media (width<=720px){h1{font-size:clamp(2.2rem,11vw,3.2rem)}.intro-copy{font-size:1rem}.intake-form{gap:22px;padding:24px 20px}.field-grid,.analysis-points{grid-template-columns:1fr}.photo-uploader{height:220px}.number-field input{font-size:1.75rem}.result-screen{padding-bottom:48px}.checkout-screen{padding:0 var(--margin-mobile) 48px}.result-topbar,.checkout-topbar{flex-direction:column;align-items:stretch;gap:12px;padding-top:16px;padding-bottom:16px}.result-nav-inner{grid-template-columns:28px minmax(0,1fr) 34px;gap:16px}.result-nav-links{display:none}.result-account{grid-column:3}.back-button{width:100%}.result-issue{flex-direction:column;align-items:start;margin-bottom:30px}.result-issue h1{font-size:clamp(2.3rem,13vw,3.5rem)}.result-hero{padding:38px 0 72px}.result-visual{aspect-ratio:4/5}.profile-ledger dl div{flex-direction:column;align-items:start;gap:6px}.profile-ledger dd{text-align:left}.coordination-section-title{flex-direction:column;align-items:start;gap:18px}.coordination-section-title .editorial-line{width:100%}.palette-board{grid-template-columns:1fr}.palette-chip{grid-template-rows:96px auto}.palette-chip>span{min-height:96px}.look-card-grid{grid-template-columns:1fr}.look-card{grid-template-rows:auto 1fr;grid-template-columns:none}.look-card-visual{aspect-ratio:4/3}.integrity-note{padding-top:48px}.checkout-issue h1{font-size:clamp(2.3rem,13vw,3.5rem)}.checkout-plan-grid,.payment-field-row{grid-template-columns:1fr}.payment-form,.plan-card,.summary-card,.checkout-process article{padding:24px 20px}}