:root{--bg:#0b1020;--deep:#070a12;--panel:#151c2c;--panel2:#1b2437;--line:#334057;--text:#f6f2ea;--muted:#b8c2d4;--gold:#e0bd70;--lav:#9a8cff;--mint:#6fc7a1;--rose:#ec7b7b;--amber:#f2ad54;--blue:#6f9ee8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% -10%,rgba(154,140,255,.17),transparent 35%),radial-gradient(circle at 100% 10%,rgba(111,199,161,.10),transparent 28%),linear-gradient(180deg,var(--deep),var(--bg));color:var(--text);font-family:Pretendard,"Noto Sans KR",sans-serif;line-height:1.65}.app{width:min(820px,100%);margin:auto;min-height:100vh;padding:22px 18px 80px}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:17px}.brand{font-size:11px;color:var(--gold);letter-spacing:.12em}.progress{font-size:13px;color:var(--muted)}.bar{height:4px;background:#283246;border-radius:99px;overflow:hidden;margin-bottom:26px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lav),var(--mint));transition:.28s}.card{background:linear-gradient(180deg,rgba(27,36,55,.98),rgba(19,26,41,.98));border:1px solid var(--line);border-radius:25px;padding:27px;box-shadow:0 24px 70px rgba(0,0,0,.3)}h1,h2,h3,p{margin-top:0}h1{font-size:35px;line-height:1.2;letter-spacing:-.04em;margin:9px 0 17px}h2{font-size:25px;line-height:1.36;letter-spacing:-.025em}.eyebrow{display:inline-block;color:var(--mint);font-size:13px;font-weight:800;letter-spacing:.08em}.lead{font-size:17px;color:#e1e7f1}.guide{display:grid;gap:10px;margin:24px 0}.guide div{border:1px solid var(--line);background:#111827;border-radius:16px;padding:14px 16px}.guide b{display:block;color:#f2f0eb;margin-bottom:3px}.guide span{font-size:14px;color:var(--muted)}button{font:inherit}.primary,.ghost{width:100%;border-radius:15px;padding:15px 18px;font-weight:800;cursor:pointer}.primary{border:1px solid #d8c0ff;background:linear-gradient(135deg,#a996ff,#77c8ac);color:#0d1320;box-shadow:0 13px 34px rgba(133,169,230,.18)}.ghost{border:1px solid var(--line);background:#111827;color:var(--text)}button:focus-visible{outline:3px solid rgba(154,140,255,.55);outline-offset:2px}button:disabled{opacity:.42;cursor:not-allowed}.encourage{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:27px 0 0}.hidden{display:none!important}.domain{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;margin-bottom:13px;font-size:12px;font-weight:800;background:#111827;border:1px solid var(--line);color:var(--mint)}.domain.peer{color:var(--lav)}.scene-box{border:1px solid #3a4963;background:#101725;border-radius:19px;padding:20px;margin-bottom:16px}.scene-text{font-size:18px;line-height:1.75;margin:0}.instruction{font-size:13px;color:var(--muted);margin-bottom:12px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{position:relative;width:100%;min-height:74px;border:1px solid var(--line);background:#111827;color:var(--text);border-radius:17px;padding:16px 52px 16px 17px;text-align:left;font-size:17px;font-weight:800;cursor:pointer;transition:.18s}.option:hover{border-color:#65738c;background:#162034}.option.selected{background:#1a2437;border-width:2px}.rank{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:900}.option[data-rank="1"]{border-color:var(--lav)}.option[data-rank="1"] .rank{background:var(--lav);color:#0e1020}.option[data-rank="2"]{border-color:var(--mint)}.option[data-rank="2"] .rank{background:var(--mint);color:#07120d}.option[data-rank="3"]{border-color:#8390a6}.option[data-rank="3"] .rank{background:#8390a6}.option[data-rank="4"]{border-color:#535f72}.option[data-rank="4"] .rank{background:#535f72}.nav{display:flex;gap:10px;margin-top:17px}.nav button{flex:1}.result-head{position:relative;text-align:center;overflow:hidden;border-radius:21px;padding:30px 18px 25px;margin-bottom:19px;background:linear-gradient(145deg,var(--tone1,rgba(154,140,255,.16)),var(--tone2,rgba(111,199,161,.08)));border:1px solid var(--line)}.result-head:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:var(--glow,rgba(154,140,255,.18));filter:blur(48px);top:-145px;right:-60px}.type-code{position:relative;font-size:58px;font-weight:950;letter-spacing:.04em}.type-code .main{color:var(--mainColor,var(--lav))}.type-code .sub{font-size:.68em;color:var(--subColor,var(--mint));margin-left:3px}.type-name{position:relative;font-size:27px;font-weight:900;margin-bottom:8px}.result-head .lead{position:relative;max-width:650px;margin:auto}.rank-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.rank-card{border:1px solid var(--line);border-top:4px solid var(--rankColor);border-radius:16px;background:#151d2d;padding:15px}.rank-card small{display:block;color:var(--muted);margin-bottom:5px}.rank-card strong{font-size:18px;color:var(--rankColor)}.rank-card p{font-size:13px;color:#d9e0eb;margin:7px 0 0}.section{margin-top:34px}.summary-box,.scene,.detail-card,.tip,.question-list{border:1px solid var(--line);background:#131b2a;border-radius:17px}.summary-box{padding:20px}.summary-box p:last-child{margin-bottom:0}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene,.detail-card,.tip{padding:17px}.scene{border-left:4px solid var(--mainColor,var(--lav));border-radius:4px 16px 16px 4px}.scene strong,.detail-card h3,.tip strong{display:block;margin-bottom:6px}.detail-card{border-top:4px solid var(--cardColor)}.detail-card h3{color:var(--cardColor)}.detail-card dl{margin:13px 0 0}.detail-card dt{font-size:12px;color:var(--muted);margin-top:11px}.detail-card dd{margin:3px 0 0;color:#e1e6ee}.score-list{display:grid;gap:13px}.score-row{display:grid;grid-template-columns:36px 1fr 40px;gap:10px;align-items:center}.score-label{font-weight:900;font-size:18px}.score-copy{font-size:13px;color:var(--muted);margin-bottom:4px}.track{height:10px;background:#293347;border-radius:99px;overflow:hidden}.fill{height:100%;border-radius:99px}.score-value{text-align:right;font-weight:800}.question-list{padding:5px 18px;background:#181728;border-color:#463f62}.coach-q{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:17px 0;border-bottom:1px solid #3c3650}.coach-q:last-child{border-bottom:0}.coach-q span{font-size:12px;color:var(--lav);padding-top:4px}.coach-q p{margin:0;font-size:17px}.notice{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:28px}.pill{display:inline-block;border:1px solid var(--line);background:#111827;border-radius:999px;padding:6px 10px;margin:3px 4px 3px 0;font-size:13px;color:#dfe5ef}@media(max-width:620px){h1{font-size:29px}.card{padding:20px}.scene-text{font-size:16px}.options,.rank-three,.two-grid{grid-template-columns:1fr}.option{min-height:64px}.type-code{font-size:51px}.result-head{padding:25px 14px 22px}}@media print{body{background:white;color:#111}.app{width:100%;padding:0}.top,.bar,#start,#test,#again,#printBtn{display:none!important}.card,.result-head,.rank-card,.summary-box,.scene,.detail-card,.tip,.question-list{background:white;color:#111;box-shadow:none;border-color:#bbb}.section,.detail-card,.scene{break-inside:avoid}.notice,.score-copy{color:#444}}