:root{--green:#18584e;--ink:#183e37;--muted:#627970;--paper:#faf9f3;--line:#dce4dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans KR',sans-serif;word-break:keep-all}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e98d50;outline-offset:4px}header{max-width:1200px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--green);font-size:21px;font-weight:900;letter-spacing:1px}.brand span{display:block;font-size:10px;letter-spacing:1px;font-weight:400;margin:6px 0 0 26px}.quiet{background:none;border:0;color:var(--muted);font-size:13px}main{min-height:72vh;outline:none}.landing{max-width:1160px;margin:auto;padding:65px 36px 42px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--green);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:#81ae89;border-radius:50%}h1{font-size:clamp(40px,5vw,64px);line-height:1.28;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;position:relative;background:linear-gradient(transparent 65%,#dcebd7 0)}.lead{color:var(--muted);line-height:1.9;font-size:15px}.meta{display:flex;gap:20px;margin:27px 0;font-size:12px;color:var(--muted)}.primary{background:var(--green);color:white;border:0;border-radius:12px;padding:20px 26px;font-weight:bold;display:flex;justify-content:space-between;align-items:center;gap:40px;min-width:230px}.primary:hover{background:#103f38}.note{font-size:11px;color:var(--muted);margin-top:14px}.visual{position:relative;background:#e9eee3;border-radius:45% 45% 18px 18px;padding:42px 24px 25px}.visual-title{text-align:center;font-family:Georgia,serif;font-size:26px;margin:0 0 25px;font-style:italic;color:#547360}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.type-card{padding:22px 14px;border-radius:17px;text-align:center;border:1px solid #ffffffaa;box-shadow:0 5px 0 #244b3710;transform:rotate(-3deg)}.type-card:nth-child(even){transform:rotate(3deg)}.symbol{font-size:40px;display:block;height:56px;color:var(--green)}.type-card small{font-size:10px;opacity:.7}.type-card h3{font-size:17px;margin:7px 0}.visual-caption{text-align:center;font-size:11px;margin:25px 0 0;color:#647768;letter-spacing:1px}.intro-bottom{max-width:1088px;margin:0 auto 35px;border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:30px}.intro-bottom p{font-size:11px;color:var(--muted);line-height:1.8;max-width:640px;margin:0}.intro-bottom strong{font-size:13px;white-space:nowrap}.quiz,.result{max-width:700px;margin:auto;padding:50px 25px 70px}.quiz-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.track{height:5px;background:#e0e8df;border-radius:10px;margin:17px 0 40px;overflow:hidden}.track div{background:var(--green);height:100%;transition:width .25s}.qnum{font-family:Georgia,serif;font-style:italic;font-size:25px;color:#77917e}.quiz h2{font-size:28px;line-height:1.6;letter-spacing:-1px;margin:14px 0 30px}.options{display:grid;gap:12px}.option{width:100%;display:flex;align-items:center;gap:17px;text-align:left;padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px;line-height:1.6;color:var(--ink);font-size:14px}.option:hover{border-color:var(--green);background:#f0f5ec}.option.selected{border:2px solid var(--green);background:#edf4e8;padding:19px}.badge{border:1px solid #d5dfd4;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;font-size:11px}.selected .badge{background:var(--green);color:white}.quiz-nav{display:flex;justify-content:space-between;margin-top:28px}.quiz-nav .primary{min-width:140px;padding:15px 20px}.primary:disabled{opacity:.35;cursor:default}.analysis{text-align:center;padding:130px 20px}.spin{font-size:75px;display:block;animation:turn 4s linear infinite;color:#6a9876}.analysis p{color:var(--muted);font-size:14px}.result{text-align:center}.result-hero{padding:32px 22px;border-radius:22px;margin:20px 0 25px}.result-hero .symbol{font-size:64px;height:84px}.result h1{font-size:42px;letter-spacing:-2px;margin:12px 0}.result h2{font-size:19px;line-height:1.6}.tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tags span{font-size:12px;background:#ffffff99;padding:8px 12px;border-radius:30px}.summary{line-height:1.9;color:var(--muted);font-size:15px;text-align:left;margin:25px 0}.score-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;text-align:left}.score-panel h3{font-size:15px;margin:0 0 23px}.bar-row{display:grid;grid-template-columns:85px 1fr 38px;gap:12px;align-items:center;margin:16px 0;font-size:12px}.bar{height:7px;background:#edf0e9;border-radius:9px;overflow:hidden}.bar div{height:100%;background:#759e81}.buttons{display:flex;gap:10px;margin:25px 0;justify-content:center}.buttons .primary{min-width:0;flex:1;justify-content:center;padding:18px}.secondary{background:transparent;color:var(--green);border:1px solid var(--green);border-radius:12px;flex:1}.disclaimer{text-align:left;font-size:11px;line-height:1.8;color:var(--muted)}.others{margin-top:30px;text-align:left}.others h3{font-size:14px}.other-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.other-list button{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;color:var(--ink);text-align:left;font-size:12px}footer{max-width:1128px;margin:auto;padding:24px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 22px;border-radius:12px;font-size:12px;display:none;max-width:90%;z-index:5}@keyframes turn{to{transform:rotate(360deg)}}@media(max-width:700px){header{padding:20px}.brand{font-size:18px}.landing{padding:36px 24px 30px;grid-template-columns:1fr;gap:35px}h1{font-size:43px;letter-spacing:-2px}.lead{font-size:14px}.primary{width:100%}.visual{padding:28px 24px 20px;border-radius:120px 120px 18px 18px}.visual-title{font-size:23px}.type-card{padding:16px 10px}.symbol{font-size:32px;height:44px}.intro-bottom{margin:0 24px 25px;display:block}.intro-bottom strong{display:block;margin-bottom:12px}.quiz{padding-top:32px}.quiz h2{font-size:24px}.option{padding:17px;font-size:14px}.option.selected{padding:16px}.result h1{font-size:36px}footer{margin:0 20px;display:block;line-height:2}footer span{display:block}.buttons{flex-direction:column}.secondary{padding:17px}.quiz-nav .primary{width:auto}.quiz-nav .quiet{padding-left:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.hero-art{background:transparent;padding:0;border-radius:20px;overflow:hidden}.hero-art img{display:block;width:100%;height:auto;border-radius:20px;aspect-ratio:1;object-fit:contain}.hero-labels{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:16px}.hero-labels span{padding:8px 13px;border-radius:30px;font-size:11px}.category-pill{display:inline-block;background:#ffffffa0;border-radius:20px;padding:8px 16px;font-size:12px;margin:0 0 16px}.result-art{display:block;width:min(100%,330px);margin:0 auto 15px;border-radius:18px;object-fit:contain}.category-tabs{display:flex;gap:6px;margin-bottom:13px;flex-wrap:wrap}.category-tabs button{background:transparent;border:1px solid var(--line);padding:9px 12px;border-radius:30px;color:var(--green);font-size:12px}.category-tabs button[aria-pressed=true]{background:var(--green);color:white}.other-list button small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.other-list button strong{font-size:13px}.result h1{font-size:36px}@media(max-width:700px){.hero-art{padding:0;border-radius:18px}.result h1{font-size:30px}.quiz-nav .note{font-size:10px}.landing{gap:28px}}
.result{max-width:1050px}.detailed-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:stretch;text-align:left;padding:32px}.result-copy{display:flex;flex-direction:column;align-items:flex-start}.result-copy h1{font-size:38px;line-height:1.3}.result-copy h2{font-size:18px;margin:8px 0}.result-copy .summary{font-size:14px;margin:13px 0 25px;line-height:1.9}.result-copy .tags{justify-content:flex-start;margin-top:auto}.result-picture{display:flex;min-height:280px}.result-picture .result-art{width:100%;height:100%;max-height:380px;object-fit:contain;margin:0;background:white;padding:8px}.image-await{width:100%;background:#ffffff80;border:1px solid #ffffffa0;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center}.image-await>span{font-size:50px;color:#759385}.image-await strong{font-size:14px}.image-await small{font-size:11px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}.detail-card{border:1px solid var(--line);border-radius:17px;background:white;padding:23px 25px}.detail-card.wide{grid-column:1/-1}.section-eyebrow{font-size:10px;letter-spacing:.6px;font-weight:bold;color:#8a74b2}.detail-card:nth-child(2) .section-eyebrow,.detail-card:nth-child(3) .section-eyebrow{color:#da7b8c}.detail-card h3{font-size:16px;margin:8px 0 12px}.detail-card p,.detail-card li{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.detail-card ul{padding-left:17px;margin:0}.detail-card li{padding-left:2px;margin:3px 0}.detail-card li::marker{color:#9c85bc}.result .disclaimer{margin-top:22px}.result>.eyebrow{margin-bottom:17px}@media(max-width:700px){.detailed-hero{grid-template-columns:1fr;padding:25px;gap:23px}.result-copy h1{font-size:30px}.result-copy h2{font-size:17px}.result-picture{min-height:180px}.image-await{padding:22px;gap:10px}.image-await>span{font-size:35px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-card{padding:22px}.detail-card.wide{grid-column:auto}.result-copy .summary{font-size:14px}.detail-card p,.detail-card li{font-size:14px}}
/* Bright pastel character-test theme */
:root{--green:#7955b4;--ink:#40334f;--muted:#776d83;--paper:#fffbfd;--line:#ede4f4}
body{background:radial-gradient(ellipse at 8% 17%,#f2eaff 0,transparent 43%),radial-gradient(ellipse at 94% 25%,#fff0e8 0,transparent 42%),var(--paper)}
header{border-bottom-color:#eadff3}.brand{color:#7955b4}.brand span{color:#8b7a9e}.eyebrow{color:#9268b9;font-size:12px;letter-spacing:1px}.eyebrow:before{background:#e7a7c1;width:8px;height:8px}h1{color:#49345e}h1 em{background:linear-gradient(transparent 65%,#f6d5e5 0)}.primary{background:#7955b4;border-radius:999px;box-shadow:0 7px 0 #e7d8f5;padding:20px 27px;transition:transform .15s,background .15s}.primary:hover{background:#6945a4;transform:translateY(-2px)}.primary:disabled{box-shadow:none}.meta span{background:#ffffffb0;border:1px solid #eee3f5;border-radius:25px;padding:8px 12px}.meta{gap:8px;flex-wrap:wrap}.lead{color:#776d83}.landing{gap:55px}.hero-art{position:relative;overflow:visible;padding:12px;background:#fff;border:1px solid #eee3f5;border-radius:28px;box-shadow:0 15px 40px #9b6cba15;transform:rotate(1deg)}.hero-art img{border-radius:20px}.hero-sticker{position:absolute;right:-12px;top:-16px;transform:rotate(7deg);background:#fff0b8;padding:12px 17px;border:2px solid #fff;border-radius:13px;font-size:13px;font-weight:bold;color:#84692e;box-shadow:0 4px 12px #a7859920;z-index:1}.hero-labels span{color:#685478;border:1px solid #ffffffa0}.hero-labels span:nth-child(1){transform:rotate(-3deg)}.hero-labels span:nth-child(3){transform:rotate(3deg)}.hero-labels{gap:9px}.visual-caption{color:#8d789e;letter-spacing:.3px;margin:18px 0 9px}.intro-bottom{border-top-color:#eee3f5}.intro-bottom strong{color:#7955b4}.option{border-color:#e8def1;border-radius:18px;box-shadow:0 3px 0 #f0e9f6}.option:hover{background:#faf4ff;border-color:#b496d1}.option.selected{background:#f3eaff;border-color:#9976c5}.badge{border-color:#e4d6ef;background:#faf6ff;color:#9172b4}.selected .badge{background:#7955b4}.qnum{color:#aa8fc4}.track{background:#eee4f6;height:7px}.track div{background:linear-gradient(90deg,#c5a5e5,#9973c8)}.quiz-top{color:#927da5}.quiz-nav .note{color:#927da5}.spin{color:#bd92d8}.result-hero{border:2px solid white;box-shadow:0 8px 25px #9476ad0a;border-radius:26px}.category-pill{color:#7955b4;background:#ffffffc0}.image-await{color:#7955b4;background:#ffffff80;border:2px dashed #d8c5e6}.image-await>span{color:#ae8bc6}.tags span{color:#765b8c;background:#ffffffb0}.detail-card{border-color:#ece2f3;box-shadow:0 4px 0 #f4edf9;border-radius:20px}.section-eyebrow{color:#a17ac5}.detail-card h3{color:#5e4376}.category-tabs button{border-color:#e7daef}.category-tabs button[aria-pressed=true]{background:#9771c0;border-color:#9771c0}.other-list button{border-color:#e7daef;border-radius:15px}.other-list button:hover{background:#faf4ff}.secondary{border-color:#c0a4d8;border-radius:999px;color:#7955b4;background:#fff}.quiet:hover{color:#7955b4}footer{border-top-color:#eee3f5}#toast{background:#7955b4}.result-art{background:#fff}
@media(max-width:700px){.landing{padding-top:34px;gap:35px}.hero-art{padding:9px;border-radius:24px;transform:none}.hero-sticker{right:5px;top:-16px;padding:10px 13px;font-size:11px}.eyebrow{font-size:10px}.landing h1{font-size:45px}.primary{font-size:14px}.meta{margin:22px 0}.meta span{font-size:11px}.detailed-hero{padding:24px}.quiz-nav{gap:15px;align-items:center}}

.contact-section{margin-top:30px;padding-top:26px;border-top:1px solid var(--line);text-align:center}.kakao-contact{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;min-height:56px;padding:17px 24px;background:#fee500;color:#292218;border:1px solid #f1d900;border-radius:999px;text-decoration:none;font-size:15px;font-weight:700;box-shadow:0 4px 0 #f4e9a8}.kakao-contact:hover{background:#f5dc00}.contact-section p{font-size:11px;color:var(--muted);line-height:1.7;margin:13px 0 0}

.friend-share-dialog{width:min(480px,calc(100% - 32px));padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #40295735}.friend-share-dialog::backdrop{background:#35214766}.share-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-heading h2{font-size:21px;margin:0}.friend-share-dialog>p{font-size:13px;line-height:1.9;color:var(--muted)}.share-url{display:block;width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);font-size:12px;box-sizing:border-box}.share-actions{display:grid;gap:12px;margin:18px 0}.share-actions .primary{width:100%;min-width:0;justify-content:center;padding:16px}.line-share{display:block;text-align:center;background:#06c755;color:white;padding:16px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:bold}.friend-share-dialog p.share-tip{font-size:11px;line-height:1.7}.share-heading .quiet{min-height:44px;white-space:nowrap}

.growth-intro{text-align:left;margin-top:42px;word-break:keep-all;overflow-wrap:anywhere}.growth-eyebrow{font-size:12px;color:#9268b9;margin:0 0 16px}.growth-intro h2{font-size:clamp(23px,3vw,31px);font-weight:500;line-height:1.5;letter-spacing:-.7px;margin:0 0 22px;color:var(--ink)}.growth-copy p{font-size:14px;line-height:1.9;margin:0}.growth-copy .team-message{margin-top:23px}.first-job{background:#fff0e9;border-radius:22px;padding:25px 27px;margin:28px 0 22px}.first-job h3{font-size:20px;font-weight:500;margin:0 0 18px}.first-job p{font-size:14px;line-height:1.8;margin:12px 0}.growth-invitation{font-size:15px;line-height:1.9;margin:0 0 8px}.growth-reassurance{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.result .contact-section{border:0;padding:0;margin-top:28px}.result .kakao-contact{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;padding:22px 20px;border:0;border-radius:16px;background:#fee500;text-align:center;box-shadow:none;line-height:1.5}.contact-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:700}.contact-title svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.kakao-contact small{display:block;font-size:13px;color:#615724;font-weight:400;line-height:1.5}.result .buttons{align-items:stretch;margin-top:18px}.result .buttons button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:56px;padding:16px 20px;line-height:1.5;box-shadow:none}@media(max-width:700px){.growth-intro{margin-top:32px}.first-job{padding:22px 20px}.first-job h3{font-size:18px}.contact-title{font-size:15px;gap:8px}.kakao-contact small{font-size:12px}.result .kakao-contact{padding:22px 15px}.result .buttons{flex-direction:column;gap:12px}}