:root{--bg:#0d1110;--ink:#f1f4e9;--green:#c8f36b;--lime:#c8f36b;--line:#2c3530}body{background:radial-gradient(ellipse at 90% 12%,#23332266,transparent 42%),var(--bg);font-family:'Noto Sans KR',sans-serif}body:before{content:'';position:absolute;inset:0 0 auto;height:720px;background-image:linear-gradient(#b9d9a705 1px,transparent 1px),linear-gradient(90deg,#b9d9a705 1px,transparent 1px);background-size:48px 48px;pointer-events:none}header,main{position:relative;max-width:1380px}header{padding:26px 56px}.brand{font-size:21px;letter-spacing:1px}.brand span{font-size:9px;letter-spacing:3px;color:#8b978d}.header-right{gap:24px}.live{border:1px solid #37422f;border-radius:30px;padding:9px 15px;font-size:9px;color:#c8f36b}.quiet{color:#a4b0a5}.quiet:hover{color:#c8f36b}main{padding:0 56px}.intro{padding:65px 0 54px;min-height:440px;gap:40px}.eyebrow{color:#bddb91;font-size:10px;letter-spacing:2.6px}.intro .eyebrow:before{content:'';display:inline-block;width:24px;height:1px;background:var(--green);vertical-align:middle;margin-right:12px}h1{font-size:58px;line-height:1.3;letter-spacing:-3.2px;margin:24px 0}h1 em{color:#c8f36b}.intro p{font-size:14px;color:#929f94;line-height:1.9}.hero-meta{display:flex;gap:22px;margin-top:26px;font-size:10px;color:#b7c1b5;letter-spacing:1px}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta b{width:5px;height:5px;background:#c8f36b;border-radius:50%}.orb{width:390px;height:330px;flex-shrink:0;background:radial-gradient(ellipse,#b1f55219 0,transparent 68%)}.orb:before{content:'';position:absolute;width:245px;height:245px;border-radius:50%;border:1px dashed #b5d28e24;animation:spin 60s linear infinite}.orb:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#d0ff78;box-shadow:0 0 24px #c8f36b;top:69px;right:48px}.orb span{font-size:200px;color:#c8f36b;text-shadow:0 0 60px #b4e9522b;animation:breathe 7s ease-in-out infinite}.ring{width:350px;height:158px;border-color:#a2c56a65}.r2{border-color:#d5e9bc40}.r3{border-color:#c8f36b60}.orb small{color:#819575;right:0;bottom:5px;font-size:9px}.orbit-label{position:absolute;left:3px;top:16px;font-size:9px;letter-spacing:2px;color:#6e8068}.dashboard{background:linear-gradient(110deg,#202a20,#171e19);border:1px solid #394531;border-radius:14px;padding:26px 30px;gap:44px;box-shadow:0 12px 45px #0002}.label{color:#819079;font-size:9px;letter-spacing:1.7px}.dashboard strong{font-size:35px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums}.dashboard small{color:#8d9a82}.progress-area{color:#a1b194;font-size:11px}.track{background:#354030;height:4px}.primary{color:#182011;background:#c8f36b;border-radius:7px;font-size:12px;padding:17px 25px;box-shadow:0 4px 20px #c8f36b0a}.primary:hover{background:#ddff99;box-shadow:0 0 25px #c8f36b23}.missions{padding-top:58px}.section-top h2{font-size:26px;letter-spacing:-1px}.note{color:#7c8a7e;font-size:11px}nav{margin:25px 0 26px;gap:9px}nav button{color:#8c9c90;background:#141a16;border-color:#2c352d;font-size:11px;padding:11px 19px}nav button:hover{border-color:#829663;color:#e1ecd3}nav button.active{background:#c8f36b;border-color:#c8f36b;color:#182011}.grid{gap:18px}.card{overflow:hidden;min-height:262px;padding:24px 26px;background:linear-gradient(135deg,#1a211c,#131a16);border:1px solid #2d372e;border-radius:12px;color:#f1f4e9}.card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0,#c8f36b0b,transparent 70%);pointer-events:none}.card:after{content:'↗';position:absolute;right:23px;top:72px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #384333;border-radius:50%;color:#92a183;transition:all .2s}.card:hover{border-color:#9cbd67;transform:translateY(-5px);box-shadow:0 15px 35px #0003}.card:hover:after{background:#c8f36b;color:#172011;border-color:#c8f36b}.card .category{background:#293725;color:#c8e6a0;font-size:9px;padding:5px 9px;letter-spacing:.5px}.card[data-category="감정"] .category{background:#352c3a;color:#d6b4ee}.card[data-category="감정"] .symbol{color:#cbb0e5}.card[data-category="논리"] .category{background:#253239;color:#b0d8ed}.card[data-category="논리"] .symbol{color:#b0d8ed}.card .num{color:#6a7b6d;font-size:9px;letter-spacing:1px}.card .symbol{font-size:38px;font-weight:500;letter-spacing:4px;color:#c8f36b;margin:25px 0 20px}.card h3{font-size:18px;font-weight:600;letter-spacing:-.6px;margin-bottom:10px}.card p{color:#8c9b8e;font-size:11px}.card .bottom{margin-top:25px;border-top:1px solid #2a342b;padding-top:16px;color:#788c79;font-size:10px}.card.done{background:linear-gradient(135deg,#293722,#172016);border-color:#526b3b}.card.done .bottom{color:#c8f36b}footer{margin-top:64px;color:#667968;padding:30px 0 38px}footer span{color:#b5c3aa;letter-spacing:1px}dialog{background:linear-gradient(140deg,#202b20,#121a15);color:#eef5e5;border:1px solid #506442;padding:30px;border-radius:18px;box-shadow:0 35px 120px #0009}dialog::backdrop{background:#050905d9;backdrop-filter:blur(9px)}dialog h2{font-size:28px;margin:24px 0 18px}#question{color:#b9c5b5;font-size:14px;line-height:1.9}#visual{background:radial-gradient(ellipse,#c8f36b11,transparent),#0d1510;border:1px solid #34452d;color:#d1f297;padding:30px 20px;border-radius:10px;font-size:26px}#options button{background:#202a20;border-color:#3b4835;color:#dce8d4;padding:16px;line-height:1.6}#options button:hover{background:#293824;border-color:#a4ca68}#options button.correct{background:#344d25;color:#e2ffc0;border-color:#a8d86a}#options button.wrong{background:#472d27;color:#f0c4b5;border-color:#885644}#options button:disabled{color:#b5c3ab}#feedback,#hintText{background:#2a3922;color:#d4e8c3;white-space:pre-line;border:1px solid #465b34}#feedback.error{background:#392b24;color:#e8c6b3;border-color:#654734}#attempt{color:#9bab8f}#next{margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:rotate(-12deg) scale(.94);opacity:.85}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@media(max-width:1000px){h1{font-size:46px}.orb{width:300px}.ring{width:280px}.orb span{font-size:175px}.dashboard{gap:26px}}@media(max-width:800px){header{padding:22px 24px}main{padding:0 24px}.intro{padding:46px 0 36px;min-height:350px;gap:10px}h1{font-size:38px}.orb{width:200px;height:240px}.orb:before{width:170px;height:170px}.orb:after{right:0;top:55px}.ring{width:190px;height:100px}.orb span{font-size:125px}.orbit-label{display:none}.dashboard{padding:22px;gap:24px}.dashboard strong{font-size:30px}.grid{gap:14px}.card{padding:22px;min-height:250px}.section-top h2{font-size:24px}}@media(max-width:480px){header{padding:20px}.brand{font-size:18px}.brand span{font-size:8px}main{padding:0 20px}.intro{padding:40px 0 32px;min-height:0}h1{font-size:38px;line-height:1.35;margin:22px 0}.intro p{font-size:12px}.hero-meta{gap:18px;margin-top:23px;font-size:9px}.dashboard{gap:25px;padding:20px}.progress-area{flex-basis:100%}.dashboard .primary{margin-top:0}.missions{padding-top:40px}.section-top h2{font-size:23px}.grid{gap:14px}.card{min-height:244px}.card .symbol{margin:24px 0 18px}dialog{padding:22px}dialog h2{font-size:24px}#visual{font-size:22px;letter-spacing:2px}footer{margin-top:42px}}