:root{--text:#4d4635;--text-h:#1c1b1b;--text-soft:#7f7663;--bg:#fcf9f8;--surface:#fff;--surface-muted:#f6f3f2;--surface-sunken:#f0eded;--border:#e5e2e1;--border-strong:#d0c5af;--accent:#735c00;--accent-bright:#d4af37;--accent-bg:#735c000f;--accent-border:#d4af374d;--ink:#1c1b1b;--danger:#ba1a1a;--danger-bg:#ffdad6;--shadow:0 10px 40px -10px #735c0014;--glow:0 4px 40px #d4af3714;--radius:2px;--radius-lg:4px;--radius-xl:8px;--radius-pill:999px;--serif:"Playfair Display", "Noto Serif KR", ui-serif, Georgia, serif;--sans:Inter, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", Roboto, sans-serif;--heading:var(--serif);--mono:ui-monospace, Consolas, monospace;font:16px/160% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:15px}}body{background:var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.4px;margin:0 0 12px;font-size:48px;line-height:110%}@media (width<=640px){h1{font-size:32px;line-height:120%}}h2{margin:0 0 8px;font-size:32px;font-weight:500;line-height:130%}@media (width<=640px){h2{font-size:24px}}p{margin:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}.app-shell:before,.app-shell:after{content:"";z-index:-1;filter:blur(80px);pointer-events:none;border-radius:50%;position:fixed}.app-shell:before{background:var(--surface-muted);opacity:.6;width:42vw;height:42vw;top:-12%;left:-12%}.app-shell:after{background:var(--accent-bright);opacity:.14;width:46vw;height:46vw;bottom:-14%;right:-14%}.shell-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1100px;margin:0 auto;padding:0 16px;display:flex}@media (width>=768px){.shell-inner{padding:0 64px}}.logo{align-items:center;gap:10px;display:inline-flex}.logo-mark{flex-shrink:0;width:30px;height:30px}.logo-mark .logo-mark-bg{fill:var(--accent)}.logo-mark .logo-mark-glass{fill:none;stroke:#fff;stroke-width:1.8px}.logo-mark .logo-mark-shine{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;opacity:.75}.logo-mark .logo-mark-shine.dim{opacity:.45}.logo-word{font-family:var(--serif);letter-spacing:-.2px;color:var(--accent);white-space:nowrap;align-items:baseline;gap:8px;font-size:22px;font-weight:600;display:inline-flex}.logo-word-en{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-size:11px;font-weight:600}@media (width<=480px){.logo-word-en{display:none}}.site-header{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);align-items:center;height:72px;display:flex;position:sticky;top:0}.brand{border-radius:8px;text-decoration:none}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.beta-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);color:var(--accent);border:1px solid var(--accent-border);background:0 0;padding:5px 12px;font-size:12px;font-weight:600}.site-footer{border-top:1px solid var(--border);background:var(--surface-muted);margin-top:auto;padding:40px 0}.site-footer .shell-inner{flex-wrap:wrap;row-gap:16px}@media (width<=640px){.site-footer .shell-inner{text-align:center;flex-direction:column;align-items:center}}.footer-brand{flex-direction:column;gap:8px;display:flex}.footer-tagline{color:var(--text-soft);font-size:13px}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 24px;display:flex}.footer-links a{color:var(--text);font-size:13px;text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.footer-copy{color:var(--text-soft);font-size:12px}.page{box-sizing:border-box;text-align:left;flex:1;justify-content:center;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:56px 20px 80px;display:flex}@media (width<=640px){.page{padding:32px 16px 56px}}.page-wide{align-items:initial;display:block}.page-header{text-align:center;margin-bottom:36px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);justify-content:center;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.highlight{color:var(--accent);font-style:normal}.lead{font-family:var(--sans);color:var(--text);text-wrap:balance;max-width:34ch;margin:0 auto;font-size:16px;line-height:160%}.card{border:1px solid var(--accent-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);width:100%;max-width:640px;box-shadow:var(--shadow);background:#fdfcfbb3;flex-direction:column;gap:28px;margin:0 auto;padding:48px;display:flex}@media (width<=640px){.card{gap:22px;padding:24px}}.field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.field-error{color:var(--danger);margin-top:8px;font-size:13px}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .2s,background .2s}.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-bg)}.dropzone.has-error{border-color:var(--danger)}.dropzone-trigger{border-radius:var(--radius-lg);width:100%;min-height:240px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;transition:background .2s;display:flex}.dropzone-trigger:hover:not(:disabled){background:var(--surface-muted)}.dropzone-trigger:disabled{cursor:not-allowed;opacity:.6}.dropzone-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.upload-icon{fill:none;width:40px;height:40px;stroke:var(--accent);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.dropzone-title{color:var(--text-h);text-align:center;font-size:15px;font-weight:500}.dropzone-hint{color:var(--text-soft);text-align:center;font-size:13px}.preview{align-items:center;gap:16px;padding:12px;display:flex}.preview img{object-fit:cover;border-radius:var(--radius-lg);background:var(--surface-sunken);flex-shrink:0;width:96px;height:128px}.preview-meta{min-width:0}.preview-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:14px;overflow:hidden}.preview-actions{gap:12px;display:flex}.link-button{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.link-button:disabled{cursor:not-allowed;opacity:.6}.measure-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.measure-field{min-width:0}.measure-input{border:none;border-bottom:1px solid var(--border-strong);background:0 0;border-radius:0;align-items:center;gap:8px;padding:0;transition:border-color .2s;display:flex}.measure-input:focus-within{border-color:var(--accent)}.measure-input.has-error{border-color:var(--danger)}.measure-input input{min-width:0;font:inherit;color:var(--text-h);background:0 0;border:none;outline:none;flex:auto;padding:12px 0;font-size:16px}.measure-input input::placeholder{color:var(--text-soft)}.measure-input input:disabled{cursor:not-allowed}.measure-input .unit{color:var(--text-soft);font-size:14px}.measure-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.measure-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.measure-input input[type=number]{appearance:textfield}.bmi-hint{color:var(--text-soft);margin-top:-8px;font-size:13px}.submit{border-radius:var(--radius);background:var(--ink);color:#fff;font:inherit;letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:16px 20px;font-size:16px;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.submit:hover:not(:disabled){background:var(--accent)}.submit:active:not(:disabled){transform:translateY(1px)}.submit:disabled{cursor:not-allowed;opacity:.6}.submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width>=640px){.submit{align-self:center;padding:16px 56px}}.submit-arrow{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s}.submit:hover:not(:disabled) .submit-arrow{transform:translate(3px)}.privacy{color:var(--text-soft);text-align:center;font-size:12px}.status{border-radius:var(--radius-lg);text-align:center;padding:12px 14px;font-size:14px}.status-loading{color:var(--accent);background:var(--accent-bg)}.status-error{color:var(--danger);background:var(--danger-bg)}.report{text-align:left;flex-direction:column;gap:64px;display:flex}@media (width<=640px){.report{gap:40px}}.report-back{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:14px}.report-back:hover{color:var(--accent)}.report-back:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.report-hero{grid-template-columns:5fr 7fr;align-items:center;gap:40px;display:grid}@media (width<=768px){.report-hero{grid-template-columns:1fr;gap:24px}}.report-hero-photo{aspect-ratio:3/4;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-sizing:border-box;max-width:320px;padding:8px}@media (width<=768px){.report-hero-photo{margin:0 auto}}.report-hero-photo img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.report-hero-info h1{margin-bottom:0}.report-hero-info h1:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.report-sparkle{color:var(--accent);font-size:14px}.report-hero-rule{background:var(--accent);width:64px;height:1px;margin:20px 0}.report-facts{flex-wrap:wrap;gap:12px 32px;margin:0;display:flex}.report-facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);font-size:12px;font-weight:600}.report-facts dd{color:var(--text-h);margin:4px 0 0;font-size:18px;font-weight:600}.report-persona{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent-border);box-shadow:var(--glow);background:#fdfcfbb3;gap:32px;padding:40px;display:flex}@media (width<=768px){.report-persona{flex-direction:column;gap:24px;padding:28px}}.report-persona-side{text-align:center;border-right:1px solid var(--border);flex-direction:column;flex:0 0 30%;justify-content:center;align-items:center;gap:12px;padding-right:32px;display:flex}.report-persona-side h2{margin:0}@media (width<=768px){.report-persona-side{border-right:none;border-bottom:1px solid var(--border);padding-bottom:24px;padding-right:0}}.report-persona-chip{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);border:1px solid var(--accent);color:var(--accent);padding:5px 14px;font-size:12px;font-weight:600}.report-persona-body{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.report-persona-body p{color:var(--text);font-size:15px;line-height:165%}.report-summary{color:var(--text-h);font-size:17px;line-height:160%}.report-columns{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=640px){.report-columns{grid-template-columns:1fr;gap:40px}}.report-column h2{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:20px;font-weight:600}.report-list{color:var(--text);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:15px;line-height:165%;display:flex}.report-list::marker{color:var(--accent)}.report-looks-section{flex-direction:column;gap:24px;display:flex}.report-section-head{flex-direction:column;gap:6px;display:flex}.report-section-head p{color:var(--text-soft);font-size:14px}.report-looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:780px;margin:0;padding:0;list-style:none;display:grid}@media (width<=768px){.report-looks{grid-template-columns:1fr;gap:32px;max-width:320px;margin:0 auto}}.look-card{flex-direction:column;display:flex}.look-card-image{aspect-ratio:1/2;border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--surface-muted);background-repeat:no-repeat}.look-card-image.is-loading{background-image:linear-gradient(100deg, var(--surface-muted) 30%, var(--accent-bg) 50%, var(--surface-muted) 70%);background-size:300% 100%;animation:1.4s ease-in-out infinite look-shimmer}@keyframes look-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){.look-card-image.is-loading{animation:none}}.look-card-body{border-radius:0 0 var(--radius-lg) var(--radius-lg);border:1px solid var(--border);background:var(--surface);z-index:1;border-top:none;margin:-32px 12px 0;padding:16px;position:relative;box-shadow:0 -4px 20px #00000008}.look-card-body h3{color:var(--text-h);margin:4px 0 6px;font-size:16px;font-weight:600}.look-card-body p{color:var(--text);font-size:14px;line-height:155%}.report-looks-note{color:var(--text-soft);text-align:center;font-size:13px}.report-section h2{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:20px;font-weight:600}.report-colors{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.report-colors li{align-items:flex-start;gap:14px;display:flex}.report-swatch{border-radius:var(--radius);border:1px solid var(--border-strong);flex-shrink:0;width:40px;height:40px}.report-color-name{color:var(--text-h);margin-bottom:2px;font-weight:600}.report-color-reason{color:var(--text);font-size:14px}.report-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width<=640px){.report-items{grid-template-columns:1fr}}.report-items li{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:20px}.report-item-category{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600;display:inline-block}.report-item-name{color:var(--text-h);margin-bottom:4px;font-weight:600}.report-item-reason{color:var(--text);font-size:14px}.report-closing{border-radius:var(--radius-lg);font-family:var(--serif);text-align:center;color:var(--accent);background:var(--accent-bg);padding:28px 32px;font-size:19px;line-height:160%}.report-foot{flex-direction:column;align-items:center;gap:12px;display:flex}.report-foot .submit{width:100%;max-width:320px}