.face-app{width:100%;max-width:480px;margin-inline:auto;--blue:#3182f6;--red:#f04452;background:#f7f8fa;min-height:100dvh;color:#191f28;display:flex;flex-direction:column;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.035em}.face-app *{box-sizing:border-box}.face-app button{font:inherit;cursor:pointer;border:0}.face-app a:focus-visible,.face-app button:focus-visible{outline:3px solid #90c2ff;outline-offset:4px}.face-app h1,.face-app h2,.face-app p{margin:0}.face-app h1:focus{outline:0}.face-fate-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:18px;min-height:0}.face-fate-grid article{padding:15px 16px;border-radius:16px;background:#f7f8fa}.face-fate-grid article.is-warning{background:#fff0f1}.face-fate-grid span{display:block;color:#2272eb;font-size:11px;font-weight:800;margin-bottom:7px}.face-fate-grid .is-warning span{color:#d43847}.face-fate-grid p{color:#333d4b;font-size:13px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}@media{.face-fate-grid{gap:7px;margin-top:11px}.face-fate-grid article{padding:10px 11px;border-radius:13px}.face-fate-grid span{font-size:9px;margin-bottom:4px}.face-fate-grid p{font-size:10px;line-height:1.38}}.face-header{height:80px;flex-shrink:0;padding:0 max(32px,calc((100vw - 1160px)/2));justify-content:space-between;background:white;border-bottom:1px solid #f2f4f6;gap:16px}.face-brand,.face-header{display:flex;align-items:center}.face-brand{gap:10px;background:none;color:#191f28;font-size:19px!important;font-weight:700!important;white-space:nowrap}.face-brand-mark{display:grid;place-items:center;background:#3182f6;color:white;width:27px;height:27px;border-radius:9px;transform:rotate(-8deg)}.face-brand-divider{height:15px;width:1px;background:#e5e8eb;margin:0 3px}.face-brand-service{font-size:15px;color:#6b7684;font-weight:400}.face-header-note{font-size:13px;color:#8b95a1}.face-file{display:none}.face-upload-layout{width:min(1160px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:72px;gap:72px;align-items:center;padding:64px 0}.face-eyebrow{color:#2272eb;font-size:15px;font-weight:700;display:block;margin-bottom:24px}.face-intro h1{font-size:clamp(40px,4.1vw,56px);line-height:1.27;letter-spacing:-.06em;font-weight:700}.face-intro h1>span{color:#3182f6}.face-intro>p{margin-top:24px;line-height:1.8;color:#6b7684;font-size:17px}.face-color-legend{display:flex;gap:22px;margin-top:32px;font-size:14px;color:#4e5968}.face-color-legend>span{display:flex;align-items:center;gap:8px}.face-color-legend i{width:8px;height:8px;border-radius:50%}.face-color-legend .blue{background:#3182f6}.face-color-legend .red{background:#f04452}.face-parts-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.face-parts-preview span{color:#6b7684;font-size:12px;background:#eef0f3;padding:7px 11px;border-radius:8px}.face-upload-panel{padding:28px;border-radius:28px;background:white;border:1px solid #edf0f3}.face-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:282px;border:1.5px dashed #c9d8ed!important;background:#f8fbff;border-radius:20px;color:#191f28;transition:background .15s}.face-drop-zone:hover,.is-dragging .face-drop-zone{background:#e8f3ff;border-color:#3182f6!important}.face-photo-icon{display:grid;place-items:center;width:92px;height:92px;background:#e8f3ff;color:#3182f6;border-radius:26px;position:relative;margin-bottom:24px}.face-icon-plus{display:grid;place-items:center;position:absolute;right:-5px;bottom:0;background:#3182f6;color:white;width:28px;height:28px;border-radius:50%;border:3px solid white}.face-drop-zone strong{font-size:21px;font-weight:700;letter-spacing:-.04em}.face-drop-zone>span:not(.face-photo-icon){font-size:13px;color:#6b7684;margin-top:10px}.face-drop-zone small{font-size:11px;color:#8b95a1;margin-top:16px}.face-photo-tip{display:flex;gap:9px;margin:23px 0;align-items:flex-start;color:#3182f6}.face-photo-tip svg{flex-shrink:0;margin-top:2px}.face-photo-tip p{font-size:13px;line-height:1.75;color:#4e5968}.face-photo-tip p span{color:#8b95a1}.face-app .face-primary{min-height:56px;background:#3182f6;border-radius:16px;color:white;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;transition:background .15s}.face-app .face-primary:hover{background:#2272eb}.face-privacy{font-size:11px;color:#8b95a1;margin-top:18px!important;display:flex;justify-content:center;align-items:center;gap:5px;letter-spacing:-.025em}.face-processing-note{font-size:11px;color:#8b95a1;text-align:center;margin-top:7px!important}.face-site-footer{padding:22px max(32px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;color:#8b95a1;font-size:11px}.face-site-footer>span{letter-spacing:.1em;font-size:10px}.face-site-footer>div{display:flex;gap:20px}.face-site-footer a{color:inherit;text-decoration:none}.face-error{padding:12px 14px;background:#fff0f1;border-radius:12px;color:#c73140;font-size:13px;line-height:1.5;margin-bottom:16px!important}.face-text-button{color:#6b7684;background:none;padding:8px;font-size:14px!important}.face-loading{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:20px;text-align:center}.face-loading-photo{width:140px;height:168px;border-radius:24px;overflow:hidden;background:#e5e8eb}.face-loading-photo img{width:100%;height:100%;object-fit:cover}.face-loading h1{font-size:27px;letter-spacing:-.05em}.face-loading p{color:#6b7684;font-size:15px;line-height:1.8}.face-loading-parts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.face-loading-parts span{color:#2272eb;background:#e8f3ff;padding:7px 11px;border-radius:8px;font-size:12px}.face-spinner{width:28px;height:28px;border-radius:50%;border:3px solid #dbeafe;border-top-color:#3182f6;animation:face-spin .8s linear infinite}.face-loading .face-text-button{margin-top:16px}@keyframes face-spin{to{transform:rotate(1turn)}}.face-app.is-result{height:100dvh;min-height:0;overflow:hidden;background:#f2f4f6}.is-result .face-header-note{display:none}.face-result-layout{flex:1 1;min-height:0;width:min(1160px,calc(100% - 64px));margin:0 auto;padding:32px 0;display:grid;grid-template-columns:300px 1fr;grid-gap:48px;gap:48px}.face-result-aside{display:flex;flex-direction:column;gap:22px;min-height:0}.face-result-photo{min-height:100px;height:min(36vh,340px);overflow:hidden;border-radius:24px;background:#e5e8eb}.face-result-photo img{display:block;width:100%;height:100%;object-fit:contain}.face-complete{display:flex;align-items:center;gap:6px;font-size:13px;color:#2272eb;font-weight:700}.face-result-meta h2{font-size:24px;margin:12px 0!important}.face-result-meta p{color:#6b7684;line-height:1.5}.face-aside-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b95a1;line-height:1.5;margin-top:auto}.face-aside-note svg{flex-shrink:0}.face-result-main{display:flex;flex-direction:column;min-height:0;padding:28px 32px;background:white;border-radius:28px}.face-part-tabs{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:2px;gap:2px;padding:5px;border-radius:13px;background:#f2f4f6;flex-shrink:0}.face-part-tabs button{padding:9px 3px;background:transparent;color:#6b7684;border-radius:9px;font-size:13px;white-space:nowrap}.face-part-tabs button[aria-current]{background:white;color:#2272eb;font-weight:700}.face-result-content{flex:1 1;min-height:0;display:flex;flex-direction:column;padding-top:28px}.face-result-eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#3182f6;font-weight:700}.face-result-eyebrow span{font-size:12px;color:#8b95a1;font-weight:400}.face-result-content h1{font-size:28px;margin-top:13px!important;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere}.face-result-summary{color:#6b7684;margin-top:10px!important}.face-overview-list{margin-top:17px;flex:1 1;min-height:0;display:grid;grid-template-rows:repeat(7,minmax(0,1fr))}.face-overview-list button{display:flex;align-items:center;gap:9px;width:100%;background:white;border-bottom:1px solid #f2f4f6;font-size:13px;min-height:0;text-align:left;color:#6b7684}.face-overview-list button:hover{background:#f9fafb}.face-overview-list strong{min-width:43px;color:#333d4b;font-size:13px}.face-overview-list button>span:nth-last-child(2){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.face-overview-list svg{flex-shrink:0;margin-left:auto;color:#b0b8c1}.face-feature-dot{width:6px;height:6px;border-radius:50%;background:#3182f6;flex-shrink:0}.face-feature-dot.is-hidden{background:#b0b8c1}.face-balanced-cards{display:grid;grid-gap:16px;gap:16px;margin-top:28px;min-height:0}.face-insight{border-radius:20px;padding:23px 24px}.face-insight.is-positive{background:#e8f3ff}.face-insight.is-caution{background:#fff0f1}.face-insight-label{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700}.is-positive .face-insight-label{color:#2272eb}.is-caution .face-insight-label{color:#d43847}.face-insight-label>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:white;font-size:19px;font-weight:400}.face-insight p{margin-top:13px!important;line-height:1.65;color:#333d4b;word-break:keep-all;overflow-wrap:anywhere}.face-unseen{padding:32px 24px;border-radius:20px;background:#f7f8fa;color:#8b95a1;margin-top:28px}.face-unseen h2{color:#4e5968;font-size:18px;margin-top:15px!important}.face-unseen p{color:#6b7684;font-size:15px;line-height:1.7;margin-top:12px!important}.face-unseen>span{display:block;font-size:12px;margin-top:16px}.face-report-actions{display:block;width:100%;margin:0;padding-top:16px;flex-shrink:0}.face-report-actions>p{color:#8b95a1;font-size:11px;line-height:1.5;margin-bottom:13px!important}.face-report-actions>div{display:flex;gap:10px;width:100%}.face-report-actions .face-primary{flex:1 1;min-width:0;white-space:nowrap}.face-secondary{min-width:80px;background:#f2f4f6;border-radius:16px;color:#4e5968;font-size:15px!important}.face-secondary:disabled{color:#b0b8c1;cursor:default}@media{.face-header{height:64px;padding:0 22px}.face-brand{font-size:17px!important}.face-header-note{display:none}.face-upload-layout{display:flex;flex-direction:column;gap:28px;width:100%;padding:32px 22px 16px;margin:0 auto;max-width:480px;align-items:stretch}.face-eyebrow{font-size:12px;margin-bottom:14px}.face-intro h1{font-size:35px;line-height:1.3}.face-intro h1 br:first-of-type{display:none}.face-intro>p{font-size:14px;line-height:1.75;margin-top:16px}.face-color-legend{margin-top:17px;font-size:12px;gap:18px}.face-parts-preview{display:none}.face-upload-panel{padding:19px;border-radius:24px}.face-drop-zone{height:214px;border-radius:16px}.face-photo-icon{width:66px;height:66px;border-radius:20px;margin-bottom:18px}.face-photo-icon>svg{width:36px;height:36px}.face-drop-zone strong{font-size:18px}.face-drop-zone>span:not(.face-photo-icon){font-size:11px}.face-drop-zone small{margin-top:11px;font-size:10px}.face-photo-tip{margin:16px 0;gap:7px}.face-photo-tip p{font-size:11px}.face-app .face-primary{font-size:15px;min-height:54px}.face-privacy{gap:4px;margin-top:14px!important}.face-privacy,.face-processing-note{font-size:10px}.face-site-footer{padding:20px 23px;margin-top:auto;font-size:10px}.face-site-footer>div{gap:14px}.face-loading h1{font-size:23px}.face-loading p{font-size:14px}.face-loading-parts{max-width:290px}.face-result-layout{display:flex;flex-direction:column;width:100%;padding:16px 18px max(12px,env(safe-area-inset-bottom));gap:16px}.face-result-aside{flex-direction:row;align-items:center;gap:14px;flex-shrink:0}.face-result-photo{width:64px;height:76px;min-height:0;border-radius:14px;flex-shrink:0}.face-result-meta h2{font-size:19px;margin:5px 0!important}.face-result-meta p{font-size:11px}.face-complete{font-size:11px;gap:4px}.face-aside-note{display:none}.face-result-main{flex:1 1;padding:17px 17px 16px;border-radius:22px}.face-part-tabs{padding:4px;gap:0}.face-part-tabs button{font-size:11px;padding:8px 1px}.face-result-content{padding-top:19px}.face-result-eyebrow{font-size:12px}.face-result-content h1{font-size:23px;line-height:1.35;margin-top:10px!important}.face-result-summary{font-size:12px;line-height:1.6;margin-top:8px!important}.face-overview-list{margin-top:10px}.face-overview-list button{font-size:11px;gap:7px}.face-overview-list strong{font-size:12px;min-width:35px}.face-balanced-cards{gap:12px;margin-top:19px}.face-insight{padding:18px;border-radius:17px}.face-insight-label{font-size:12px;gap:7px}.face-insight p{font-size:14px;line-height:1.65;margin-top:10px!important}.face-report-actions{padding-top:13px}.face-report-actions>p{font-size:9px;margin-bottom:10px!important;letter-spacing:-.025em}.face-report-actions .face-primary{min-height:48px;font-size:14px}.face-secondary{min-width:65px;border-radius:14px;font-size:13px!important}.face-unseen{padding:22px 18px;margin-top:20px}.face-unseen h2{font-size:16px}.face-unseen p{font-size:13px}}@media(max-height:740px){.face-header{height:56px}.face-result-layout{padding-top:10px;gap:10px}.face-result-photo{height:54px;width:50px}.face-result-meta h2{font-size:17px}.face-result-meta p{display:none}.face-result-main{padding:12px 15px}.face-result-content{padding-top:12px}.face-result-content h1{font-size:20px}.face-balanced-cards{gap:10px;margin-top:12px}.face-insight{padding:14px 16px}.face-insight p{font-size:13px;line-height:1.55;margin-top:8px!important}.face-result-summary{font-size:11px}.face-report-actions>p{font-size:8px}.face-report-actions{padding-top:10px}.face-upload-layout{padding-top:22px;gap:20px}.face-intro h1{font-size:31px}.face-drop-zone{height:185px}}@media(prefers-reduced-motion:reduce){.face-app *{animation:none!important;transition:none!important}}.is-result .face-header{height:56px;padding-inline:18px}.face-result-layout{padding:12px 14px;gap:12px}.face-result-aside{gap:16px}.face-result-photo{width:88px;height:104px;border-radius:16px}.face-result-meta h2{font-size:21px}.face-result-meta p{font-size:13px;line-height:1.6}.face-result-main{padding:16px;border-radius:22px}.face-part-tabs button{font-size:12px;min-height:36px}.face-result-content{padding-top:18px}.face-result-content h1{font-size:25px;line-height:1.35}.face-result-summary{font-size:14px;line-height:1.65}.face-balanced-cards{flex:1 1;grid-template-rows:1fr 1fr;gap:12px;margin-top:18px;padding-bottom:8px}.face-insight{padding:18px 20px;display:flex;flex-direction:column;justify-content:center}.face-insight.is-caution,.face-insight.is-positive{background:#f7f8fa}.face-insight-label,.is-caution .face-insight-label{font-size:13px;color:#2272eb}.face-insight p{font-size:16px;line-height:1.75;margin-top:10px!important}.face-overview-list{margin-top:14px;gap:3px}.face-overview-list button{font-size:14px;line-height:1.5;padding:7px 0}.face-overview-list strong{font-size:14px;min-width:44px}.face-overview-list button>span:nth-last-child(2){white-space:normal;overflow:visible}.face-report-actions>p{font-size:10px}@media(max-height:800px){.face-result-photo{width:64px;height:76px}.face-result-meta h2{font-size:19px}.face-result-layout{gap:8px;padding-top:8px}.face-result-content{padding-top:12px}.face-result-content h1{font-size:22px}.face-balanced-cards{margin-top:12px;gap:8px}.face-insight{padding:12px 15px}.face-insight p{font-size:14px;line-height:1.65}.face-report-actions{padding-top:8px}.face-overview-list button{font-size:13px;padding:4px 0}}@media(max-height:680px){.face-result-aside{display:none}.face-result-content h1{font-size:20px}.face-insight p{font-size:13px;line-height:1.5}.face-insight{padding:10px 12px}.face-result-summary{font-size:12px}}.face-app .face-emphasis-part{color:#1b64da;font-weight:750}.face-app .face-emphasis-shape{color:#191f28;font-weight:750}