*{box-sizing:border-box}:root{--p:#6845e8;--pink:#ff4898;--mint:#37d79b;--ink:#251647;--muted:#726985}body{margin:0;min-height:100vh;font-family:Pretendard,'Noto Sans KR',Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 5%,#fff 0 5%,transparent 22%),linear-gradient(145deg,#6bdcff,#e5d2ff 48%,#fff0a4)}button,a{font:inherit}.app{max-width:1120px;margin:auto;padding:17px}.top{display:flex;align-items:center;gap:10px}.top h1{margin-right:auto}.top a{padding:10px 14px;border-radius:999px;background:#ffffffd9;color:#5536c6;text-decoration:none;font-weight:900}.hero,.panel,.stat,.study,.result{background:#fffffff2;border:2px solid #fff;box-shadow:0 17px 48px #40216f20}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:25px;padding:30px;border-radius:30px;margin:12px 0 15px}.kicker{font-size:12px;font-weight:1000;letter-spacing:1.2px;color:var(--pink)}.hero h2{font-size:clamp(35px,5vw,58px);line-height:1;letter-spacing:-3px;margin:9px 0}.hero p{color:var(--muted);line-height:1.6}.coach{align-self:center;padding:19px;border-radius:21px;background:linear-gradient(135deg,#3a2375,#7450e5);color:#fff}.coach b{display:block;font-size:20px;margin-bottom:6px}.coach span{font-size:13px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{padding:17px;border-radius:19px}.stat b{display:block;font-size:28px}.stat span{font-size:11px;color:var(--muted)}.panel{padding:22px;border-radius:23px;margin-top:15px}.setup{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end}.field label{display:block;font-weight:900;margin-bottom:8px}.choices{display:flex;gap:8px;flex-wrap:wrap}.choice input{position:absolute;opacity:0}.choice span{display:block;padding:11px 14px;border:2px solid #e5deee;border-radius:13px;background:#fff;font-weight:850;cursor:pointer}.choice input:checked+span{border-color:var(--p);background:#eee9ff;color:#5939ce}.start,.next{border:0;border-radius:999px;background:linear-gradient(135deg,var(--pink),#ff744b);color:#fff;padding:15px 22px;font-weight:1000;cursor:pointer}.plan{margin-top:16px;padding:14px;border-radius:15px;background:#f7f3ff;color:var(--muted);line-height:1.6}.study{border-radius:30px;overflow:hidden;margin-top:14px}.study-head{padding:16px 21px;display:flex;align-items:center;gap:12px}.study-head b{margin-right:auto}.bar{height:9px;background:#e9e3f0}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint),#ffe15d,var(--pink))}.stage{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:30px}.arena{text-align:center}.mode{display:inline-block;padding:6px 11px;border-radius:99px;background:#eee9ff;color:#5b3bd0;font-size:11px;font-weight:1000}.visual{min-height:175px;display:flex;align-items:center;justify-content:center}.flag{width:min(280px,70vw);height:min(185px,47vw);display:flex;overflow:hidden;border:3px solid #656070;border-radius:14px;background:#eee;box-shadow:0 10px 27px #3219602e,inset 0 0 0 1px #fff}.flag img{width:100%;height:100%;object-fit:contain}.word{font-size:clamp(39px,6vw,70px);font-weight:1000;letter-spacing:-3px}.question{font-size:21px;font-weight:950;margin:8px 0 17px}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.opt{min-height:58px;padding:10px;border:2px solid #e4deed;border-radius:15px;background:#fff;font-weight:900;cursor:pointer}.opt.correct{background:#e4fff3;border-color:#39c786;color:#087348}.opt.wrong{background:#fff0f0;border-color:#ef7777;color:#aa2e2e}.opt.flag-opt{min-height:95px}.opt img{display:block;width:105px;height:68px;object-fit:contain;margin:auto;border:2px solid #686273;border-radius:8px;background:#eee}.feedback{padding:18px;border-radius:20px;background:#f7f3ff}.feedback h3{margin-top:0}.feedback p{color:var(--muted);line-height:1.6}.memory-step{padding:10px;border-radius:12px;background:#fff8c9;color:#6c5614;font-size:12px}.feedback .next{width:100%;margin-top:12px;background:var(--p)}.feedback .learn-fact{padding:12px;border-radius:14px;background:#fff;color:#44336e;font-size:13px;font-weight:800;box-shadow:0 7px 20px #4b317a12}.result{padding:40px;text-align:center;border-radius:30px;margin-top:15px}.result .icon{font-size:75px}.result h2{font-size:38px;margin:6px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:650px;margin:20px auto}.result-card{padding:15px;border-radius:16px;background:#f7f3ff}.result-card b{display:block;font-size:26px}.actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.actions button,.actions a{padding:12px 17px;border:0;border-radius:999px;background:var(--p);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.actions .alt{background:#fff;color:var(--p)}[hidden]{display:none!important}@media(max-width:760px){.hero,.stage{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.setup{grid-template-columns:1fr}.feedback{min-height:auto}}@media(max-width:500px){.app{padding:8px}.top h1{font-size:20px}.hero{padding:21px}.options{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.stage{padding:20px 14px}}