@font-face{font-family:Pretendard;src:url('./assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--red:#ea002c;--navy:#071d49;--primary:#4f4cfe;--ink:#171a21;--muted:#656b78;--line:#e8e9ee}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f2f2f7;color:var(--ink);font-family:Pretendard,system-ui,sans-serif;word-break:keep-all}button,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:4px}[hidden]{display:none!important}img{max-width:100%;object-fit:contain}h1,h2,h3,h4,p{margin:0}button{border:0}h2{letter-spacing:-.035em}.shell{width:min(100%,620px);min-height:100vh;margin:auto;background:white;overflow:clip;box-shadow:0 10px 35px #071d490d}.brandbar{height:94px;padding:30px 40px 20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.brandbar>img{width:110px;height:25px}.prototype-badge{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;background:#fff0f2;color:var(--red);font-size:12px;font-weight:700}.prototype-badge img{width:44px;height:21px}
.screen{padding:25px 40px 48px}.start-screen{text-align:center;padding-top:2px}.intro-tags{display:flex;justify-content:center;gap:10px;margin-bottom:26px}.intro-tags span{background:var(--primary);color:white;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700}.intro-tags span+span{background:#111}.title-subtitle{width:70%;max-width:340px;height:auto;display:block;margin:0 auto 20px}h1{margin:0 auto 22px;width:92%;max-width:430px}h1 img{display:block;width:100%;height:auto}.lead{color:var(--muted);font-size:14px;line-height:1.65}.lead strong{font-weight:600}.start-visual{position:relative;margin:28px auto 22px;border-radius:24px;overflow:hidden;aspect-ratio:540/612;background:#eee4ff}.start-visual>img{position:absolute;width:102%;max-width:none;height:auto;top:-2%;left:-1%;object-fit:cover}.primary-button{display:flex;align-items:center;justify-content:center;min-height:62px;padding:16px 20px;border-radius:16px;background:#000;color:#fff;font-weight:700;font-size:17px;line-height:1.4;text-decoration:none;width:100%;transition:filter .15s}.primary-button:hover{filter:brightness(1.16)}.start-visual .primary-button{position:absolute;left:7%;bottom:6.5%;width:86%}.start-facts{display:flex;justify-content:center;gap:8px;list-style:none;padding:0;margin:0 0 16px;flex-wrap:wrap}.start-facts li{padding:8px 11px;border-radius:99px;background:#f6f7fa;color:var(--navy);font-size:12px;font-weight:700}.start-facts li:first-child{color:var(--red);background:#fff0f2}.microcopy,.disclaimer{font-size:11px;line-height:1.7;color:#8b909b}
.role-screen{min-height:660px;padding-top:45px}.step-badge,.question-meta span:first-child{display:inline-block;background:#f0efff;color:var(--primary);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.role-screen h2{font-size:32px;margin:20px 0 12px}.role-screen>p{color:var(--muted);font-size:15px;line-height:1.7}.role-options{display:grid;gap:16px;margin:34px 0}.role-button{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:18px;text-align:left}.role-button:hover{border-color:var(--primary);background:#fafaff}.role-button img{width:76px;height:76px}.role-button strong{font-size:20px;display:block;margin-bottom:7px}.role-button small{color:var(--muted);font-size:12px}.role-button i{margin-left:auto;color:var(--primary);font-style:normal}.plain-button,.text-button{background:none;color:var(--muted);font-size:13px}.plain-button{display:block;margin:auto}.progress-head{display:flex;justify-content:space-between;align-items:center}.icon-button{width:40px;height:40px;border-radius:10px;background:#f5f6f8}.progress-copy{text-align:center}.progress-copy strong{font-size:14px;color:var(--red)}.progress-copy span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.progress-track,.loading-bar{height:7px;border-radius:99px;background:#eceef3;overflow:hidden;margin:22px 0 32px}.progress-track span{display:block;height:100%;background:var(--red);transition:width .25s}.question-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.question-meta span+span{font-size:12px;color:#999}.question-card h2{font-size:30px;line-height:1.4;outline:none}.question-helper{color:var(--muted);font-size:15px;line-height:1.6;margin:16px 0 26px}.option-list{display:grid;gap:12px}.option-button{display:flex;gap:15px;align-items:center;text-align:left;background:white;border:1px solid var(--line);border-radius:18px;padding:19px 18px;min-height:84px;font-size:15px;color:var(--ink);line-height:1.55}.option-button b{display:grid;place-items:center;background:#f0efff;color:var(--primary);width:36px;height:36px;flex-shrink:0;border-radius:11px}.option-button.selected{border-color:var(--primary);background:#f5f4ff}.option-button:disabled{cursor:default;opacity:1}.choice-tip{margin:30px 0;color:#858b96;font-size:12px;text-align:center}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:660px;text-align:center}.loading-character{width:240px;height:240px}.loading-screen h2{font-size:28px;line-height:1.4;margin:10px 0 16px}.loading-screen p{color:var(--muted);font-size:14px}.loading-bar{width:80%}.loading-bar span{display:block;height:100%;background:var(--primary);animation:load 1.7s forwards}@keyframes load{from{width:2%}to{width:100%}}
body.is-result .brandbar{background:var(--navy)}.result-card{background:var(--navy);color:white;padding:30px 60px 60px;position:relative;border-radius:0 0 26px 26px}.result-role-badge{font-size:11px;color:#c6d1ec;display:inline-block;margin-bottom:16px}.result-roast{font-size:14px;color:#a1dcff;font-weight:650;margin-bottom:24px;line-height:1.6}.result-intro{position:relative;min-height:332px}.result-copy{position:relative;z-index:1;width:43%}.result-card h2{font-size:32px;font-weight:900;line-height:1.25;max-width:205px}.result-summary{font-size:14px;line-height:1.65;color:#d9e1f5;margin:16px 0 22px}.result-character{position:absolute;width:64%;height:auto;right:-30px;top:22px;max-width:none}.result-stamp{width:86px;height:86px;background-image:url('./assets/stamps.png');background-size:460.8px 307.2px;background-position:var(--stamp-x,-24px) var(--stamp-y,-18px);background-repeat:no-repeat;transform:rotate(-5deg)}.score-lockup{display:flex;align-items:baseline;gap:6px;margin:18px 0 16px;font-variant-numeric:tabular-nums}.score-lockup strong{font-size:84px;line-height:1;font-weight:850;letter-spacing:-4px}.score-lockup span{font-size:42px;font-weight:400}.score-gauge{height:8px;background:#ffffff45;border-radius:99px;position:relative;margin-top:20px}.score-gauge>span{display:block;height:100%;background:#fff;border-radius:inherit;transition:width .7s}.score-gauge>i{position:absolute;top:-13px;transform:translateX(-50%);font-size:24px;font-style:normal;transition:left .7s}
.result-body{padding:34px 40px 42px;display:grid;gap:36px}.section-title{font-size:20px;font-weight:750;letter-spacing:-.03em;margin-bottom:22px}.benchmark-panel{position:relative;background:#fff0f2;padding:24px;border-radius:20px;min-height:180px}.benchmark-panel h4{color:var(--red);font-size:17px;position:relative;z-index:1;max-width:68%;line-height:1.4}.benchmark-panel p{font-size:14px;line-height:1.65;max-width:62%;margin:12px 0}.benchmark-panel small{font-size:10px;line-height:1.6;color:#848995;display:block;max-width:65%}.benchmark-panel img{position:absolute;width:185px;height:185px;right:-10px;top:-34px}.signal-panel{padding:24px;border:1px solid var(--line);border-radius:20px}.strongest-signal{color:var(--primary);font-size:12px;font-weight:650;display:block;margin-bottom:22px}.signal-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 0 24px}.signal-row:last-child{margin:0}.signal-row label{font-size:13px}.signal-row strong{font-size:12px;color:var(--red);grid-column:2;grid-row:1}.signal-meter{height:8px;border-radius:99px;background:#eceef3;grid-column:1/-1;grid-row:2;overflow:hidden}.signal-meter i{display:block;height:100%;border-radius:inherit;background:var(--red)}.coach-section{position:relative;padding-top:18px}.coach-section .section-title{padding-right:140px;min-height:40px;position:relative;z-index:1}.coach-character{position:absolute;right:0;top:-35px;width:165px;height:165px;pointer-events:none}.coach-note{padding:24px;border:1px solid var(--line);border-radius:20px}.coach-label{display:inline-block;color:#ff6b00;background:#fff4ea;padding:7px 12px;border-radius:99px;font-size:12px;font-weight:700}.coach-note h4{font-size:20px;margin-top:16px;line-height:1.4}.coach-note p{font-size:14px;line-height:1.7;margin:16px 0}.follow-up{margin:0;color:var(--navy);font-weight:700;font-size:14px;line-height:1.7}
.bridge-card{padding:40px;background:#f9fafb}.bridge-intro{position:relative;min-height:205px}.bridge-label{display:inline-block;color:white;background:var(--primary);border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.bridge-intro h3{font-size:28px;line-height:1.3;margin:16px 0;font-weight:850;position:relative;z-index:1}.bridge-intro p{color:var(--muted);font-size:14px;line-height:1.65;position:relative;z-index:1;max-width:65%}.bridge-intro img{position:absolute;right:-8px;top:4px;width:200px;height:200px}.interview-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;margin:24px -40px 0 0;padding:4px 40px 15px 0;scrollbar-width:thin;scrollbar-color:#d9d8f8 transparent;-webkit-overflow-scrolling:touch}.interview-card{flex:0 0 234px;scroll-snap-align:start;border:1px solid #edf0f2;border-radius:22px;background:white;min-height:285px;padding:22px;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 2px 9px #4f4cfe05}.interview-card:hover{border-color:var(--primary)}.interview-card img{height:50px;width:50px;object-fit:contain;border:1px solid #f2f5f7;border-radius:14px;margin-bottom:24px}.interview-card small{font-size:12px;color:#949ea8;font-weight:700}.interview-card strong{font-size:20px;line-height:1.4;margin:8px 0 14px;letter-spacing:-.02em}.card-tags{display:flex;gap:5px;margin-bottom:26px}.card-tags span{font-size:11px;padding:5px 8px;color:var(--primary);background:#f5f5ff;border-radius:6px}.card-tags span+span{background:#f2f5f7;color:#6f7a85}.card-meta{font-size:11px;color:#6f7a85;margin-top:auto;white-space:nowrap}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin:10px 0 24px;gap:8px}.carousel-controls>span{font-size:11px;color:var(--muted)}.carousel-controls button{background:white;border:1px solid var(--line);border-radius:50%;width:32px;height:32px;margin-left:5px}.carousel-controls button:disabled{opacity:.35;cursor:default}.ascent-button{background:var(--primary)}.bridge-note{font-size:10px;line-height:1.6;color:#858b96;text-align:center;margin-top:14px}.result-bottom{padding:24px 40px 120px}.bridge-links{border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:18px}.bridge-links h3{font-size:17px}.bridge-links a{font-size:13px;text-decoration:none}.result-actions{display:flex;gap:10px;margin:20px 0}.secondary-button{flex:1;background:white;border:1px solid var(--line);border-radius:12px;padding:15px 8px;font-size:13px;color:#505663}.disclaimer{text-align:center}.floating-cta{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,620px);padding:14px 40px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#ffffff00,#fff 24%)}.floating-cta a{display:flex;align-items:center;justify-content:center;gap:18px;background:var(--red);border-radius:16px;min-height:62px;padding:15px;color:#fff;text-decoration:none;font-size:17px;font-weight:750;box-shadow:0 6px 20px #071d4922}.toast{position:fixed;z-index:20;bottom:105px;left:50%;transform:translateX(-50%);padding:14px 20px;border-radius:12px;background:#15151bea;color:white;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%}.toast.show{opacity:1}
@media(min-width:621px){body{padding:28px 0}.shell{border-radius:28px;min-height:900px}}
@media(max-width:520px){.brandbar{height:80px;padding:24px 24px 16px}.screen{padding:24px}.start-screen{padding-top:5px}.intro-tags{margin-bottom:24px}.title-subtitle{max-width:266px;margin-bottom:16px}h1{max-width:340px}.lead{font-size:12px}.start-visual{margin-top:24px;border-radius:20px}.primary-button{font-size:14px;min-height:50px;border-radius:13px}.start-facts{gap:5px}.start-facts li{font-size:10px;padding:7px 9px}.microcopy{font-size:9px}.role-screen h2{font-size:28px}.role-button{gap:10px;padding:15px}.role-button img{width:60px;height:60px}.question-card h2{font-size:26px}.question-helper{font-size:14px}.option-button{font-size:14px;padding:16px 13px}.result-card{padding:24px 28px 38px}.result-roast{font-size:12px;margin-bottom:20px}.result-copy{width:48%}.result-card h2{font-size:27px;max-width:165px}.result-summary{font-size:12px;line-height:1.65}.result-intro{min-height:280px}.result-character{width:64%;right:-22px;top:44px}.score-lockup strong{font-size:66px}.score-lockup span{font-size:32px}.result-body{padding:30px 24px;gap:30px}.section-title{font-size:18px}.benchmark-panel{padding:20px;min-height:190px}.benchmark-panel h4{font-size:15px;max-width:63%}.benchmark-panel p{font-size:12px;max-width:63%}.benchmark-panel small{font-size:9px;max-width:68%}.benchmark-panel img{width:142px;height:142px;right:-10px;top:3px}.signal-panel,.coach-note{padding:20px}.coach-character{width:132px;height:132px;top:-20px;right:-5px}.coach-section .section-title{padding-right:120px;min-height:43px;line-height:1.5}.coach-note h4{font-size:18px}.coach-note p,.follow-up{font-size:13px}.bridge-card{padding:32px 24px}.bridge-intro{min-height:205px}.bridge-intro h3{font-size:25px}.bridge-intro p{font-size:12px;max-width:67%}.bridge-intro img{width:148px;height:148px;top:30px;right:-14px}.interview-grid{margin-right:-24px;padding-right:24px}.interview-card{flex-basis:220px;min-height:275px}.interview-card strong{font-size:18px}.result-bottom{padding:24px 24px 120px}.floating-cta{padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.floating-cta a{min-height:54px;font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Viral sharing and result-card refinements. */
.start-visual .primary-button{bottom:8.8%}
.start-share-wrap{margin:4px auto 22px}.start-share{display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,390px);min-height:54px;margin:0 auto 9px;padding:12px 22px;border:0;border-radius:15px;background:linear-gradient(110deg,var(--primary),#6536ff);color:#fff;font-weight:750;box-shadow:0 10px 24px #4f4cfe33}.start-share:hover{filter:brightness(1.06)}.start-share-wrap p{color:#656b78;font-size:12px;font-weight:550}
.result-share-trigger{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:62px;margin-top:34px;border:1px solid #ffffff99;border-radius:16px;background:#ffffff0d;color:#fff;font-weight:750;font-size:16px}.result-share-trigger:hover{background:#ffffff18}
.share-open{overflow:hidden}.share-sheet{position:fixed;inset:0;z-index:40;display:grid;place-items:end center}.share-backdrop{position:absolute;inset:0;width:100%;height:100%;background:#071d49a8}.share-dialog{position:relative;width:min(100%,620px);padding:12px 28px calc(28px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#fff;box-shadow:0 -18px 55px #071d4940}.share-handle{width:42px;height:5px;margin:0 auto 20px;border-radius:99px;background:#d9dce5}.share-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.share-dialog-head span{display:block;color:var(--primary);font-size:12px;font-weight:750;margin-bottom:7px}.share-dialog-head h2{font-size:23px}.share-close{width:38px;height:38px;border-radius:50%;background:#f1f2f6;color:#656b78;font-size:25px}.share-choice{display:grid;grid-template-columns:44px 1fr;column-gap:13px;width:100%;margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);text-align:left}.share-choice>span{display:grid;place-items:center;grid-row:1/3;width:44px;height:44px;border-radius:13px;background:#f0efff;color:var(--primary);font-size:22px}.share-choice strong{font-size:16px}.share-choice small{margin-top:4px;color:#7b808c;font-size:12px}.share-choice-primary{border-color:transparent;background:linear-gradient(110deg,var(--primary),#6536ff);color:#fff}.share-choice-primary>span{background:#ffffff20;color:#fff}.share-choice-primary small{color:#ffffffbd}.share-choice:disabled{opacity:.65;cursor:wait}#save-status:empty{display:none}
/* Original-resolution artwork and complete, transparent character silhouettes. */
.title-subtitle{width:66.5%;max-width:323px}h1{width:87.4%;max-width:408.5px}
.intro-tags span{display:inline-flex;align-items:center;gap:5px}.intro-tags img{width:20px;height:20px}
.start-visual{aspect-ratio:1122/1402}.start-visual>img{width:100%;height:100%;left:0;top:0;object-fit:contain}
.start-share{margin:0 auto 9px;padding:12px 22px;color:#fff}
#brand-home-link{display:inline-flex;align-items:center;flex-shrink:0}#brand-home-link img{display:block;width:110px;height:auto;max-height:28px}
.brandbar>img{height:auto;max-height:28px}.prototype-badge img{width:50px;height:auto}
.character-cut{display:block;aspect-ratio:1;background:url('./assets/character-sheet.png') no-repeat;background-size:500% 300%;background-position:50% 0;mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%);flex-shrink:0}
.character-cut[data-pose="hat"]{background-position:100% 0}.character-cut[data-pose="key"]{background-position:75% 0}.character-cut[data-pose="study"]{background-position:50% 0}.character-cut[data-pose="snack"]{background-position:25% 0}.character-cut[data-pose="threshold"]{background-position:50% 50%}
.character-cut{mask-image:linear-gradient(to bottom,#000 0%,#000 89%,transparent 100%),linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.role-character{width:76px;height:76px}.role-button>img{object-fit:contain;flex-shrink:0}
.result-intro{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:10px;min-height:310px}.result-copy{width:auto}.result-character{position:relative;right:auto;top:auto;width:100%;height:auto;max-width:100%;align-self:center}.result-card h2{max-width:none}
.benchmark-character{position:absolute;width:150px;height:150px;right:5px;top:5px}.benchmark-panel{min-height:200px}
.benchmark-panel .benchmark-quip{position:relative;margin:18px 0 0 auto;width:150px;max-width:100%;font-size:13px;font-weight:750;line-height:1.5;color:var(--navy);text-align:center}
.coach-character{width:155px;height:155px;top:-19px;right:0;object-fit:contain}.coach-section .section-title{padding-right:155px;min-height:56px}
.bridge-intro img{right:0;top:22px;width:175px;height:175px;object-fit:contain}.bridge-intro p{max-width:64%}
.interview-card img{width:70px;height:40px;border:0;border-radius:0}
.coach-practice{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.practice-label{display:inline-block;color:var(--primary);background:#f0efff;border-radius:5px;font-size:11px;font-weight:650;padding:4px 7px;margin-bottom:9px}.coach-note .coach-intent{font-size:12px;color:var(--muted);line-height:1.6;margin:10px 0 0}.coach-intent>span:first-child{font-size:10px;background:#f3f4f6;border-radius:4px;padding:3px 5px;margin-right:4px;white-space:nowrap}.coach-note .coach-outline{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.6}
@media(max-width:520px){.title-subtitle{max-width:252.7px}h1{max-width:323px}.role-character{width:60px;height:60px}.result-intro{grid-template-columns:1fr;gap:0;min-height:0}.result-copy{width:100%}.result-card h2{font-size:28px;max-width:100%}.result-summary{max-width:100%}.result-character{width:72%;max-width:270px;justify-self:center;margin-top:-20px}.result-stamp{position:absolute;right:0;bottom:-84px}.result-copy{z-index:2}.benchmark-character{width:118px;height:118px;top:20px;right:0}.coach-character{width:125px;height:125px;right:0;top:-5px}.coach-section .section-title{padding-right:122px;min-height:52px}.bridge-intro img{width:130px;height:130px;right:0;top:38px}.bridge-intro p{max-width:64%}}