@charset "UTF-8";:root{font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;color:#303e36;background:#fcfaf5;font-synthesis:none;line-height:1.65;font-size:16px;--ink:#303e36;--muted:#687067;--line:#dedfd5;--green:#354c3c;--yellow:#f2d987}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9b5c1b;outline-offset:5px}h1:focus{outline:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}p{word-break:keep-all;overflow-wrap:anywhere}h2{font-size:1.55rem;letter-spacing:-.045em}h3{font-size:1rem}small,.small{font-size:.875rem}.muted{color:var(--muted)}.header{max-width:1280px;margin:auto;padding:24px 48px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:2rem;letter-spacing:-.085em;font-weight:900;line-height:1}.brand-dot{color:#b1842c;margin-left:4px;font-size:1.75rem}.header-caption{font-size:.875rem;color:var(--muted)}.header-link{margin-left:auto;font-size:.875rem}.header-link span{margin-left:16px}.landing-hero{max-width:1200px;padding:74px 40px 66px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.pill{display:inline-block;border:1px solid #c9cebd;background:#f0f2e8;border-radius:100px;padding:5px 14px;font-size:.875rem;font-weight:600}.eyebrow{font-size:.875rem;letter-spacing:.025em;color:#63715f;margin:24px 0 12px;font-weight:600}.hero-copy h1{font-size:1rem;margin:0 0 10px;font-weight:700;letter-spacing:.05em}.hero-copy h2{font-size:3.7rem;line-height:1.22;letter-spacing:-.065em;margin:0 0 24px}.underlined{background:linear-gradient(transparent 73%,#f2dd99 73%,#f2dd99 94%,transparent 94%)}.hero-description{font-size:1.06rem;color:#5b655b;margin-bottom:24px}.test-facts{display:flex;gap:0;font-size:.875rem;flex-wrap:wrap;margin-bottom:20px}.test-facts>span+span:before{content:"·";margin:0 12px;color:#93998a}.button{border:1px solid transparent;border-radius:12px;min-height:52px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:700;line-height:1.5;transition:background .15s,transform .15s}.button span:last-child{margin-left:auto}.primary{background:var(--green);color:#fffdf3}.primary:hover{background:#243b2b}.secondary{background:#fffdf8;border-color:#cdd1c7;color:var(--ink)}.secondary:hover{background:#f0f1e8}.start-button{width:100%;max-width:405px;justify-content:space-between;font-size:1.05rem}.hero-note{max-width:405px;margin:14px 0 0;font-size:.8rem}.hero-art{height:525px;position:relative;border-radius:48% 48% 30px 30px;background:#f1eddd;overflow:hidden}.art-label{position:absolute;top:28px;left:0;right:0;text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:#697564}.hero-character{position:absolute;overflow:visible}.hero-character .character-art{border-radius:50%;overflow:hidden;border:7px solid #fcfaf5;box-shadow:0 8px 22px #39443410}.hero-main{width:58%;left:5%;top:83px;transform:rotate(-8deg)}.hero-second{width:49%;right:2%;bottom:50px;transform:rotate(9deg)}.hero-third{width:36%;right:1%;top:70px;transform:rotate(12deg)}.sticker{position:absolute;background:#fffdf3;box-shadow:0 3px 8px #00000010;border:1px solid #dedac6;padding:5px 13px;border-radius:7px;bottom:4px;left:8px;font-size:.9rem;font-weight:700;white-space:nowrap}.hero-second .sticker{left:auto;right:6px;bottom:0}.art-bottom{position:absolute;bottom:18px;text-align:center;width:100%;font-size:.8rem;color:#657160}.character-art{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#fff8e9}.character-art img{display:block;width:100%;height:100%;object-fit:contain}.image-fallback{display:grid;place-content:center;text-align:center;width:100%;height:100%;background:#f2eddc;padding:20px}.image-fallback>span{font-size:3rem;font-weight:800}.image-fallback p{margin:5px 0}.four-traits{border-block:1px solid var(--line);max-width:1120px;margin:0 auto 76px;display:grid;grid-template-columns:1.45fr repeat(4,1fr);padding:25px 0;gap:20px;align-items:center}.four-traits>p{margin:0;color:var(--muted)}.four-traits>p strong{color:var(--ink);font-weight:600}.four-traits>div{border-left:1px solid var(--line);padding-left:25px}.four-traits h3{margin:0}.four-traits>div>span:last-child{font-size:.8rem;color:var(--muted)}.trait-number{font-size:.7rem;color:#697762;letter-spacing:.12em}.characters-section{max-width:1120px;margin:auto;padding-bottom:70px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading .eyebrow{margin:0 0 8px}.section-heading>p{font-size:.9rem}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.character-tile{display:block;padding:14px 14px 19px;border:1px solid #e4e2d7;background:#fffdf7;border-radius:18px;transition:transform .15s}.character-tile:hover{transform:translateY(-4px)}.character-tile .character-art{border-radius:12px;margin-bottom:15px}.character-tile h3{margin:0 0 5px}.character-tile>span{font-size:.8rem;color:#677161;display:block;word-break:keep-all}.panel{border:1px solid #e0e2d7;background:#fffefb;border-radius:20px;padding:30px}.about{max-width:1120px;margin:0 auto 70px;background:#f0f1e8}.about p:last-child{margin:0}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:30px 48px 40px;display:flex;gap:35px;align-items:start;color:var(--muted);font-size:.85rem}footer .brand{color:var(--ink)}footer p{margin:0}footer p:last-child{margin-left:auto}.test-page{max-width:680px;margin:42px auto 80px;padding:0 24px;min-height:65vh}.test-topline{display:flex;justify-content:space-between;gap:15px;font-size:.875rem;margin-bottom:12px}.test-topline>span{color:var(--muted)}progress{display:block;width:100%;height:6px;border:0;appearance:none;border-radius:10px;overflow:hidden;background:#e0e4d7}progress::-webkit-progress-bar{background:#e0e4d7}progress::-webkit-progress-value{background:#526a58;border-radius:10px}progress::-moz-progress-bar{background:#526a58}.question-panel{margin-top:35px}.question-kicker{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:26px}.question-panel h1{font-size:1.7rem;line-height:1.6;letter-spacing:-.04em;margin-bottom:14px}.question-hint{font-size:.9rem;margin-bottom:26px}fieldset{border:0;padding:0;margin:0;min-width:0}.choice{display:flex;align-items:center;gap:14px;border:1px solid #d9ddd0;border-radius:14px;padding:19px 16px;margin-bottom:12px;background:#fffefa;cursor:pointer;position:relative;line-height:1.6;min-height:76px}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice:has(input:focus-visible){outline:3px solid #9b5c1b;outline-offset:3px}.choice-marker{border:1px solid #d6dacd;background:#f5f5ed;border-radius:50%;display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;font-size:.8rem;color:#65705f}.choice>span:nth-last-child(2){flex:1;word-break:keep-all;overflow-wrap:anywhere}.choice-check{opacity:0}.choice.selected{border-color:#506a54;background:#edf1e8;box-shadow:inset 0 0 0 1px #506a54}.selected .choice-marker{background:#405b45;border-color:#405b45;color:#fff}.selected .choice-check{opacity:1}.question-actions{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-top:26px}.autosave{text-align:center;margin-top:18px}.result-layout{max-width:1120px;margin:42px auto 70px;display:grid;grid-template-columns:440px 1fr;gap:30px;align-items:start}.result-summary{text-align:center;padding:26px}.result-summary>.character-art{max-width:300px;margin:12px auto 20px;border-radius:20px}.result-summary>.eyebrow{font-size:.8rem;margin:18px 0 0}.result-summary h1{font-size:2rem;margin-bottom:4px}.english{color:var(--muted);font-size:.875rem;margin-bottom:16px}.catchphrase{font-size:1.05rem;font-weight:600}.boundary{background:#f2efdf;border:1px solid #ded8bc;border-radius:12px;padding:16px;margin:24px 0;text-align:left;font-size:.875rem}.boundary p{margin:5px 0}.boundary a{text-decoration:underline}.boundary small{display:block;color:var(--muted);margin-top:12px;font-size:.8rem}.trait-section{text-align:left;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.trait-section h2{font-size:1.2rem;margin-bottom:6px}.trait{margin:22px 0}.trait-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.95rem}.trait-label small{color:var(--muted);font-size:.72rem;font-weight:400}.trait-label>span>small{margin-left:4px}.bar{background:#e4e8dd;height:8px;border-radius:8px;margin:10px 0;overflow:hidden}.bar span{height:100%;display:block;background:#536c58;border-radius:8px}details{font-size:.8rem;color:#687064}details summary{cursor:pointer}details p{margin:8px 0;font-size:.875rem}.details-stack{display:grid;gap:22px}.details-stack .eyebrow{margin-top:0}.details-stack p{line-height:1.85}.strength-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.strength-grid h3{font-size:.9rem}.strength-grid ul{padding-left:18px;margin-bottom:0;font-size:.94rem}.strength-grid li{margin:8px 0}dl{margin:0}dt{font-size:.85rem;color:#697361;margin-bottom:6px}dd{margin:0 0 23px}dd:last-child{margin:0}.chemistry{display:flex;align-items:center;background:#f6f4e9;border-radius:14px;margin:20px 0;gap:20px;padding:15px}.chemistry .character-art{width:110px;flex:0 0 110px;border-radius:12px}.chemistry small{font-size:.75rem;color:var(--muted)}.chemistry h3{font-size:1.2rem;margin:6px 0}.chemistry span{font-size:.8rem}.share-actions{display:grid;gap:10px;margin-top:26px}.share-status{min-height:20px;margin:12px 0 0}.text-button{background:none;border:0;text-decoration:underline;color:#606d5d;min-height:48px;padding:10px;font-size:.875rem}.manual-link{display:block;text-align:left;font-size:.875rem}.manual-link input{display:block;width:100%;padding:12px;font-size:.875rem;border:1px solid #a3ac97;border-radius:7px}.disclaimer{font-size:.8rem;color:#697263;line-height:1.8;margin:24px 4px}.notice{padding:16px 20px;background:#f6edcb;border-radius:10px;font-size:.875rem}.global-notice{max-width:1120px;margin:20px auto}.error{color:#974219;font-size:.9rem}.empty{max-width:600px;margin:70px auto;min-height:350px;text-align:center}.empty .button{display:flex;margin:30px 0}.empty h1{font-size:1.8rem}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink);background:#fffdf7}dialog::backdrop{background:#1f2c2466;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-size:1.3rem}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:10px 20px;background:#fff;z-index:10}.skip-link:focus{top:10px}@media(max-width:1199px){.four-traits,.characters-section,.about,.result-layout{margin-left:32px;margin-right:32px}.hero-copy h2{font-size:3.2rem}.hero-art{height:470px}.result-layout{grid-template-columns:390px 1fr;gap:22px}.panel{padding:24px}}@media(max-width:1023px){.header{padding:20px 32px}.landing-hero{max-width:744px;grid-template-columns:1fr;padding:42px 32px 36px;gap:30px}.hero-copy h2 br:nth-child(2){display:none}.hero-copy h2{font-size:3.3rem}.hero-art{height:360px;max-width:500px;width:100%;margin:auto;border-radius:28px}.hero-main{width:44%;top:56px;left:4%}.hero-second{width:37%;bottom:32px;right:4%}.hero-third{width:29%;right:10%;top:30px}.art-label{left:0;text-align:left;padding-left:24px;top:15px;font-size:.65rem}.start-button,.hero-note{max-width:none}.four-traits{max-width:680px;margin:0 auto 45px;grid-template-columns:repeat(4,1fr);gap:12px}.four-traits>p{grid-column:1/-1;margin-bottom:8px}.four-traits>p br{display:none}.four-traits>div{padding-left:14px}.characters-section,.about{max-width:680px;margin-left:auto;margin-right:auto}.character-grid{grid-template-columns:repeat(3,1fr);gap:16px}.result-layout{max-width:680px;margin:32px auto 60px;display:block}.result-summary{margin-bottom:22px}.result-summary>.character-art{max-width:320px}.details-stack{gap:18px}.global-notice{margin:18px 24px}footer{padding:28px 32px;flex-wrap:wrap}footer p:last-child{margin:0}.section-heading>p{font-size:.8rem}}@media(max-width:767px){.header{padding:18px 20px;gap:12px}.brand{font-size:1.75rem}.header-caption{display:none}.header-link{font-size:.8rem}.landing-hero{padding:30px 20px 32px;gap:28px}.hero-copy .eyebrow{font-size:.78rem;margin-top:20px}.hero-copy h1{font-size:.9rem}.hero-copy h2{font-size:2.55rem;line-height:1.3;margin-bottom:18px}.hero-copy h2 br:nth-child(2){display:initial}.hero-description{font-size:1rem}.hero-copy .pill,.test-facts{font-size:.78rem}.test-facts>span+span:before{margin:0 8px}.test-facts small{font-size:.7rem}.hero-art{height:310px}.hero-main{top:53px;width:48%}.hero-second{width:42%}.hero-third{top:45px;right:5%}.sticker{font-size:.75rem;padding:3px 10px}.hero-character .character-art{border-width:4px}.art-bottom{font-size:.72rem;bottom:10px}.four-traits{margin:0 20px 38px;gap:8px;padding:22px 0}.four-traits>p{font-size:.9rem}.four-traits>div{padding-left:9px}.four-traits h3{font-size:.8rem}.four-traits>div>span:last-child{font-size:.75rem}.characters-section{margin:0 20px;padding-bottom:35px}.section-heading{display:block}.section-heading h2{font-size:1.35rem}.section-heading>p{margin-top:12px}.section-heading>p br{display:none}.character-grid{grid-template-columns:repeat(2,1fr);gap:12px}.character-tile{padding:10px 10px 14px;border-radius:14px}.character-tile h3{font-size:.95rem}.character-tile>span{font-size:.75rem}.about{margin:0 20px 40px;padding:22px;font-size:.94rem}.about h2{font-size:1.25rem}footer{padding:26px 20px;gap:22px}footer>p{font-size:.75rem}footer p:last-child{flex-basis:100%;font-size:.75rem}.test-page{margin:28px auto 45px;padding:0 20px}.test-topline{font-size:.78rem}.question-panel{margin-top:28px}.question-kicker{margin-bottom:20px}.question-panel h1{font-size:1.35rem;line-height:1.65}.question-hint{font-size:.85rem;margin-bottom:22px}.choice{padding:16px 12px;gap:10px;font-size:1rem}.choice-check{display:none}.question-actions{gap:10px}.question-actions .button{padding:14px}.question-actions .primary{justify-content:space-between}.result-layout{margin:24px 16px 40px}.result-summary{padding:22px 18px}.result-summary h1{font-size:1.8rem}.panel{padding:22px}.result-summary>.character-art{max-width:280px}.result-summary .trait-section{margin-top:24px}.trait-label small{font-size:.7rem}.strength-grid{gap:12px}.strength-grid ul{font-size:.9rem}.details-stack h2{font-size:1.25rem}.chemistry{gap:12px;padding:12px}.chemistry .character-art{width:85px;flex-basis:85px}.chemistry h3{font-size:1.05rem}.empty{margin:40px 20px}.dialog-actions{display:grid;grid-template-columns:1fr 1.5fr}.dialog-actions .button{padding:12px 8px}.question-actions{padding-bottom:env(safe-area-inset-bottom)}.global-notice{margin:16px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}