:root{--bg:#0a0f15;--panel:#111b25;--panel2:#0e161f;--raise:#16222f;--line:#1e2b38;--line2:#27384a;--ink:#e9eff6;--muted:#93a4b8;--faint:#5f7285;--mint:#5eead4;--mint-d:#2dd4bf;--sky:#7dd3fc;--rose:#fb7185;--gold:#fbbf24;--good:#34d399;--bad:#f87171;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR",sans-serif;--maxw:1080px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;line-height:1.5}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.tnum{font-variant-numeric:tabular-nums}.star{color:var(--gold)}.wrap{max-width:var(--maxw);margin:0 auto;padding:28px 20px 70px}:focus-visible{outline:2px solid var(--mint);outline-offset:2px;border-radius:8px}.btn{font:inherit;border:1px solid var(--line2);background:var(--raise);color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:650;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--mint);transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,var(--mint),var(--mint-d));color:#04120f;border:none}.btn.gold{background:linear-gradient(180deg,#fcd34d,var(--gold));color:#231800;border:none}.btn.block{width:100%}.btn.sm{border-radius:8px;padding:7px 12px;font-size:12.5px}.btn.ghost{background:0 0}.btn:disabled{opacity:.55;cursor:default;transform:none}.pill{font-family:var(--mono);border:1px solid var(--line2);background:var(--panel2);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.pill.gold{color:var(--gold);background:#fbbf2414;border-color:#fbbf2459}.badge{font-family:var(--mono);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.b-good{color:var(--good);background:#34d3991f}.b-mut{color:var(--faint);background:var(--panel2)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.topnav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0a0f15d9;align-items:center;gap:16px;padding:12px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;font-size:17px;font-weight:800}.brand b{color:var(--mint)}.navlinks{gap:2px;margin-left:6px;display:flex}.nl{color:var(--muted);border-radius:8px;padding:8px 11px;font-size:13.5px;font-weight:600}.nl:hover{color:var(--ink);background:var(--panel2)}.nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar{background:linear-gradient(140deg,var(--sky),#4f79c9);color:#04121f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.langsw{border:1px solid var(--line2);border-radius:8px;display:inline-flex;overflow:hidden}.langsw button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:12px;font-weight:650}.langsw button.active{background:var(--raise);color:var(--mint)}.langsw button+button{border-left:1px solid var(--line2)}.hero{text-align:center;background:radial-gradient(1000px 500px at 50% -8%,#5eead417,#0000 60%);flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:56px 20px;display:flex}.hero h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(38px,8vw,72px);font-weight:850;line-height:1.03}.hero h1 b{color:var(--mint)}.hero p{color:var(--muted);max-width:34ch;margin:18px 0 30px;font-size:clamp(16px,3.6vw,20px)}.cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.kbhero{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(560px,100%);margin-top:38px;padding:16px 14px 12px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.kbhero:hover{border-color:var(--mint);transform:translateY(-2px)}.kbline{background:var(--panel2);border:1px solid var(--line2);height:56px;color:var(--ink);border-radius:10px;justify-content:center;align-items:center;gap:2px;margin-bottom:10px;font-size:26px;font-weight:800;display:flex}.kbcaret{background:var(--mint);border-radius:2px;width:2.5px;height:28px;animation:1.1s step-end infinite kbblink}@keyframes kbblink{50%{opacity:0}}.kbrow{gap:5px;margin-top:5px;display:flex}.kbrow.ind{padding:0 5%}.kbkey{background:var(--raise);border:1px solid var(--line2);height:36px;color:var(--ink);border-radius:7px;flex:1;justify-content:center;align-items:center;font-size:14.5px;font-weight:650;display:flex}.kbkey.v{background:var(--panel2)}.kbkey.m{color:var(--faint);flex:1.5;font-size:12px}.kbkey.sp{flex:7}.kbcap{text-align:center;color:var(--faint);margin-top:10px;font-size:12.5px}.feat{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:20px 0 40px;display:grid}.fcard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.fcard h3{margin:0 0 6px;font-size:16px}.fcard p{color:var(--muted);margin:0;font-size:13.5px}a.fcard{transition:all .15s;display:block}a.fcard:hover{border-color:var(--mint);transform:translateY(-2px)}.sect{letter-spacing:-.02em;margin:4px 0 14px;font-size:18px;font-weight:750}.teaser{background:linear-gradient(120deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:28px;display:flex}.teaser h2{letter-spacing:-.02em;margin:6px 0 8px;font-size:clamp(22px,4vw,30px)}.teaser p{color:var(--muted);max-width:46ch;margin:0}.phone{border:1px solid var(--line2);background:radial-gradient(500px 300px at 50% 0,#5eead424,var(--panel2));border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:280px;display:flex}.phone span{color:var(--mint);font-size:60px;font-weight:800}.pagehead{margin-bottom:22px}.pagehead h1{letter-spacing:-.02em;margin:0;font-size:24px}.pagehead .sub{color:var(--muted);margin-top:3px;font-size:13.5px}.grid{gap:16px;display:grid}.g3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.stat .lab{color:var(--muted);font-size:12px;font-family:var(--mono)}.stat .val{letter-spacing:-.02em;margin-top:6px;font-size:28px;font-weight:800}.stat .val.gold{color:var(--gold)}.stat .val.mint{color:var(--mint)}.matgrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.mtile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;transition:all .15s;display:block}.mtile:hover{border-color:var(--mint);transform:translateY(-2px)}.mtile .th{border:1px solid var(--line2);height:96px;color:var(--mint);text-align:center;background:linear-gradient(160deg,#1b2a3a,#0e1620);border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:12px;font-weight:800;display:flex}.mtile .nm{margin:10px 0 4px;font-size:13.5px;font-weight:700}.mtile .mm{color:var(--faint);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:12px;font-family:var(--mono)}.field input,.field select{font:inherit;border:1px solid var(--line2);background:var(--panel2);color:var(--ink);border-radius:10px;padding:11px 13px;font-size:14px}.field input:focus{border-color:var(--mint);outline:none}.checkrow{color:var(--muted);align-items:flex-start;gap:9px;margin:2px 0 14px;font-size:12.5px;display:flex}.centerbox{justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:30px 18px;display:flex}.authcard{width:100%;max-width:400px}.note{color:var(--faint);text-align:center;margin-top:12px;font-size:12px}.err{color:var(--bad);margin:6px 0;font-size:13px}.claimwrap{max-width:520px;margin:0 auto}.matcard{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-items:center;gap:16px;margin-bottom:18px;padding:18px;display:flex}.matthumb{border:1px solid var(--line2);width:78px;height:100px;color:var(--mint);text-align:center;background:linear-gradient(160deg,#1b2a3a,#0e1620);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;line-height:1.2;display:flex}.rewardbox{background:linear-gradient(180deg,#fbbf241a,var(--panel2));text-align:center;border:1px solid #fbbf2459;border-radius:14px;margin-top:16px;padding:18px}.rewardbox .big{color:var(--gold);margin:6px 0;font-size:26px;font-weight:800}.tblwrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.tbl th{text-align:left;font-family:var(--mono);letter-spacing:.04em;color:var(--faint);text-transform:uppercase;background:var(--panel2);border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 14px;font-size:11px}.tbl td{border-bottom:1px solid var(--line);color:var(--muted);padding:11px 14px}.tbl tr:last-child td{border-bottom:none}.tbl td b{color:var(--ink)}.pub-foot{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:center;gap:16px;padding:22px 0 0;font-size:12.5px;display:flex}@media (max-width:640px){.navlinks{display:none}}.kp{grid-template-columns:1fr 236px;align-items:start;gap:18px;margin-top:20px;display:grid}.kp-main{flex-direction:column;gap:16px;min-width:0;display:flex}.kp-rail{flex-direction:column;gap:12px;display:flex}@media (max-width:900px){.kp{grid-template-columns:1fr}}.kp-card{padding:0;overflow:hidden}.kp-target{text-align:center;border-bottom:1px solid var(--line);padding:24px 20px 18px}.kp-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.kp-word{letter-spacing:-.02em;text-shadow:0 0 40px #5eead426;margin:8px 0 2px;font-size:clamp(40px,7vw,64px);font-weight:800;line-height:1.15}.kp-gloss{color:var(--muted);font-size:15px}.kp-rom{color:var(--faint);font-size:13px}.kp-say{justify-content:center;gap:8px;margin-top:12px;display:flex}.kp-io{padding:18px 20px 6px}.kp-box{background:var(--panel2);border:1px solid var(--line2);border-radius:14px;justify-content:center;align-items:center;min-height:96px;padding:12px 48px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.kp-box.ok{border-color:var(--mint);box-shadow:0 0 0 3px #5eead41a}.kp-box.bad{border-color:var(--bad);box-shadow:0 0 0 3px #f871711a}.kp-typed{font-size:clamp(30px,5.5vw,46px);font-weight:700}.kp-comp{color:var(--gold)}.kp-caret{background:var(--mint);vertical-align:-.06em;width:3px;height:.9em;margin-left:3px;animation:1.05s step-end infinite kpblink;display:inline-block}@keyframes kpblink{50%{opacity:0}}.kp-ph{color:var(--faint);font-size:15px;font-family:var(--mono)}.kp-clear{border:1px solid var(--line2);width:30px;height:30px;color:var(--faint);cursor:pointer;background:0 0;border-radius:8px;font-size:15px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.kp-clear:hover{color:var(--ink)}.kp-trail{flex-wrap:wrap;justify-content:center;gap:14px;padding:16px 20px 20px;display:flex}.kp-tk{flex-direction:column;align-items:center;gap:2px;min-width:28px;display:flex}.kp-tk b{color:var(--faint);font-size:24px;font-weight:700;transition:color .12s}.kp-tk em{color:var(--faint);font-size:12px;font-style:normal;transition:color .12s}.kp-tk.done b,.kp-tk.done em{color:var(--ink)}.kp-tk.now b,.kp-tk.now em{color:var(--gold)}.kp-kbwrap{padding:14px 12px 16px;overflow-x:auto}.kp-kbhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 8px 12px;display:flex}.kp-kbhint{font-family:var(--mono);color:var(--faint);font-size:11px}.kp-seg{border:1px solid var(--line2);border-radius:999px;display:flex;overflow:hidden}.kp-seg button{font-family:var(--mono);background:var(--panel2);color:var(--muted);cursor:pointer;border:0;padding:6px 12px;font-size:11px}.kp-seg button[aria-pressed=true]{background:var(--raise);color:var(--ink);font-weight:700}.kp-kb{flex-direction:column;gap:7px;min-width:520px;display:flex}.kp-row{justify-content:center;gap:6px;display:flex}.kp-key{border:1px solid var(--line2);background:var(--raise);width:46px;height:52px;color:var(--ink);cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;font-size:19px;font-weight:700;transition:transform 60ms,border-color .12s,background .12s;display:flex;position:relative}.kp-key:hover{border-color:var(--mint-d)}.kp-key:active{transform:translateY(1px)}.kp-key:disabled{opacity:.5;cursor:default}.kp-lat{color:var(--faint);font-size:10px;font-weight:400;position:absolute;top:4px;left:6px}.kp-key.mod{background:var(--panel2);color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:700}.kp-key.mod.on{border-color:var(--sky);color:var(--ink)}.kp-key.w1{width:76px}.kp-key.sp{flex:auto;max-width:300px}.kp-key.hint{border-color:var(--gold);color:var(--gold);background:#fbbf2421}.kp-key.hint .kp-lat{color:var(--gold)}.kp-key:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.kp-kb.mb{gap:6px;min-width:0;max-width:430px;margin:0 auto}.kp-kb.mb .kp-key{border-radius:7px;width:38px;height:46px;font-size:18px}.kp-kb.mb .kp-key.w1{width:52px}.kp-kb.mb .kp-row{gap:5px}.kp-phone{border:1px solid var(--line2);background:var(--panel2);border-radius:22px;max-width:462px;margin:0 auto;padding:14px 12px 16px}.kp-picker{padding:14px}.kp-picker h3,.kp-prog h3{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-size:11px;font-weight:700}.kp-setlist{border:1px solid var(--line2);background:var(--panel2);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.kp-setrow{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.kp-setrow:last-child{border-bottom:0}.kp-setrow:hover{background:var(--raise);color:var(--ink)}.kp-nm{flex:auto}.kp-ct{color:var(--faint);font-size:11px}.kp-mk{background:0 0;border-radius:50%;flex:none;width:6px;height:6px}.kp-setrow[aria-selected=true]{color:var(--ink);background:#5eead41a}.kp-setrow[aria-selected=true] .kp-nm{font-weight:700}.kp-setrow[aria-selected=true] .kp-mk{background:var(--mint)}.kp-setrow[aria-selected=true] .kp-ct{color:var(--mint)}.kp-stats{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.kp-stat{background:var(--panel);text-align:center;padding:12px 6px}.kp-stat b{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:21px;display:block}.kp-stat b.mint{color:var(--mint)}.kp-stat b.gold{color:var(--gold)}.kp-stat span{font-family:var(--mono);color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.kp-prog{padding:14px}.kp-dots{flex-wrap:wrap;gap:6px;display:flex}.kp-dot{border:1px solid var(--line2);background:var(--panel2);width:26px;height:26px;color:var(--faint);font-family:var(--mono);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:11px;display:flex}.kp-dot.done{border-color:var(--good);color:var(--good)}.kp-dot.cur{border-color:var(--mint);background:var(--mint);color:var(--bg);font-weight:700}.kp-opts{flex-direction:column;gap:10px;padding:14px;display:flex}.kp-opt{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.kp-sw{border:1px solid var(--line2);background:var(--panel2);cursor:pointer;border-radius:999px;flex:none;width:38px;height:22px;position:relative}.kp-sw:after{content:"";background:var(--faint);border-radius:50%;width:16px;height:16px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.kp-sw[aria-pressed=true]{border-color:var(--gold);background:#fbbf2429}.kp-sw[aria-pressed=true]:after{background:var(--gold);left:18px}@media (prefers-reduced-motion:reduce){.kp-caret{animation:none}.kp-key,.kp-sw:after{transition:none}}