:root{--surface:#fff8f5;--surface-container:#f6ede8;--on-surface:#201a18;--on-surface-variant:#53433f;--border:#53433f29;--error:#b3392c;--shadow:#201a1814 0 10px 15px -3px, #201a180a 0 4px 6px -2px;--font-serif:"Bodoni Moda", serif;--font-sans:"Noto Sans KR", sans-serif;--home-sans:"Hanken Grotesk", "Noto Sans KR", sans-serif;--home-icon:#516071;--home-card:#fbf2ed;--home-card-border:#c4c6cc59;--home-accent:#d4a39b;--home-accent-strong:#c9958c;--home-nav-active:#7c544e;font:18px/145% var(--font-sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--on-surface);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--surface:#221c1a;--surface-container:#2e2521;--on-surface:#f3ece8;--on-surface-variant:#cbb9b2;--border:#cbb9b22e;--error:#e0685a;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--home-icon:#b9c8dc;--home-card:#2e2521;--home-card-border:#cbb9b233;--home-nav-active:#eebab2}}#root{text-align:center;box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--font-serif);color:var(--on-surface);font-weight:700}h1{letter-spacing:-.5px;margin:0 0 8px;font-size:40px}@media (width<=1024px){h1{font-size:30px}}h2{letter-spacing:-.2px;margin:0 0 12px;font-size:22px;line-height:118%}@media (width<=1024px){h2{font-size:19px}}p{color:var(--on-surface-variant);margin:0}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}#center{box-sizing:border-box;flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:32px;width:100%;padding:48px 20px;display:flex}@media (width<=1024px){#center{gap:24px;padding:32px 16px 24px}}@media (width<=767px){#center{padding-bottom:100px}}.top-bar{z-index:40;box-sizing:border-box;background:var(--surface);width:100%;font-family:var(--home-sans);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}@media (width>=1024px){.top-bar{padding:16px 64px}}.top-bar-btn{color:var(--home-icon);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:opacity .3s;display:flex}.top-bar-btn:hover{opacity:.8}.top-bar-btn .material-symbols-outlined{font-size:28px}.avatar-btn{border:1px solid var(--home-card-border);background:var(--home-card);border-radius:999px;width:40px;height:40px}.brand{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--on-surface);margin:0;font-size:22px;font-weight:700}.hero{text-align:center;max-width:480px;font-family:var(--home-sans)}.hero h2{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--on-surface);margin:0 0 16px;font-size:32px;font-weight:600}@media (width<=1024px){.hero h2{font-size:26px}}.hero p{color:var(--on-surface-variant);font-size:16px;line-height:1.6}.bento-form{width:100%;max-width:480px;font-family:var(--home-sans);box-sizing:border-box;flex-direction:column;gap:16px;display:flex}.photo-upload{cursor:pointer;background:var(--home-card);border:1px solid var(--home-card-border);border-radius:.5rem;justify-content:center;align-items:center;height:320px;transition:border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px -10px #51607114}.photo-upload:after{content:"";border:2px dashed var(--home-card-border);pointer-events:none;border-radius:.375rem;transition:border-color .3s;position:absolute;inset:8px}.photo-upload:hover:after{border-color:var(--home-icon)}.photo-upload:focus-within{outline:2px solid var(--home-icon);outline-offset:2px}.photo-upload.dragging:after{border-color:var(--home-icon)}.photo-upload-placeholder{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:0 24px;display:flex}.photo-upload-placeholder .material-symbols-outlined{color:var(--home-icon);font-size:36px;font-weight:300}.photo-upload-title{font-family:var(--font-serif);color:var(--on-surface);margin:0 0 4px;font-size:18px}.photo-upload-subtitle{color:var(--on-surface-variant);font-size:13px}.slider-card{background:var(--home-card);border:1px solid var(--home-card-border);border-radius:.5rem;flex-direction:column;justify-content:center;padding:24px;display:flex;box-shadow:0 10px 40px -10px #51607114}.slider-label{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);margin:0 0 16px;font-size:11px;font-weight:600;display:block}.slider-value{font-family:var(--font-serif);color:var(--on-surface);justify-content:center;align-items:baseline;gap:4px;margin-bottom:16px;font-size:26px;font-weight:600;display:flex}.slider-unit{font-family:var(--home-sans);color:var(--on-surface-variant);font-size:13px;font-weight:400}.slider-track-wrap{align-items:center;width:100%;height:24px;display:flex;position:relative}.slider-track{background:var(--home-card-border);border-radius:999px;height:2px;position:absolute;inset-inline:0}.slider-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.slider-thumb{background:var(--home-accent);border:3px solid var(--home-card);pointer-events:none;border-radius:999px;width:20px;height:20px;transition:left .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0003}.cta-button{width:100%;font:inherit;font-family:var(--font-serif);letter-spacing:.02em;color:#fff;background:var(--home-accent);cursor:pointer;border:none;border-radius:.125rem;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:16px 24px;font-size:18px;font-weight:600;transition:background-color .3s;display:flex;box-shadow:0 10px 40px -10px #51607114}.cta-button .material-symbols-outlined{font-size:20px}.cta-button:hover:not(:disabled){background:var(--home-accent-strong)}.cta-button:focus-visible{outline:2px solid var(--home-icon);outline-offset:2px}.cta-button:disabled{opacity:.5;cursor:not-allowed}.privacy-note{text-align:center;color:var(--on-surface-variant);opacity:.8;margin:4px 0 0;font-size:12px;line-height:1.5}.bottom-nav{z-index:50;width:100%;padding:8px 16px calc(env(safe-area-inset-bottom,0px) + 20px);box-sizing:border-box;background:var(--home-card);border-top:1px solid var(--home-card-border);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -4px 12px -4px #201a1814}@media (width<=767px){.bottom-nav{display:flex}}.bottom-nav-item{color:var(--on-surface-variant);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;opacity:.5;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.bottom-nav-item .material-symbols-outlined{font-size:22px}.bottom-nav-item:disabled{cursor:default}.bottom-nav-item.active{color:var(--home-nav-active);opacity:1;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photo-preview{object-fit:cover;width:100%;height:100%}.remove-photo{color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;align-self:center;padding:4px;font-size:14px;text-decoration:underline}.remove-photo:hover{color:var(--on-surface)}.form-error{color:var(--error);margin:0;font-size:14px}.report-page{text-align:left;width:100%;max-width:1140px;font-family:var(--home-sans);box-sizing:border-box;align-self:stretch;padding:8px 0 0}.report-hero{text-align:center;margin-bottom:56px}.report-hero h1{font-family:var(--font-serif);color:var(--on-surface);margin:0 0 12px;font-size:32px;font-weight:500}.report-hero p{color:var(--on-surface-variant);font-size:17px}.report-hero .report-disclaimer{opacity:.75;margin-top:12px;font-size:12px}.report-profile{flex-direction:column;align-items:center;gap:32px;margin-bottom:64px;display:flex}@media (width>=1024px){.report-profile{flex-direction:row;align-items:flex-start;gap:48px}}.report-profile-photo{aspect-ratio:3/4;background:var(--surface-container);border-radius:.5rem;flex-shrink:0;width:100%;max-width:320px;overflow:hidden}@media (width>=1024px){.report-profile-photo{width:38%;max-width:none}}.report-profile-photo img{object-fit:cover;width:100%;height:100%;display:block}.report-profile-content{flex:1;width:100%}.report-badge{color:var(--on-surface);letter-spacing:.1em;text-transform:uppercase;background:#8c9bae2e;border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:11px;font-weight:600;display:inline-block}.report-profile-content h2{font-family:var(--font-serif);color:var(--on-surface);margin:0 0 16px;font-size:24px;font-weight:500}.report-profile-content p{color:var(--on-surface-variant);margin:0 0 28px;line-height:1.75}.report-stats{grid-template-columns:1fr 1fr;gap:24px;max-width:320px;display:grid}.report-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);opacity:.75;margin-bottom:4px;font-size:11px;font-weight:600}.report-stat-value{color:var(--on-surface);font-size:15px}.report-block{margin-bottom:64px}.report-divider{align-items:center;gap:16px;margin-bottom:36px;display:flex}.report-divider-line{background:var(--border);flex-grow:1;height:1px}.report-divider h3{font-family:var(--font-serif);color:var(--on-surface);white-space:nowrap;margin:0;font-size:21px;font-weight:500}.report-block-text{text-align:center;max-width:640px;color:var(--on-surface-variant);white-space:pre-wrap;margin:0 auto;font-size:16px;line-height:1.75}.report-look-grid{grid-template-columns:1fr;gap:20px;margin-bottom:16px;display:grid}@media (width>=768px){.report-look-grid{grid-template-columns:repeat(3,1fr);gap:28px}}.report-look-caption{text-align:center;color:var(--on-surface-variant);opacity:.75;margin:0 0 32px;font-size:12px}.report-look-figure{box-shadow:var(--shadow);aspect-ratio:4/5;border-radius:.5rem;margin:0;overflow:hidden}.report-look-figure img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.report-look-figure:hover img{transform:scale(1.05)}.report-checklist{margin:0;flex-direction:column;gap:20px;max-width:640px;margin-inline:auto;padding:0;list-style:none;display:flex}.report-checklist li{align-items:flex-start;gap:14px;display:flex}.report-checklist .material-symbols-outlined{color:var(--home-nav-active);flex-shrink:0;margin-top:2px;font-size:20px}.report-checklist p{color:var(--on-surface-variant);margin:0;line-height:1.65}.report-palette-card{background:var(--surface-container);border-radius:.5rem;max-width:640px;margin:0 auto;padding:32px 24px}.report-palette-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width>=640px){.report-palette-grid{grid-template-columns:repeat(4,1fr)}}.report-palette-item{flex-direction:column;align-items:center;display:flex}.report-palette-swatch{aspect-ratio:1;border-radius:999px;width:100%;max-width:64px;margin-bottom:12px;box-shadow:inset 0 0 0 1px #0000001a}.report-palette-name{letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface);font-size:11px;font-weight:600}.checkout-banner{text-align:center;background:var(--surface-container);width:100%;max-width:640px;color:var(--on-surface-variant);border:1px solid var(--border);border-radius:.5rem;margin:0 auto 32px;padding:14px 20px;font-size:14px}.checkout-banner-success{color:var(--on-surface);border-color:var(--home-accent)}.checkout-banner-failed{color:var(--error);border-color:var(--error)}.report-avoid-box{border:1px solid var(--border);background:var(--surface-container);border-radius:.5rem;max-width:640px;margin:0 auto;padding:32px 24px}.report-avoid-box h3{font-family:var(--font-serif);color:var(--on-surface);align-items:center;gap:10px;margin:0 0 20px;font-size:20px;font-weight:500;display:flex}.report-avoid-box p{color:var(--on-surface-variant);white-space:pre-wrap;margin:0;line-height:1.75}.reanalyze-wrap{justify-content:center;margin-top:16px;display:flex}.reanalyze-button{border:1px solid var(--on-surface);color:var(--on-surface);font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:.25rem;justify-content:center;align-items:center;padding:13px 32px;font-size:12px;font-weight:600;transition:background-color .3s,color .3s;display:inline-flex}.reanalyze-button:hover{background:var(--on-surface);color:var(--surface)}.reanalyze-button:focus-visible{outline:2px solid var(--home-icon);outline-offset:2px}