:root{--bg: #14102a;--panel: rgba(22, 17, 44, .92);--card: #221a44;--text: #f3f0ff;--muted: #b9b2d8;--accent: #9b59e0;--accent2: #f3c648;--ok: #3ecf8e;--bad: #ff6b6b;--radius: 18px;--font-vn: "Be Vietnam Pro", "Noto Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif;--font-kr: "Noto Sans KR", "Apple SD Gothic Neo", "Be Vietnam Pro", sans-serif}@font-face{font-family:Be Vietnam Pro;src:url(/fonts/BeVietnamPro-Full.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Noto Sans KR;src:url(/fonts/NotoSansKR-900.woff2) format("woff2");font-weight:900;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-vn)}body.player-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}#app{min-height:100vh}.btn{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;padding:12px 26px;font-weight:700;border:2px solid transparent;text-align:center}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{background:transparent;border-color:#ffffff59}.btn.small{padding:7px 16px;font-size:14px}.btn.danger{border-color:var(--bad);color:var(--bad)}.vip-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:800;vertical-align:middle}.muted{color:var(--muted)}.loading-page{display:grid;place-items:center;min-height:60vh;color:var(--muted)}.lock-card,.acc-card{max-width:420px;margin:12vh auto;background:var(--card);border-radius:var(--radius);padding:2rem;text-align:center;display:flex;flex-direction:column;gap:.9rem}.site-head{display:flex;align-items:center;gap:12px;max-width:1060px;margin:0 auto;padding:1.4rem 1rem 0;flex-wrap:wrap}.site-head h1{font-size:1.5rem;margin:0;flex:1}.site-head nav{display:flex;gap:8px;align-items:center}.site-head .who{color:var(--muted);margin-right:4px}.site-sub{max-width:1060px;margin:.4rem auto 1rem;padding:0 1rem;color:var(--muted)}.rm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;max-width:1060px;margin:0 auto 3rem;padding:0 1rem}.rm-card{background:var(--card);border-radius:var(--radius);padding:1rem 1.1rem;min-height:128px;display:flex;flex-direction:column;gap:4px;border:1.5px solid transparent;transition:transform .15s,border-color .15s}.rm-card:hover{transform:translateY(-3px);border-color:var(--accent)}.rm-card.done{border-color:#3ecf8e99}.rm-card.soon{opacity:.45;pointer-events:none}.rm-ord{font-size:13px;color:var(--accent2);font-weight:700}.rm-ko{font-size:26px;font-weight:900}.rm-title{font-weight:600}.rm-meta{margin-top:auto;font-size:13px;color:var(--muted)}.stage-wrap{position:fixed;inset:0;background:var(--bg);overflow:hidden;z-index:10}.stage{position:absolute;top:0;left:0;width:1920px;height:1080px;transform-origin:top left;background:#1a1434;overflow:hidden}.stage-wrap.portrait:after{content:"Xoay ngang màn hình để xem đẹp nhất ⟳";position:fixed;left:50%;bottom:18px;transform:translate(-50%);background:#000000bf;padding:10px 18px;border-radius:999px;font-size:14px;z-index:60;pointer-events:none;white-space:nowrap}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-scrim{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to bottom,#0a071800 38%,#0a071880 72%,#0a0718c7)}.char,.npc-fig{position:absolute;bottom:0;height:1040px;width:auto;transform-origin:bottom center;filter:drop-shadow(0 18px 26px rgba(0,0,0,.4));transition:filter .35s,opacity .35s,transform .35s;animation:idle 5s ease-in-out infinite;z-index:2}.char.left{left:90px}.char.right{right:90px;animation-delay:2.5s}.npc-fig{left:120px;height:1000px}.char.dim{filter:brightness(.4) saturate(.5) blur(.5px);opacity:.8}.char.hidden,.npc-fig.hidden{opacity:0;pointer-events:none}@keyframes idle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.4deg)}}.topbar{position:absolute;top:24px;left:36px;right:36px;display:flex;align-items:center;gap:14px;z-index:20}.tb-btn{min-width:64px;height:64px;border-radius:16px;background:#00000073;color:#fff;font-size:30px;display:grid;place-items:center;padding:0 12px}.tb-btn.off{opacity:.45;text-decoration:line-through}.tb-title{font-size:30px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.6)}.tb-spacer{flex:1}.ctrlbar{position:absolute;left:36px;right:36px;bottom:24px;display:flex;align-items:center;gap:14px;z-index:20}.ctr-label{font-size:26px;color:var(--muted);min-width:170px}.ctr-track{flex:1;height:8px;border-radius:4px;background:#ffffff26}.ctr-fill{height:100%;width:0;border-radius:4px;background:var(--accent);transition:width .3s}.phase-root,.node-root{position:absolute;inset:0;z-index:10}.anim-in>*{animation:rise .45s ease both}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.preload{position:absolute;inset:0;display:grid;place-content:center;gap:16px;text-align:center;font-size:30px}.preload .bar{width:560px;height:14px;border-radius:7px;background:#ffffff1f}.preload .fill{height:100%;border-radius:7px;background:var(--accent);transition:width .2s}.hook-card{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:10px;background:radial-gradient(ellipse at center,rgba(155,89,224,.25),transparent 70%)}.hk-series{font-size:34px;letter-spacing:4px;color:var(--accent2);font-weight:700;text-transform:uppercase}.hk-ko{font-size:140px;margin:0;font-weight:900;text-shadow:0 10px 40px rgba(0,0,0,.5)}.hk-vi{font-size:44px;color:var(--muted)}.vocab-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--panel);border:1.5px solid rgba(255,255,255,.18);border-radius:36px;padding:56px 90px;text-align:center;min-width:760px}.vc-tag{font-size:28px;color:var(--accent2);font-weight:700;margin:0 0 6px}.vc-ko{font-size:110px;margin:0;font-weight:900}.vc-rom{font-size:36px;color:var(--muted);margin:8px 0 0}.vc-vi{font-size:44px;margin:14px 0 0}.vocab-card.grammar{min-width:1100px;max-width:1400px}.gr-pattern{font-size:80px;margin:0;font-weight:900;color:var(--accent2)}.gr-meaning{font-size:38px;margin:16px 0 0;line-height:1.4;color:#ffffffeb}.gr-ex{margin-top:22px;padding-top:18px;border-top:1.5px solid rgba(255,255,255,.2);display:grid;gap:6px}.gr-ex-ko{font-size:52px;font-weight:800}.gr-ex-vi{font-size:34px;color:var(--muted)}.dlg-bar{position:absolute;left:56px;right:56px;bottom:130px;background:var(--panel);border:1.5px solid rgba(255,255,255,.18);border-radius:36px;padding:40px 50px 44px;box-shadow:0 20px 54px #00000080;z-index:12}.dlg-bar.game{inset:120px 80px auto 380px}.dlg-dot{position:absolute;top:28px;width:64px;height:8px;border-radius:4px;background:var(--accent)}.dlg-dot.left{left:50px}.dlg-dot.right{right:50px}.dlg-ko{margin:6px 0 0;font-weight:900;line-height:1.15;word-break:keep-all}.dlg-rom{margin:8px 0 0;font-size:30px;color:var(--muted)}.dlg-vi{margin:12px 0 0;font-size:42px;color:#ffffffe6}.dlg-vi span{display:inline-block;animation:rise .4s ease both}.hide-vi .lang-vi{visibility:hidden}.pause-veil{position:absolute;inset:0;z-index:30;background:#0000008c;display:grid;place-items:center;font-size:40px}.play-gate{position:absolute;inset:0;z-index:45;background:#0a07188c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;cursor:pointer}.play-gate .pg-play{width:170px;height:170px;border-radius:50%;background:var(--accent);color:#fff;font-size:72px;display:grid;place-items:center;box-shadow:0 18px 50px #00000073;padding-left:12px}.play-gate p{color:#fff;font-size:40px;font-weight:700;text-align:center;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.6);line-height:1.4}.play-gate small{font-size:28px;font-weight:500;color:#ffffffd9}.prompt{position:absolute;left:50%;transform:translate(-50%);bottom:480px;max-width:1500px;text-align:center;font-size:40px;color:#fff;font-weight:800;background:#534ab7d9;padding:12px 34px;border-radius:999px;z-index:12}.prompt-order{top:110px;bottom:auto}.choices{position:absolute;left:90px;right:90px;bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:22px;z-index:12}.choice{background:#221a44f2;border:2px solid rgba(255,255,255,.2);border-radius:24px;padding:26px 30px;text-align:left;transition:transform .12s,border-color .12s}.choice:hover{transform:translateY(-3px);border-color:var(--accent)}.choice .ch-ko{display:block;font-size:40px;font-weight:800;word-break:keep-all}.choice .ch-vi{display:block;font-size:26px;color:var(--muted);margin-top:6px}.choice.ok{border-color:var(--ok);animation:okPop .4s cubic-bezier(.2,.9,.3,1.25)}.choice.bad{border-color:var(--bad);animation:shake .35s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes okPop{0%{transform:scale(1)}45%{transform:scale(1.05);box-shadow:0 0 0 4px #3ecf8e59}to{transform:scale(1)}}.locked{pointer-events:none;opacity:.55}.locked:after{content:"đang nghe…";position:absolute;top:-46px;left:50%;transform:translate(-50%);font-size:26px;color:var(--accent2)}.feedback{position:absolute;left:50%;transform:translate(-50%);bottom:24px;z-index:25;background:#000c;border-radius:18px;padding:14px 30px;max-width:1400px}.feedback p{margin:0;font-size:30px}.fb-ok{color:var(--ok)}.fb-bad{color:var(--bad)}.shop-grid{position:absolute;left:120px;right:120px;bottom:130px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;z-index:12}.shop-item{background:#221a44eb;border:3px solid rgba(255,255,255,.18);border-radius:26px;padding:22px;display:grid;gap:10px;place-items:center;transition:border-color .12s,transform .12s}.shop-item:hover{transform:translateY(-4px)}.shop-item img{height:190px;width:auto;max-width:100%;object-fit:contain}.shop-item.picked,.shop-item.ok{border-color:var(--ok)}.shop-item.ok{animation:okPop .4s cubic-bezier(.2,.9,.3,1.25)}.shop-item.bad{border-color:var(--bad);animation:shake .35s}.si-label{font-size:30px;font-weight:800;text-align:center}.si-label small{display:block;font-size:22px;color:var(--muted);font-weight:500}.hidden-label{visibility:hidden}.node-root>.btn{position:absolute;left:50%;transform:translate(-50%);bottom:36px;z-index:13;font-size:30px;padding:16px 44px}.hs-area{position:absolute;inset:0;z-index:11}.hs-spot{position:absolute;border-radius:50%;border:0;background:transparent}.hs-spot.ok{border:4px solid var(--ok);background:#3ecf8e2e;animation:okPop .4s cubic-bezier(.2,.9,.3,1.25)}.hs-spot.bad{border:4px solid var(--bad);animation:shake .35s}.hs-label{position:absolute;transform:translate(-50%);background:#000000d9;border-radius:14px;padding:8px 20px;font-size:30px;font-weight:800;z-index:14}.hs-label small{color:var(--muted);font-weight:500}.ripple{position:absolute;width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.7);transform:translate(-50%,-50%);animation:rip .6s ease-out both;pointer-events:none}@keyframes rip{to{width:90px;height:90px;opacity:0}}.order-slots{position:absolute;left:120px;right:120px;bottom:420px;min-height:110px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;border-bottom:3px dashed rgba(255,255,255,.25);padding-bottom:18px;z-index:12}.order-chips{position:absolute;left:120px;right:120px;bottom:200px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center;z-index:12}.chip{background:var(--accent);border-radius:18px;padding:18px 30px;font-size:40px;font-weight:800;transition:opacity .15s,transform .15s}.chip:hover{transform:translateY(-3px)}.chip.used{opacity:.25;pointer-events:none}.chip.placed{background:var(--card);border:2px solid var(--accent)}.order-slots .chip.placed:last-child{animation:chipDrop .28s cubic-bezier(.2,.9,.3,1.2) both}@keyframes chipDrop{0%{opacity:0;transform:translateY(-14px) scale(.85)}to{opacity:1;transform:none}}.ox-img{position:absolute;left:50%;top:360px;transform:translate(-50%);height:330px;border-radius:24px;z-index:11}.ox-row{position:absolute;left:50%;transform:translate(-50%);bottom:150px;display:flex;gap:80px;z-index:12}.ox-btn{width:340px;height:280px;border-radius:40px;font-size:120px;font-weight:900;display:grid;place-items:center;backdrop-filter:blur(2px)}.ox-btn small{font-size:30px;font-weight:600}.ox-btn.o{background:#3ecf8e2e;border:4px solid var(--ok);color:var(--ok)}.ox-btn.x{background:#ff6b6b26;border:4px solid var(--bad);color:var(--bad)}.ox-btn.ok{transform:scale(1.06);animation:oxOkPop .4s cubic-bezier(.2,.9,.3,1.3)}.ox-btn.bad{animation:shake .35s}@keyframes oxOkPop{0%{transform:scale(1)}55%{transform:scale(1.12)}to{transform:scale(1.06)}}.practice{position:absolute;inset:0;display:grid;place-content:center;gap:26px;text-align:center}.practice h2{font-size:56px;margin:0}.pr-list{display:grid;grid-template-columns:repeat(2,minmax(420px,1fr));gap:20px}.pr-game{background:var(--card);border:2px solid rgba(255,255,255,.18);border-radius:24px;padding:26px 34px;display:grid;gap:6px;text-align:left;transition:border-color .15s}.pr-game:hover{border-color:var(--accent)}.pg-label{color:var(--accent2);font-weight:800;font-size:28px}.pg-title{font-size:36px;font-weight:700}.pg-extra{font-size:28px;color:var(--accent2)}.endcard-veil{position:fixed;inset:0;z-index:50;background:#0a0718e0;display:grid;place-items:center;overflow:auto;padding:16px}.endcard{width:min(560px,94vw);background:var(--card);border-radius:22px;padding:1.6rem;display:grid;gap:14px;text-align:center}.ec-stars{font-size:54px;margin:0;color:var(--accent2);letter-spacing:8px}.ec-score{margin:0;font-size:18px}.ec-review{background:#00000040;border-radius:14px;padding:12px;display:grid;gap:10px}.ec-rv-head{margin:0;font-weight:700}.ec-avg{color:var(--muted);font-weight:400;font-size:14px}.ec-starpick .sp{font-size:34px;color:#ffffff40;padding:0 4px}.ec-starpick .sp.on{color:var(--accent2)}.ec-comment{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#0000004d;color:var(--text);padding:10px;font:inherit;font-size:16px}.ec-sent{color:var(--ok);font-size:14px}.ec-donate{display:flex;gap:14px;align-items:center;background:#f3c64814;border:1px dashed rgba(243,198,72,.5);border-radius:14px;padding:12px;text-align:left}.ec-donate img{width:110px;border-radius:10px}.ec-d-title{margin:0;font-weight:800;color:var(--accent2)}.ec-d-sub{margin:4px 0 0;font-size:13.5px;color:var(--muted)}.ec-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.ec-need-login a{color:var(--accent2);text-decoration:underline}.acc-tabs{display:flex;gap:8px;justify-content:center}.acc-tabs button{padding:8px 22px;border-radius:999px;background:#ffffff14}.acc-tabs button.on{background:var(--accent)}#acc-form{display:grid;gap:10px}#acc-form input{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#0000004d;color:var(--text);font-size:16px}.acc-err{color:var(--bad);margin:0;font-size:14px}.acc-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.admin{max-width:1020px;margin:0 auto;padding:1.5rem 1rem 3rem}.admin table{width:100%;border-collapse:collapse;margin:.6rem 0 1.4rem;font-size:14.5px}.admin th,.admin td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.12)}.site-head .brand{font-weight:800;font-size:1.1rem;color:var(--accent2)}.hero{position:relative;max-width:1060px;margin:0 auto;padding:3.2rem 1rem 2.6rem;overflow:hidden}.hero-inner{position:relative;z-index:1;max-width:640px}.hero-brand{color:var(--accent2);font-weight:700;letter-spacing:1px;font-size:.95rem;margin:0 0 10px;text-transform:uppercase}.hero-title{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15;margin:0}.hero-sub{color:var(--muted);font-size:1.05rem;line-height:1.55;margin:14px 0 22px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-deco{position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:clamp(6rem,18vw,13rem);font-weight:900;color:#9b59e01f;pointer-events:none;user-select:none;line-height:1}.sec-h{max-width:1060px;margin:0 auto .9rem;padding:0 1rem;font-size:1.15rem;color:var(--accent2);text-transform:uppercase;letter-spacing:1.5px}.how{margin:.6rem auto 2rem}.how-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:1060px;margin:0 auto;padding:0 1rem}.how-step{background:var(--card);border-radius:var(--radius);padding:1.1rem 1.2rem;display:grid;gap:6px}.how-step .how-n{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:grid;place-items:center}.how-step b{font-size:1.02rem}.how-step span:last-child{color:var(--muted);font-size:.92rem;line-height:1.5}.rm-section{padding-bottom:1rem}.rm-cell{display:flex;flex-direction:column;gap:6px}.rm-cell .rm-card{flex:1}.rm-actions{display:flex;gap:6px}.rm-actions a{flex:1;text-align:center;font-size:12.5px;font-weight:700;color:var(--accent2);background:#f3c64814;border:1px solid rgba(243,198,72,.4);border-radius:10px;padding:5px 8px}.rm-actions a:hover{background:#f3c6482e}.site-foot{border-top:1px solid rgba(255,255,255,.1);margin-top:2.5rem;padding:2rem 1rem 2.4rem}.foot-grid{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:24px}.foot-about p,.foot-nav p{color:var(--muted);font-size:.9rem;line-height:1.5;margin:8px 0 0}.foot-nav{display:grid;gap:8px;align-content:start}.foot-nav a{color:var(--muted);font-size:.95rem}.foot-nav a:hover{color:var(--text)}.foot-nav b,.foot-about b{color:var(--accent2)}.foot-copy{max-width:1060px;margin:1.6rem auto 0;padding:0;color:#ffffff59;font-size:.85rem}@media(max-width:640px){.hero{padding-top:2.2rem}.hero-cta .btn{width:100%}.hero-deco{display:none}.foot-grid{grid-template-columns:1fr}}.rv-page,.fc-page{max-width:880px;margin:0 auto;padding:1rem 1rem 3rem}.rv-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:.4rem 0 1rem}.rv-title{display:grid}.rv-title b{font-size:1.15rem}.rv-title span{color:var(--muted);font-size:.9rem}.rv-sec{margin:1.2rem 0 0}.rv-sec .sec-h{padding:0;margin:0 0 .7rem}.rv-group{background:var(--card);border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:12px}.rv-gh{margin:0 0 6px;color:var(--accent2);font-size:1.02rem;display:flex;align-items:center;gap:8px}.rv-gh small{color:var(--muted);font-weight:500}.rv-word{display:grid;grid-template-columns:minmax(110px,auto) 1fr auto 44px;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.07)}.rv-word:last-child{border-bottom:0}.rv-word .rv-ko{font-weight:800;font-size:1.25rem}.rv-word .rv-rom{color:var(--muted);font-style:italic;font-size:.88rem}.rv-word .rv-vi{text-align:right;color:var(--text)}.rv-say{width:40px;height:40px;border-radius:50%;background:#9b59e02e;color:var(--accent);display:grid;place-items:center;font-size:20px;flex-shrink:0}.rv-say:hover{background:#9b59e059}.rv-gram{background:var(--card);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:12px}.rv-gram-top{display:flex;align-items:center;gap:10px;justify-content:space-between}.rv-pat{font-weight:900;font-size:1.3rem;color:var(--accent2)}.rv-mean{color:var(--muted);margin:8px 0 0;line-height:1.5}.rv-ex{margin:10px 0 0;padding-top:10px;border-top:1px dashed rgba(255,255,255,.15);line-height:1.5}.rv-dlg{display:grid;gap:10px}.rv-turn{display:flex;align-items:flex-end;gap:8px}.rv-turn.right{flex-direction:row-reverse}.rv-who{color:var(--muted);font-size:.85rem;min-width:52px;text-align:center}.rv-bub{background:var(--card);border-radius:16px;padding:10px 14px;display:grid;gap:2px;max-width:540px}.rv-turn.right .rv-bub{background:#9b59e040}.rv-d-ko{font-weight:800;font-size:1.08rem}.rv-d-vi{color:var(--muted);font-size:.92rem}@media(max-width:560px){.rv-word{grid-template-columns:1fr auto;grid-template-areas:"ko say" "rom say" "vi say"}.rv-word .rv-ko{grid-area:ko}.rv-word .rv-rom{grid-area:rom}.rv-word .rv-vi{grid-area:vi;text-align:left}.rv-say{grid-area:say}}.fc-known{color:var(--accent2);font-weight:700}.fc-body{display:grid;justify-items:center;gap:18px;padding-top:1.2rem}.fc-card{position:relative;width:min(560px,92vw);min-height:300px;background:var(--card);border-radius:22px;display:grid;place-items:center;text-align:center;padding:2rem 1.4rem;cursor:pointer;border:1.5px solid rgba(255,255,255,.12);transition:transform .15s,border-color .15s}.fc-card:hover{border-color:var(--accent)}.fc-card.flipped{border-color:var(--accent2)}.fc-ko{font-weight:900;font-size:clamp(2.4rem,9vw,3.6rem)}.fc-hint{color:var(--muted);font-size:.88rem;margin-top:14px}.fc-rom{color:var(--muted);font-style:italic;font-size:1.1rem}.fc-vi{font-weight:800;font-size:clamp(1.5rem,6vw,2.2rem);margin-top:8px;color:var(--accent2)}.fc-say{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;background:#9b59e02e;color:var(--accent);display:grid;place-items:center;font-size:22px}.fc-nav{display:flex;align-items:center;gap:18px}.fc-arrow{width:52px;height:52px;border-radius:50%;background:var(--card);font-size:20px}.fc-arrow:disabled{opacity:.3}.fc-pos{color:var(--muted);min-width:72px;text-align:center}.fc-judge{display:flex;gap:12px}.fc-tools{display:flex;gap:10px}.fc-summary{text-align:center;display:grid;gap:10px;justify-items:center;padding-top:2rem}.fc-sum-big{font-size:3.4rem;font-weight:900;color:var(--accent2)}.fc-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@media(prefers-reduced-motion:reduce){.stage,.stage *{animation:none!important;transition-duration:.01ms!important}}.page{--p-bg: #FFFBF7;--p-surface: #FFFFFF;--p-surface-2: #FEF5EC;--p-surface-3: #FCF2EC;--p-surface-4: #F0E6E1;--p-ink: #1F1B18;--p-sub: #58413E;--p-faint: #8A817C;--p-rose: #AC332A;--p-rose-2: #FF6F61;--p-rose-ink: #8B1A16;--p-rose-tint: #FFDAD5;--p-rose-tint-2: #FFB4AA;--p-amber: #845400;--p-amber-bg: #FEB246;--p-amber-tint: #FFDDB6;--p-teal: #006B5B;--p-teal-fixed: #7CF8DD;--p-line: #EAE1DB;--p-line-2: #E0BFBB;--p-ok: #006B5B;--p-bad: #BA1A1A;--p-r-sm: 12px;--p-r: 16px;--p-r-lg: 24px;--p-pill: 9999px;--p-shadow-sm: 0 1px 2px rgba(31, 27, 24, .06);--p-shadow: 0 8px 24px rgba(31, 27, 24, .08);--p-shadow-btn: 0 4px 0 0 rgba(172, 51, 42, .4);--p-ease: cubic-bezier(.22, .61, .36, 1);--p-display: "Plus Jakarta Sans", var(--font-vn)}body:has(.page){background:#fffbf7}.page{min-height:100vh;background:var(--p-bg);color:var(--p-ink);font-family:var(--font-vn);-webkit-font-smoothing:antialiased}.page *::selection{background:var(--p-rose-tint);color:var(--p-rose-ink)}.page :where(h1,h2,h3){text-wrap:balance;margin:0;font-family:var(--p-display)}.page a{color:var(--p-rose)}.page .ko,.page [lang=ko]{font-family:var(--font-kr)}.page .msym{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;white-space:nowrap;direction:ltr;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.page .msym.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--p-rose);color:#fff;border:2px solid transparent;border-radius:var(--p-pill);padding:12px 24px;font-size:15px;font-weight:700;line-height:1;cursor:pointer;box-shadow:var(--p-shadow-btn);transition:transform .15s var(--p-ease),background .15s,box-shadow .15s,border-color .15s}.page .btn:hover{background:#97251d}.page .btn:active{transform:translateY(4px);box-shadow:0 0 #ac332a66}.page .btn:focus-visible{outline:none;box-shadow:var(--p-shadow-btn),0 0 0 3px var(--p-rose-tint),0 0 0 5px var(--p-rose-tint-2)}.page .btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.page .btn.ghost{background:transparent;color:var(--p-rose);border-color:var(--p-rose);box-shadow:none}.page .btn.ghost:hover{background:var(--p-rose-tint)}.page .btn.ghost:active{transform:none}.page .btn.secondary{background:var(--p-rose);color:#fff;border-color:transparent}.page .btn.secondary:hover{background:#97251d}.page .btn.danger{background:transparent;color:var(--p-bad);border-color:var(--p-bad);box-shadow:none}.page .btn.danger:active{transform:none}.page .btn.small{padding:8px 18px;font-size:13.5px;box-shadow:0 3px #ac332a59}.page .btn.small.ghost{box-shadow:none}.page .btn .msym{font-size:20px}.page .vip-badge{display:inline-flex;align-items:center;gap:3px;background:var(--p-amber-bg);color:#2a1800;border-radius:var(--p-pill);padding:2px 9px;font-size:11px;font-weight:700;vertical-align:middle;letter-spacing:.2px}.page .vip-badge .msym{font-size:13px}.page .muted{color:var(--p-sub)}.page .site-head{position:sticky;top:0;z-index:200;display:flex;align-items:center;gap:12px;height:72px;padding:0 clamp(20px,4vw,40px);background:#fffbf7e6;backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid var(--p-line);box-shadow:var(--p-shadow-sm)}.page .site-head .brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--p-display);font-weight:700;font-size:22px;color:var(--p-rose)}.page .site-head .brand:before{content:"한";font-family:var(--font-kr);display:grid;place-items:center;width:34px;height:34px;border-radius:var(--p-r-sm);background:var(--p-rose);color:#fff;font-size:18px;font-weight:900}.page .site-head .tb-spacer{flex:1}.page .site-head nav{display:flex;align-items:center;gap:10px}.page .site-head .who{display:inline-flex;align-items:center;gap:8px;color:var(--p-ink);font-weight:600;font-size:14px}.page .site-head .who .ava{width:32px;height:32px;border-radius:50%;background:var(--p-rose-tint);color:var(--p-rose-ink);display:grid;place-items:center;font-weight:700;font-size:14px}.page .hero{position:relative;padding:clamp(36px,6vw,64px) clamp(20px,4vw,40px) clamp(40px,7vw,80px);overflow:hidden}.page .hero-inner{position:relative;z-index:1;max-width:768px;margin:0 auto;text-align:center}.page .hero-brand{display:inline-flex;align-items:center;gap:8px;background:var(--p-rose-tint);color:var(--p-rose-ink);font-weight:700;font-size:13px;border-radius:var(--p-pill);padding:6px 16px;margin:0 0 18px;animation:heroFloat 4s ease-in-out infinite}.page .hero-brand .msym{font-size:18px}.page .hero-title{font-family:var(--p-display);font-size:clamp(32px,6vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--p-ink);max-width:48rem;margin:0 auto}.page .hero-title em{color:var(--p-rose);font-style:italic}.page .hero-sub{color:var(--p-sub);font-size:17px;line-height:1.6;margin:18px auto 28px;max-width:52ch}.page .hero-cta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.page .hero-cta .btn{padding:16px 32px;font-size:18px}.page .hero-deco{position:absolute;inset:0;z-index:0;display:grid;place-items:center;font-family:var(--font-kr);font-size:clamp(12rem,34vw,30rem);font-weight:900;color:var(--p-ink);opacity:.03;pointer-events:none;user-select:none;line-height:1}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.page .sec-h{max-width:1120px;margin:0 auto 14px;padding:0 clamp(20px,4vw,40px);font-family:var(--p-display);font-size:24px;font-weight:700;color:var(--p-ink);text-transform:none;letter-spacing:-.01em}.page .how{background:var(--p-surface);padding:clamp(40px,7vw,80px) 0;margin:clamp(8px,2vw,24px) 0 0}.page .how .sec-h{text-align:center;margin-bottom:clamp(32px,5vw,56px)}.page .how-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(28px,4vw,48px);max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}.page .how-step{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;border-radius:0;padding:0;gap:0}.page .how-step .how-n{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:var(--p-display);font-weight:700;font-size:24px;margin-bottom:24px;background:var(--p-rose-tint);color:var(--p-rose);transition:transform .2s var(--p-ease)}.page .how-step:nth-child(2) .how-n{background:var(--p-amber-tint);color:var(--p-amber)}.page .how-step:nth-child(3) .how-n{background:var(--p-teal-fixed);color:var(--p-teal)}.page .how-step:hover .how-n{transform:scale(1.1)}.page .how-step b{font-family:var(--p-display);font-size:20px;font-weight:700;color:var(--p-ink);margin-bottom:12px}.page .how-step span:last-child{color:var(--p-sub);font-size:15px;line-height:1.6;max-width:30ch}.page .rm-section{background:var(--p-bg);padding:clamp(40px,7vw,80px) 0 clamp(24px,4vw,40px)}.page .rm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;max-width:1120px;margin:0 auto clamp(32px,5vw,56px);padding:0 clamp(20px,4vw,40px)}.page .rm-head .sec-h{padding:0;margin:0}.page .rm-head .rm-head-sub{color:var(--p-sub);font-size:16px;margin:8px 0 0;max-width:36rem}.page .rm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}.page .course-shelf{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page .course-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;background:var(--p-surface-2);border:1px solid var(--p-surface-4);border-radius:var(--p-r-lg);padding:24px;min-height:200px;transition:transform .2s var(--p-ease),border-color .2s,box-shadow .2s}.page .course-card:hover{transform:translateY(-3px);border-color:var(--p-rose-2);box-shadow:var(--p-shadow)}.page .course-card .cc-top{display:flex;align-items:center;gap:8px}.page .course-card .cc-series{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--p-sub)}.page .course-card .cc-dot{width:9px;height:9px;border-radius:50%}.page .course-card .cc-title{font-size:22px;font-weight:800;color:var(--p-ink);line-height:1.2;margin:0}.page .course-card .cc-sub{font-size:13px;color:var(--p-sub);line-height:1.5;margin:0;flex:1}.page .course-card .cc-bar{height:7px;width:100%;background:var(--p-surface-4);border-radius:var(--p-pill);overflow:hidden}.page .course-card .cc-bar>i{display:block;height:100%;background:var(--p-rose-2);border-radius:var(--p-pill)}.page .course-card .cc-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--p-sub)}.page .course-card .cc-meta{display:inline-flex;align-items:center;gap:5px}.page .course-card .cc-foot .msym{font-size:16px}.page .course-card .cc-prog{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--p-ink)}.page .rm-cell{display:flex;flex-direction:column;gap:8px}.page .rm-card{flex:1;position:relative;display:flex;flex-direction:column;background:var(--p-surface-2);border:1px solid var(--p-surface-4);border-radius:var(--p-r-lg);padding:24px;min-height:180px;transition:transform .2s var(--p-ease),border-color .2s,box-shadow .2s}.page .rm-card:hover{transform:translateY(-2px);border-color:var(--p-rose-2);box-shadow:var(--p-shadow)}.page .rm-card .rm-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.page .rm-card .rm-badge{position:relative;width:48px;height:48px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--p-surface);border:2px solid var(--p-line-2)}.page .rm-card .rm-ord{font-size:10px;font-weight:700;color:var(--p-sub);line-height:1}.page .rm-card .rm-check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--p-teal);color:#fff;display:grid;place-items:center;box-shadow:var(--p-shadow-sm)}.page .rm-card .rm-check .msym{font-size:14px;font-variation-settings:"wght" 700}.page .rm-card .rm-tags{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.page .rm-card .rm-ko{font-family:var(--font-kr);font-size:26px;font-weight:900;color:var(--p-ink);line-height:1.1;margin-bottom:4px}.page .rm-card .rm-title{font-size:14px;font-weight:700;color:var(--p-sub);margin-bottom:16px}.page .rm-card .rm-meta{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--p-sub)}.page .rm-card .rm-meta .msym{font-size:16px}.page .rm-card .rm-stars{margin-top:12px}.page .rm-card .rm-stars-row{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--p-amber);margin-bottom:6px}.page .rm-card .rm-bar{height:6px;width:100%;background:var(--p-surface-4);border-radius:var(--p-pill);overflow:hidden}.page .rm-card .rm-bar>i{display:block;height:100%;background:var(--p-amber-bg);border-radius:var(--p-pill)}.page .rm-card.done{background:#006b5b0d;border-color:#006b5b33}.page .rm-card.done:hover,.page .rm-card.done .rm-badge{border-color:var(--p-teal)}.page .rm-card.done .rm-ord{color:var(--p-teal)}.page .rm-card.rm-locked{opacity:.9}.page .rm-card.rm-locked .rm-badge{border-style:dashed;border-color:var(--p-line-2);background:transparent}.page .rm-card .rm-lockbox{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:var(--p-surface-3);border-radius:var(--p-r-sm);font-size:12px;font-weight:700;color:var(--p-faint)}.page .rm-lock{color:var(--p-faint);font-weight:700}.page .rm-card.soon{background:#fcf2ec66;border-style:dashed;border-color:var(--p-line-2);opacity:.5;pointer-events:none}.page .rm-card.soon .rm-badge{background:var(--p-surface-4);border:none}.page .rm-card.soon .rm-ord{color:#58413e66}.page .rm-card.soon .rm-ko{color:#1f1b1840}.page .rm-card.soon .rm-title{display:none}.page .rm-card.soon .rm-soon-tag{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#58413e80}.page .rm-card .rm-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--p-pill);font-size:10px;font-weight:700}.page .rm-card .rm-pill.diff{background:#feb24633;color:var(--p-amber)}.page .rm-actions{display:flex;gap:16px;padding:12px 4px 0}.page .rm-actions a{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--p-sub);transition:color .15s}.page .rm-actions a:hover{color:var(--p-rose)}.page .rm-actions a .msym{font-size:15px}.page .rm-more{max-width:1120px;margin:clamp(32px,5vw,56px) auto 0;padding:0 clamp(20px,4vw,40px);text-align:center}.page .rm-more a{display:inline-flex;align-items:center;gap:6px;color:var(--p-rose);font-weight:700;font-size:15px}.page .rm-more a:hover{text-decoration:underline}.page .about{max-width:1120px;margin:clamp(40px,6vw,72px) auto 0;padding:0 clamp(20px,4vw,40px)}.page .about .sec-h{padding:0}.page .about-card{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--p-surface-2);border:1px solid var(--p-surface-4);border-radius:var(--p-r-lg);padding:28px;box-shadow:var(--p-shadow-sm)}.page .about-card .ava-row{display:flex}.page .about-card .ava-row .ava{width:56px;height:56px;border-radius:50%;background:var(--p-rose-tint);color:var(--p-rose);display:grid;place-items:center;font-family:var(--font-kr);font-weight:900;font-size:22px;border:3px solid var(--p-surface);margin-left:-16px}.page .about-card .ava-row .ava:nth-child(2){background:var(--p-amber-tint);color:var(--p-amber)}.page .about-card .ava-row .ava:nth-child(3){background:var(--p-teal-fixed);color:var(--p-teal)}.page .about-card .ava-row .ava:first-child{margin-left:0}.page .about-card p{margin:0;color:var(--p-sub);font-size:15px;line-height:1.6}.page .about-card b{color:var(--p-ink)}.page .site-foot{margin-top:clamp(40px,7vw,80px);background:var(--p-surface-4);border-top:1px solid var(--p-line);border-radius:28px 28px 0 0;padding-top:clamp(40px,6vw,64px)}.page .foot-grid{max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,40px) clamp(28px,4vw,48px);display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:24px}.page .foot-logo{width:48px;height:48px;display:block;margin-bottom:12px}.page .foot-about b{display:block;font-family:var(--p-display);color:var(--p-rose);font-size:22px;font-weight:800;margin-bottom:12px}.page .foot-nav b{display:block;color:var(--p-amber);font-size:14px;font-weight:700;margin-bottom:20px}.page .foot-about p,.page .foot-nav p{color:var(--p-sub);font-size:15px;line-height:1.6;margin:0}.page .foot-nav{display:grid;gap:14px;align-content:start}.page .foot-nav a{color:var(--p-sub);font-size:15px;transition:color .15s,transform .15s}.page .foot-nav a:hover{color:var(--p-rose);transform:translate(4px)}.page .foot-copy{max-width:1120px;margin:0 auto;padding:clamp(20px,3vw,32px) clamp(20px,4vw,40px) clamp(28px,4vw,40px);border-top:1px solid var(--p-line);color:var(--p-faint);font-size:15px}.page.rv-page,.page.fc-page{max-width:860px;margin:0 auto;padding:16px clamp(14px,4vw,24px) 64px}.page .rv-head,.page .fc-page>.rv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0 14px}.page .rv-title{display:grid}.page .rv-title b{font-size:17px;color:var(--p-ink)}.page .rv-title span{color:var(--p-sub);font-size:13px;font-family:var(--font-kr)}.page .rv-sec{margin-top:22px}.page .rv-sec>.sec-h{padding:0;margin:0 0 10px}.page .rv-group{background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-r-lg);padding:14px 16px;margin-bottom:12px}.page .rv-gh{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--p-rose-ink);font-size:16px;font-weight:700}.page .rv-gh small{color:var(--p-faint);font-weight:500;font-family:var(--font-kr)}.page .rv-word{display:grid;grid-template-columns:minmax(96px,auto) 1fr auto 44px;gap:10px;align-items:center;padding:10px 4px;border-top:1px solid var(--p-line)}.page .rv-word:first-of-type{border-top:0}.page .rv-word .rv-ko{font-family:var(--font-kr);font-weight:800;font-size:21px;color:var(--p-ink)}.page .rv-word .rv-rom{color:var(--p-faint);font-style:italic;font-size:13px}.page .rv-word .rv-vi{text-align:right;color:var(--p-ink);font-size:15px}.page .rv-say{width:40px;height:40px;border-radius:50%;background:var(--p-rose-tint);color:var(--p-rose-ink);display:grid;place-items:center;font-size:20px;flex-shrink:0;border:0;cursor:pointer;transition:background .15s}.page .rv-say:hover{background:#ffdce4}.page .rv-say:focus-visible{outline:none;box-shadow:0 0 0 3px #ff4d6d66}.page .rv-gram{background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-r-lg);padding:16px;margin-bottom:12px}.page .rv-gram-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.page .rv-pat{font-family:var(--font-kr);font-weight:800;font-size:22px;color:var(--p-rose-ink)}.page .rv-mean{color:var(--p-sub);margin:8px 0 0;line-height:1.5}.page .rv-ex{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--p-line);line-height:1.5;color:var(--p-ink)}.page .rv-ex b{font-family:var(--font-kr)}.page .rv-dlg{display:grid;gap:9px}.page .rv-turn{display:flex;align-items:flex-end;gap:8px}.page .rv-turn.right{flex-direction:row-reverse}.page .rv-who{color:var(--p-faint);font-size:12.5px;min-width:48px;text-align:center;font-family:var(--font-kr)}.page .rv-bub{background:var(--p-surface);border:1px solid var(--p-line);border-radius:16px;padding:10px 14px;display:grid;gap:2px;max-width:80%}.page .rv-turn.right .rv-bub{background:var(--p-rose-tint);border-color:transparent}.page .rv-d-ko{font-family:var(--font-kr);font-weight:700;font-size:17px;color:var(--p-ink)}.page .rv-d-vi{color:var(--p-sub);font-size:14px}.page .fc-known{color:var(--p-rose-ink);font-weight:700;font-size:14px}.page .fc-body{display:grid;justify-items:center;gap:16px;padding-top:18px}.page .fc-card{position:relative;width:min(540px,92vw);min-height:290px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-r-lg);display:grid;place-items:center;text-align:center;padding:32px 22px;cursor:pointer;transition:transform .15s var(--p-ease),border-color .15s,box-shadow .15s}.page .fc-card:hover{border-color:var(--p-line-2);box-shadow:var(--p-shadow)}.page .fc-card.flipped{border-color:var(--p-rose)}.page .fc-card:focus-visible{outline:none;box-shadow:0 0 0 3px #ff4d6d66}.page .fc-tag{position:absolute;top:14px;left:14px;background:var(--p-rose-tint);color:var(--p-rose-ink);font-size:11px;font-weight:700;border-radius:var(--p-pill);padding:4px 12px}.page .fc-face{display:grid;justify-items:center;gap:2px}.page .fc-ko{font-family:var(--font-kr);font-weight:800;font-size:clamp(2.4rem,9vw,3.4rem);color:var(--p-ink)}.page .fc-hint{color:var(--p-faint);font-size:13px;margin-top:12px}.page .fc-rom{color:var(--p-faint);font-style:italic;font-size:17px}.page .fc-vi{font-weight:700;font-size:clamp(1.4rem,6vw,2.1rem);margin-top:6px;color:var(--p-rose-ink)}.page .fc-say{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;background:var(--p-rose-tint);color:var(--p-rose-ink);display:grid;place-items:center;border:0;cursor:pointer;transition:background .15s}.page .fc-say:hover{background:var(--p-rose-tint-2)}.page .fc-say .msym{font-size:24px}.page .fc-nav{display:flex;align-items:center;gap:16px}.page .fc-arrow{width:50px;height:50px;border-radius:50%;background:var(--p-surface);border:1px solid var(--p-line-2);color:var(--p-ink);cursor:pointer;display:grid;place-items:center;transition:background .15s,border-color .15s}.page .fc-arrow .msym{font-size:24px}.page .fc-arrow:hover:not(:disabled){background:var(--p-surface-2);border-color:var(--p-rose)}.page .fc-arrow:disabled{opacity:.35;cursor:default}.page .fc-pos{color:var(--p-sub);min-width:70px;text-align:center;font-size:14px}.page .fc-judge,.page .fc-tools{display:flex;gap:10px}.page .fc-summary{text-align:center;display:grid;gap:10px;justify-items:center;padding-top:24px}.page .fc-sum-big{font-size:3.2rem;font-weight:800;color:var(--p-rose-ink)}.page .fc-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.page .acc-card,.page .lock-card{max-width:420px;margin:8vh auto;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-r-lg);padding:28px;text-align:center;display:flex;flex-direction:column;gap:14px;box-shadow:var(--p-shadow-sm)}.page .acc-card h2,.page .lock-card h2{font-size:22px;color:var(--p-ink)}.page .acc-tabs{display:flex;gap:6px;justify-content:center;background:var(--p-surface-2);padding:4px;border-radius:var(--p-pill)}.page .acc-tabs button{flex:1;padding:9px 18px;border-radius:var(--p-pill);background:transparent;border:0;font:inherit;font-weight:600;color:var(--p-sub);cursor:pointer}.page .acc-tabs button.on{background:var(--p-surface);color:var(--p-rose-ink);box-shadow:var(--p-shadow-sm)}.page #acc-form{display:grid;gap:10px;text-align:left}.page input,.page #acc-form input,.page textarea,.page select{width:100%;padding:12px 14px;border-radius:var(--p-r);border:1.5px solid var(--p-line-2);background:var(--p-surface);color:var(--p-ink);font:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.page input:focus,.page #acc-form input:focus,.page textarea:focus,.page select:focus{outline:none;border-color:var(--p-rose);box-shadow:0 0 0 3px var(--p-rose-tint)}.page input::placeholder,.page textarea::placeholder{color:var(--p-faint)}.page .acc-err{color:var(--p-bad);margin:0;font-size:13.5px}.page .acc-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.page .loading-page{display:grid;place-items:center;min-height:60vh;color:var(--p-sub)}.page .acc-wrap{max-width:560px;margin:0 auto;padding:16px clamp(14px,4vw,24px) 64px}.page .acc-head{padding:8px 4px 18px}.page .acc-head h2{font-size:24px}.page .acc-head p{color:var(--p-sub);font-size:13.5px;margin:6px 0 0}.page .acc-sec{background:var(--p-surface-2);border:1px solid var(--p-surface-4);border-radius:28px;padding:clamp(20px,3vw,32px);margin-bottom:16px;box-shadow:var(--p-shadow-sm)}.page .acc-sec h3{font-size:16px;margin:0 0 12px;display:flex;align-items:center;gap:8px}.page .acc-form{display:grid;gap:12px}.page .acc-form label,.page .acc-field{display:grid;gap:6px;font-size:13px;color:var(--p-sub);font-weight:600}.page .acc-avatars{display:flex;gap:14px;flex-wrap:wrap}.page .acc-ava-opt{width:56px;height:56px;border-radius:50%;border:0;background:var(--p-faint);color:#fff;font-weight:800;font-size:19px;cursor:pointer;display:grid;place-items:center;transition:box-shadow .15s,transform .15s}.page .acc-ava-opt:hover{transform:translateY(-2px)}.page .acc-ava-opt.on{box-shadow:0 0 0 3px var(--p-surface-2),0 0 0 5px var(--p-rose)}.page .acc-ava-preview{width:120px;height:120px;border-radius:50%;margin:4px auto 8px;display:grid;place-items:center;font-size:52px;font-weight:800;color:var(--p-rose-ink);background:var(--p-rose-tint);border:4px solid #fff;box-shadow:0 6px 18px #1f1b181f}.page .acc-ava-opt[data-av=sunhi],.page .acc-ava-preview[data-av=sunhi]{background:var(--p-amber-bg);color:#6f4600}.page .acc-ava-opt[data-av=mark],.page .acc-ava-preview[data-av=mark]{background:#24b098;color:#fff}.page .acc-ava-opt[data-av=linh],.page .acc-ava-preview[data-av=linh]{background:var(--p-rose-2);color:#fff}.page .acc-ava-opt[data-av=wei],.page .acc-ava-preview[data-av=wei]{background:#3b5998;color:#fff}.page .acc-ava-opt[data-av=injoon],.page .acc-ava-preview[data-av=injoon]{background:#8c716d;color:#fff}.page #otp-box{display:flex;gap:8px}.page #otp-box input{flex:1}.page .acc-msg{margin:0;font-size:13px}.page .acc-msg.ok{color:var(--p-ok)}.page .acc-msg.bad{color:var(--p-bad)}.page .vip-badge.ok{background:#e2f2eb;color:var(--p-ok)}.page .acc-card-ico{width:64px;height:64px;margin:0 auto 2px;border-radius:50%;background:var(--p-rose-tint);color:var(--p-rose);display:grid;place-items:center}.page .acc-card-ico .msym{font-size:32px}.page .acc-card #acc-form,.page .acc-card #otp-form{display:grid;gap:10px;text-align:left}.page .acc-welcome{color:var(--p-sub);font-size:14px;line-height:1.5;margin:-4px auto 2px;max-width:34ch}.page #acc-form{gap:13px}.page .acc-fld{display:grid;gap:6px;text-align:left}.page .acc-lbl{font-size:13px;font-weight:700;color:var(--p-sub)}.page .acc-inp{display:flex;align-items:center;gap:10px;padding:0 14px;border:1.5px solid var(--p-line-2);border-radius:var(--p-r);background:var(--p-surface);transition:border-color .15s,box-shadow .15s}.page .acc-inp:focus-within{border-color:var(--p-rose);box-shadow:0 0 0 3px var(--p-rose-tint)}.page .acc-inp>.msym{flex:none;color:var(--p-faint);font-size:20px}.page #acc-form .acc-inp input{flex:1;min-width:0;border:0;background:transparent;padding:12px 0;box-shadow:none;font-size:16px}.page #acc-form .acc-inp input:focus{box-shadow:none}.page .acc-eye{flex:none;border:0;background:transparent;color:var(--p-faint);cursor:pointer;display:grid;place-items:center;padding:4px;border-radius:8px}.page .acc-eye:hover{color:var(--p-rose)}.page .acc-fine{font-size:12.5px;line-height:1.5}.page .acc-or{display:flex;align-items:center;gap:12px;color:var(--p-faint);font-size:12px;margin:2px 0}.page .acc-or:before,.page .acc-or:after{content:"";flex:1;height:1px;background:var(--p-line)}.page .acc-guest{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--p-rose);font-weight:700;font-size:14px;padding:11px;border:1.5px solid var(--p-rose-tint);border-radius:var(--p-r);transition:background .15s,border-color .15s}.page .acc-guest:hover{background:var(--p-rose-tint);border-color:var(--p-rose)}.page .acc-guest .msym{font-size:19px}.page .acc-back{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--p-faint);font-size:13px;font-weight:600;padding:4px}.page .acc-back:hover{color:var(--p-rose)}.page .acc-back .msym{font-size:17px}.page:has(.acc-glow){position:relative}.page .acc-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(440px 440px at 50% 38%,rgba(255,111,97,.13),transparent 70%)}.page .acc-card{position:relative;z-index:1}.page .acc-sec h3 .msym{font-size:20px;color:var(--p-rose)}.page .acc-vip{text-align:center;background:var(--p-surface-2);border-color:var(--p-surface-4)}.page .acc-vip-ico{width:64px;height:64px;margin:4px auto 14px;border-radius:50%;background:var(--p-amber-tint);color:var(--p-amber);display:grid;place-items:center}.page .acc-vip-ico .msym{font-size:34px}.page .acc-vip h3{justify-content:center;font-family:var(--p-display);font-size:20px}.page .acc-vip>.muted{font-size:14px;line-height:1.55;max-width:42ch;margin:0 auto 16px}.page .acc-vip-benefits{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px;text-align:left}.page .acc-vip-benefits li{display:flex;align-items:center;gap:12px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-r);padding:12px 14px;font-size:14px;font-weight:600;color:var(--p-ink)}.page .acc-vip-benefits .msym{color:var(--p-teal);font-size:22px;flex:none}.page .acc-vip .btn{margin:4px auto 0}.page .dash-wrap{max-width:1120px;margin:0 auto;padding:clamp(20px,3vw,32px) clamp(16px,4vw,40px) clamp(40px,6vw,64px);display:grid;gap:clamp(20px,3vw,32px)}.page .dash-hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--p-surface-2);border:1px solid var(--p-surface-4);border-radius:var(--p-r-lg);padding:clamp(20px,3vw,32px);box-shadow:var(--p-shadow)}.page .dash-hero-id{display:flex;align-items:center;gap:16px;min-width:0}.page .dash-ava{position:relative;flex:none;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:800;color:var(--p-rose-ink);background:var(--p-rose-tint);border:4px solid #fff;box-shadow:var(--p-shadow-sm)}.page .dash-ava[lang=ko]{font-family:var(--font-kr)}.page .dash-ava[data-av=sunhi]{background:var(--p-amber-bg);color:#6f4600}.page .dash-ava[data-av=mark]{background:#24b098;color:#fff}.page .dash-ava[data-av=linh]{background:var(--p-rose-2);color:#fff}.page .dash-ava[data-av=wei]{background:#3b5998;color:#fff}.page .dash-ava[data-av=injoon]{background:#8c716d;color:#fff}.page .dash-ava-vip{position:absolute;bottom:-4px;right:-4px;background:var(--p-amber-bg);color:#2a1800;font-size:10px;font-weight:800;letter-spacing:.3px;padding:1px 7px;border-radius:var(--p-pill);border:2px solid #fff}.page .dash-hi h1{font-family:var(--p-display);font-size:clamp(22px,3.5vw,28px);font-weight:800;color:var(--p-ink);margin:0}.page .dash-hi p{color:var(--p-sub);font-size:15px;margin:6px 0 0}.page .dash-hero-cta{flex:none}.page .dash-cta-btn{background:var(--p-rose-2);box-shadow:0 4px 0 0 var(--p-rose-ink);padding:16px 32px;font-size:17px}.page .dash-cta-btn:hover{background:#ff5c4d}.page .dash-cta-btn:active{box-shadow:0 0 0 0 var(--p-rose-ink)}.page .dash-cta-btn .msym{font-size:22px}.page .dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px)}.page .dash-stat{background:var(--p-surface);border:1px solid var(--p-line-2);border-radius:var(--p-r);padding:16px 18px;box-shadow:var(--p-shadow-sm);transition:transform .2s var(--p-ease)}.page .dash-stat:hover{transform:translateY(-3px)}.page .dash-stat-l{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--p-sub);margin-bottom:8px}.page .dash-stat-l .msym{font-size:22px}.page .dash-stat-l .ds-fire{color:var(--p-rose)}.page .dash-stat-l .ds-book{color:#3b5998}.page .dash-stat-l .ds-star{color:var(--p-amber-bg)}.page .dash-stat-l .ds-word{color:var(--p-teal)}.page .dash-stat-n{font-family:var(--p-display);font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--p-ink);line-height:1.1}.page .dash-stat:first-child .dash-stat-n{color:var(--p-rose)}.page .dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:clamp(16px,2vw,24px);align-items:start}.page .dash-col-main{display:grid;gap:clamp(16px,2vw,24px);align-content:start}.page .dash-card{background:var(--p-surface);border:1px solid var(--p-line-2);border-radius:var(--p-r-lg);padding:clamp(18px,2.5vw,24px);box-shadow:var(--p-shadow)}.page .dash-card.dash-warm{background:var(--p-surface-2);border-color:var(--p-surface-4)}.page .dash-card h3{font-family:var(--p-display);font-size:22px;font-weight:700;color:var(--p-ink);margin:0 0 18px}.page .dash-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(8px,1.2vw,16px);margin-bottom:18px}.page .dash-day{display:grid;gap:8px;justify-items:center}.page .dash-day-l{font-size:13px;font-weight:700;color:var(--p-sub)}.page .dash-day-box{width:100%;aspect-ratio:1;border-radius:var(--p-r-sm);background:var(--p-surface-3);display:grid;place-items:center;color:#fff}.page .dash-day-box.on{background:var(--p-rose-2)}.page .dash-day-box.today{box-shadow:0 0 0 4px #ff6f6133}.page .dash-day-box .msym{font-size:18px}.page .dash-week-note{display:flex;align-items:center;gap:8px;color:var(--p-sub);font-size:15px;margin:0}.page .dash-week-note .msym{color:var(--p-rose);font-size:20px}.page .dash-week-note b{color:var(--p-rose);font-weight:800}.page .dash-roadmap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.page .dash-roadmap-info{flex:1;min-width:220px}.page .dash-roadmap h3{margin:0 0 10px}.page .dash-roadmap-row{display:flex;align-items:center;gap:16px}.page .dash-roadmap-bar{flex:1;height:12px;background:var(--p-amber-tint);border-radius:var(--p-pill);overflow:hidden}.page .dash-roadmap-bar>i{display:block;height:100%;background:var(--p-rose-2);border-radius:var(--p-pill);box-shadow:0 0 12px #ff6f614d}.page .dash-roadmap-num{font-size:14px;font-weight:700;color:var(--p-rose);flex:none}.page .dash-cont-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page .dash-cont-head h3{font-family:var(--p-display);font-size:22px;font-weight:700;color:var(--p-ink);margin:0}.page .dash-all{display:inline-flex;align-items:center;gap:2px;font-size:14px;font-weight:700;color:var(--p-sub)}.page .dash-all:hover{color:var(--p-rose)}.page .dash-lc-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,24px)}.page .dash-lc{display:flex;flex-direction:column;gap:12px;background:var(--p-surface);border:1px solid var(--p-line-2);border-radius:var(--p-r-lg);padding:22px;box-shadow:var(--p-shadow);transition:transform .2s var(--p-ease),border-color .2s}.page .dash-lc:hover{transform:translateY(-2px);border-color:var(--p-rose-2)}.page .dash-lc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.page .dash-lc-badge{font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--p-rose);background:var(--p-rose-tint);border-radius:var(--p-pill);padding:3px 10px}.page .dash-lc-ko{font-family:var(--font-kr);font-size:28px;font-weight:900;color:var(--p-ink);line-height:1.1}.page .dash-lc-vi{font-size:14px;font-weight:700;color:var(--p-sub);margin-top:-6px}.page .dash-lc-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--p-sub)}.page .dash-lc-meta .msym{font-size:18px}.page .dash-lc-stars{font-size:11px;font-weight:800;color:var(--p-amber)}.page .dash-lc-bar{height:6px;background:var(--p-surface-4);border-radius:var(--p-pill);overflow:hidden;margin-top:-6px}.page .dash-lc-bar>i{display:block;height:100%;background:var(--p-amber-bg);border-radius:var(--p-pill)}.page .dash-lc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;background:var(--p-rose-2);color:#fff;font-size:14px;font-weight:700;border-radius:var(--p-r-sm);padding:11px;box-shadow:0 4px 0 0 var(--p-rose-ink);transition:transform .12s var(--p-ease),box-shadow .12s,background .15s;margin-top:2px}.page .dash-lc-btn:hover{background:#ff5c4d}.page .dash-lc-btn:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--p-rose-ink)}.page .dash-lc-btn.locked{background:var(--p-surface-4);color:var(--p-faint);box-shadow:none}.page .dash-lc-btn.locked:hover{background:var(--p-line)}.page .dash-lc-btn.locked:active{transform:none}.page .dash-lc-btn .msym{font-size:17px}.page .dash-lc.is-locked .dash-lc-ko,.page .dash-lc.is-locked .dash-lc-vi,.page .dash-lc.is-locked .dash-lc-meta,.page .dash-lc.is-locked .dash-lc-stars{opacity:.45}.page .dash-badges h3{display:flex;align-items:center;gap:8px}.page .dash-badges h3 .msym{color:var(--p-rose);font-size:24px}.page .dash-badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.page .dash-badge{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.page .dash-badge-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--p-surface-4);color:var(--p-faint);transition:transform .2s var(--p-ease)}.page .dash-badge-ic .msym{font-size:28px}.page .dash-badge.on .dash-badge-ic{background:var(--p-rose-2);color:#fff;box-shadow:0 0 0 4px #ff6f6133,var(--p-shadow-sm)}.page .dash-badge.on:hover .dash-badge-ic{transform:rotate(10deg)}.page .dash-badge:not(.on){opacity:.5}.page .dash-badge-l{font-size:11px;font-weight:700;color:var(--p-sub)}.page .dash-acts{margin-top:22px;padding-top:20px;border-top:1px solid var(--p-line-2);display:grid;gap:6px}.page .dash-act{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:var(--p-r);border:0;background:transparent;font:inherit;font-size:14px;font-weight:700;color:var(--p-sub);cursor:pointer;transition:background .15s,color .15s}.page .dash-act:hover{background:var(--p-surface-3);color:var(--p-ink)}.page .dash-act .msym{font-size:20px}.page .dash-act.danger{color:var(--p-bad)}.page .dash-act.danger:hover{background:#ba1a1a14;color:var(--p-bad)}@media(max-width:900px){.page .dash-grid{grid-template-columns:1fr}}@media(max-width:640px){.page .dash-stats{grid-template-columns:repeat(2,1fr)}.page .dash-hero{flex-direction:column;align-items:stretch;text-align:center}.page .dash-hero-id{flex-direction:column}.page .dash-hero-cta .btn{width:100%}.page .dash-lc-row{grid-template-columns:1fr}}.page .stats-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1120px;margin:0 auto clamp(8px,2vw,16px);padding:0 clamp(20px,4vw,40px)}.page .stat-pill{display:inline-flex;align-items:center;gap:8px;background:var(--p-surface-4);border:1px solid rgba(224,191,187,.3);border-radius:var(--p-pill);padding:10px 20px;font-size:14px;font-weight:700;color:var(--p-sub);box-shadow:var(--p-shadow-sm)}.page .stat-pill b{font-weight:800;color:var(--p-rose);font-size:15px}.page .stat-pill .msym{font-size:20px}.page .stat-pill.streak .msym,.page .stat-pill.streak b{color:var(--p-rose)}.page .stat-pill .ic-book{color:var(--p-amber)}.page .stat-pill .ic-star{color:var(--p-amber-bg)}.page .stat-pill .ic-word{color:var(--p-teal)}.page .lt-head{max-width:1120px;margin:0 auto;padding:clamp(28px,5vw,48px) clamp(20px,4vw,40px) clamp(8px,2vw,16px);text-align:center}.page .lt-title{font-family:var(--p-display);font-size:clamp(30px,5vw,40px);font-weight:800;letter-spacing:-.02em;color:var(--p-ink)}.page .lt-sub{color:var(--p-sub);font-size:16px;line-height:1.6;margin:12px auto 0;max-width:46ch}.page .lt-body{padding:clamp(16px,3vw,32px) 0 clamp(24px,4vw,40px)}.page .lt-tier{margin-top:clamp(28px,5vw,48px)}.page .lt-tier:first-child{margin-top:0}.page .lt-tier-head{max-width:1120px;margin:0 auto clamp(18px,3vw,28px);padding:0 clamp(20px,4vw,40px)}.page .lt-tier-head .sec-h{padding:0;margin:0}.page .lt-tier-sub{color:var(--p-sub);font-size:15px;margin:6px 0 0;max-width:40rem}.page .lt-lessons{max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:flex;flex-direction:column;gap:18px}.page .lt-lesson{background:var(--p-surface-2);border:1px solid var(--p-surface-4);border-radius:var(--p-r-lg);padding:16px 18px;box-shadow:var(--p-shadow-sm);transition:border-color .2s,box-shadow .2s}.page .lt-lesson:hover{border-color:var(--p-rose-2);box-shadow:var(--p-shadow)}.page .lt-lesson.done{background:#006b5b0d;border-color:#006b5b33}.page .lt-main{display:flex;align-items:center;gap:16px}.page .lt-badge{position:relative;flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--p-surface);border:2px solid var(--p-line-2);font-family:var(--p-display);font-weight:800;font-size:19px;color:var(--p-sub)}.page .lt-lesson.done .lt-badge{border-color:var(--p-teal);color:var(--p-teal)}.page .lt-check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:var(--p-teal);color:#fff;display:grid;place-items:center;box-shadow:var(--p-shadow-sm)}.page .lt-check .msym{font-size:14px;font-variation-settings:"wght" 700}.page .lt-meta{display:grid;gap:2px;min-width:0}.page .lt-ko{font-family:var(--font-kr);font-size:23px;font-weight:900;color:var(--p-ink);line-height:1.1}.page .lt-vi{color:var(--p-sub);font-size:14px;font-weight:600}.page .lt-main .vip-badge{margin-left:8px;flex:none}.page .lt-go{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--p-rose);color:#fff;border-radius:var(--p-pill);padding:9px 18px;font-size:13.5px;font-weight:700;box-shadow:0 3px #ac332a59}.page .lt-main:hover .lt-go{background:#97251d}.page .lt-go.locked{background:var(--p-surface-4);color:var(--p-faint);box-shadow:none}.page .lt-games{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-left:68px}.page .lt-game{display:inline-flex;align-items:center;gap:7px;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-pill);padding:7px 14px;font-size:13px;font-weight:600;color:var(--p-ink);transition:border-color .15s,transform .15s}.page .lt-game:hover{border-color:var(--p-rose);transform:translateY(-1px)}.page .lt-game .msym{font-size:17px;color:var(--p-sub)}.page .lt-game.vip{background:#feb2461f;border-color:var(--p-amber-tint)}.page .lt-game.vip .msym{color:var(--p-amber)}.page .lt-game-stars{color:var(--p-amber-bg);font-size:12px;letter-spacing:1px}.page .lt-lesson.soon{opacity:.5}@media(max-width:560px){.page .lt-main{flex-wrap:wrap}.page .lt-go{margin-left:0}.page .lt-games{padding-left:0}}.page .says{background:var(--p-surface-2);padding:clamp(40px,7vw,80px) 0;margin-top:clamp(40px,6vw,72px)}.page .says .sec-h{text-align:center;margin-bottom:clamp(32px,5vw,56px)}.page .says-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1120px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}.page .say-card{background:#ffffffb3;backdrop-filter:blur(8px);border:1px solid #fff;border-radius:28px;padding:32px;box-shadow:var(--p-shadow-sm)}.page .say-stars{color:var(--p-amber-bg);font-size:16px;letter-spacing:1px;margin-bottom:16px}.page .say-text{margin:0 0 16px;color:var(--p-sub);font-style:italic;line-height:1.6}.page .say-who{color:var(--p-sub);font-size:14px}.page .say-who b{font-family:var(--p-display);color:var(--p-ink);font-weight:700}.page .site-head.doc-head .brand,.page .site-head.acc-shell-head .brand{font-size:20px}.page .doc{max-width:880px;margin:0 auto;padding:clamp(28px,5vw,48px) clamp(16px,4vw,40px) clamp(40px,6vw,64px)}.page .doc-card{background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-r-lg);padding:clamp(28px,5vw,56px);box-shadow:var(--p-shadow)}.page .doc-hero{display:flex;margin:0 0 18px}.page .doc-ico{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--p-rose-tint);color:var(--p-rose)}.page .doc-ico .msym{font-size:32px}.page .doc-card h1{font-family:var(--p-display);font-size:clamp(28px,5vw,36px);font-weight:800;color:var(--p-rose);margin:0 0 6px;letter-spacing:-.01em}.page .doc-card .doc-ver{color:var(--p-faint);font-size:13px;font-style:italic;margin:0 0 28px}.page .doc-card .doc-lead{color:var(--p-ink);font-size:18px;line-height:1.6;margin:0 0 8px}.page .doc-card h2{font-family:var(--p-display);font-size:21px;font-weight:700;color:var(--p-amber);margin:36px 0 12px}.page .doc-card p,.page .doc-card li{color:var(--p-sub);line-height:1.7;font-size:16px}.page .doc-card p{margin:0 0 18px}.page .doc-card b{color:var(--p-ink)}.page .doc-card ul{padding:0;margin:0 0 22px;list-style:none}.page .doc-card li{position:relative;padding-left:22px;margin-bottom:10px}.page .doc-card li:before{content:"•";position:absolute;left:4px;color:var(--p-rose);font-weight:700}.page .doc-end{margin-top:48px;padding-top:24px;border-top:1px solid var(--p-line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--p-faint);font-size:13px;font-style:italic}.page .doc-end-ver{font-weight:700;opacity:.7}.page .ct-wrap{max-width:1120px;margin:0 auto;padding:clamp(28px,5vw,48px) clamp(16px,4vw,40px) clamp(40px,6vw,64px)}.page .ct-intro{text-align:center;margin-bottom:clamp(28px,4vw,44px)}.page .ct-hero-ico{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--p-rose-tint);color:var(--p-rose);margin-bottom:16px}.page .ct-hero-ico .msym{font-size:32px}.page .ct-intro h1{font-family:var(--p-display);font-size:clamp(28px,5vw,40px);font-weight:800;color:var(--p-ink);margin:0 0 12px;letter-spacing:-.01em}.page .ct-intro p{color:var(--p-sub);font-size:17px;line-height:1.6;max-width:52ch;margin:0 auto}.page .ct-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(20px,3vw,32px);align-items:start}.page .ct-cards{display:grid;gap:14px;align-content:start}.page .ct-card{display:flex;align-items:center;gap:16px;background:var(--p-surface-2);border:1px solid var(--p-surface-4);border-radius:var(--p-r);padding:16px 18px;box-shadow:var(--p-shadow-sm);transition:border-color .2s,transform .2s}.page .ct-card:hover{border-color:var(--p-rose-2);transform:translate(4px)}.page .ct-ico{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center}.page .ct-ico .msym{font-size:24px}.page .ct-ico.ct-rose{background:var(--p-rose-tint);color:var(--p-rose)}.page .ct-ico.ct-amber{background:var(--p-amber-tint);color:var(--p-amber)}.page .ct-ico.ct-teal{background:var(--p-teal-fixed);color:var(--p-teal)}.page .ct-meta{display:grid;gap:2px;min-width:0}.page .ct-label{font-size:12px;font-weight:700;color:var(--p-faint)}.page .ct-value{font-family:var(--p-display);font-size:18px;font-weight:700;color:var(--p-ink);overflow-wrap:anywhere}.page .ct-form-card{background:var(--p-surface-2);border:1px solid var(--p-surface-4);border-radius:var(--p-r-lg);padding:clamp(22px,3vw,36px);box-shadow:var(--p-shadow-sm)}.page .ct-form-title{font-family:var(--p-display);font-size:21px;font-weight:700;color:var(--p-ink);margin:0 0 18px}.page .contact-form{display:grid;gap:16px}.page .acc-field i{font-weight:500;font-style:italic;opacity:.7}.page{animation:pageIn .28s var(--p-ease) both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page .acc-card.acc-swap{animation:accSwap .2s var(--p-ease)}@keyframes accSwap{0%{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.page .rm-cell{animation:pageIn .32s var(--p-ease) both}.page .rm-cell:nth-child(2){animation-delay:.03s}.page .rm-cell:nth-child(3){animation-delay:.06s}.page .rm-cell:nth-child(4){animation-delay:.09s}.page .rm-cell:nth-child(n+5){animation-delay:.12s}@media(prefers-reduced-motion:reduce){.page,.page *{animation:none!important;transition-duration:.01ms!important}}@media(max-width:700px){.page .foot-grid{grid-template-columns:1fr;gap:28px}.page .about-card{grid-template-columns:1fr;text-align:center;justify-items:center}.page .rm-head{flex-direction:column;align-items:stretch}.page .ct-grid{grid-template-columns:1fr}}@media(max-width:560px){.page .hero-cta{flex-direction:column}.page .hero-cta .btn{width:100%}.page .hero-deco{opacity:.04}.page .rv-word{grid-template-columns:1fr auto;grid-template-areas:"ko say" "rom say" "vi say";row-gap:2px}.page .rv-word .rv-ko{grid-area:ko}.page .rv-word .rv-rom{grid-area:rom}.page .rv-word .rv-vi{grid-area:vi;text-align:left}.page .rv-say{grid-area:say;align-self:center}}.page.vip-overlay{position:fixed;inset:0;z-index:1000;min-height:0;display:grid;place-items:center;padding:16px;background:#22141e80;backdrop-filter:blur(3px);overflow-y:auto}.page .vip-modal{position:relative;width:min(420px,100%);max-height:92vh;overflow-y:auto;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-r-lg);box-shadow:var(--p-shadow);padding:24px 22px}.page .vip-x{position:absolute;top:10px;right:12px;width:32px;height:32px;border:none;background:transparent;font-size:24px;line-height:1;color:var(--p-faint);cursor:pointer;border-radius:8px}.page .vip-x:hover{background:var(--p-surface-2);color:var(--p-ink)}.page .vip-body h2{font-size:20px;color:var(--p-ink);margin:0 0 8px}.page .vip-body>.muted{font-size:13.5px;line-height:1.5;margin:0 0 16px}.page .vip-qr{display:grid;place-items:center;margin:0 0 16px}.page .vip-qr img{width:240px;height:240px;border:1px solid var(--p-line);border-radius:var(--p-r);background:#fff;padding:8px}.page .vip-info{margin:0 0 14px;display:grid;gap:8px}.page .vip-info>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-bottom:1px dashed var(--p-line);padding-bottom:7px}.page .vip-info dt{color:var(--p-sub);font-size:13px;margin:0}.page .vip-info dd{margin:0;font-weight:600;color:var(--p-ink);font-size:14px;text-align:right}.page .vip-info dd code{background:var(--p-rose-tint);color:var(--p-rose-ink);padding:2px 8px;border-radius:6px;font-weight:700}.page .vip-amount{color:var(--p-rose-ink);font-weight:800;font-size:16px}.page .vip-wait{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--p-sub);margin:0 0 14px}.page .vip-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--p-line-2);border-top-color:var(--p-rose);animation:vip-spin .8s linear infinite;flex:none}@keyframes vip-spin{to{transform:rotate(360deg)}}.page .vip-done{text-align:center;padding:12px 0}.page .vip-check{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:var(--p-rose-tint);color:var(--p-ok);display:grid;place-items:center;font-size:36px;font-weight:800}.page .vip-done h2{justify-content:center}.page .acc-vip .btn{margin-top:4px}.lp{--ac: #ff4d6d;--acd: #c9234c;--ink: #1e1e28;--sub: #5c5c68;--faint: #9aa0aa;--card: #ffffff;--line: #e8e8f0;--paper: #fbf8f3;--shadow: 0 22px 55px rgba(22, 22, 44, .12);--shadow-soft: 0 10px 26px rgba(22, 22, 44, .08);--ac08: #ff4d6d14;--ac27: #ff4d6d44;--ac33: #ff4d6d55;font-family:var(--font-vn)}.t-ko,.ag-ko,.pt-ko,.gh-ko,.vw-ko,.vl-item,.gr-pill,.gr-ex-ko,.in-ko,.in-line,.vn-ko,.vn-name span,.dc-ko,.dc-name span,.pq-ko,.rc-gram,.ou-ko{font-family:var(--font-kr)}@supports (background: color-mix(in srgb,red 50%,transparent)){.lp{--ac08: color-mix(in srgb, var(--ac) 8%, transparent);--ac27: color-mix(in srgb, var(--ac) 27%, transparent);--ac33: color-mix(in srgb, var(--ac) 33%, transparent)}}.lp.hide-vi .lang-vi{visibility:hidden}.lp .lp-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(circle,var(--ac08) 2.4px,transparent 2.5px) 0 0 / 46px 46px,var(--paper)}@supports (background: color-mix(in srgb,red 50%,transparent)){.lp .lp-bg{background:radial-gradient(circle,color-mix(in srgb,var(--ac) 12%,transparent) 2.4px,transparent 2.5px) 0 0 / 46px 46px,var(--paper)}}.lp.dlg-mode .lp-bg{display:none}.lp-head{position:absolute;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 120px;z-index:8}.lp-head .lh-left{display:flex;align-items:center;gap:12px;color:var(--sub);font-weight:700;font-size:30px}.lp-head .lh-cap{color:var(--ac)}.lp-head .lh-crumb{font-weight:800;font-size:30px;color:var(--acd)}.lp.fb .lp-head{display:none}.lp-progress{position:absolute;top:0;left:0;height:8px;background:var(--ac);z-index:9;transition:width .3s}.lp-slide{position:absolute;inset:0;z-index:5}.lp-slide.framed{top:96px}.lp-title,.lp-agenda,.lp-part,.lp-section,.lp-group,.lp-grammar,.lp-recap,.lp-outro,.lp-hub,.lp-practice-q,.lp-listening,.lp-dialogue{display:flex;flex-direction:column;align-items:center;justify-content:center}.lp .anim-rise{animation:lpRise .5s ease both}@keyframes lpRise{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}.lp .anim-pop{animation:lpPop .5s cubic-bezier(.18,.9,.26,1.08) both}@keyframes lpPop{0%{transform:translateY(16px) scale(.97)}to{transform:none}}.spk{color:var(--ac);animation:spkPulse 1.1s ease-in-out infinite;flex-shrink:0}@keyframes spkPulse{0%,to{opacity:.45}50%{opacity:1}}.lp .anim-count{animation:lpCount .32s cubic-bezier(.2,.9,.3,1.25) both}@keyframes lpCount{0%{transform:scale(.6);opacity:.35}to{transform:none;opacity:1}}.lp-title{text-align:center;gap:0}.lp-title .t-series{display:flex;align-items:center;gap:18px;color:var(--ac);font-weight:800;font-size:46px;letter-spacing:1px}.lp-title .t-ko{font-weight:900;font-size:170px;color:var(--ink);line-height:1.05;margin-top:18px}.lp-title .t-vi{font-weight:800;font-size:78px;color:var(--acd);margin-top:2px}.lp-title .t-sub{font-weight:600;font-size:38px;color:var(--faint);margin-top:26px}.lp-agenda h2{display:flex;align-items:center;gap:16px;color:var(--acd);font-weight:800;font-size:60px;margin:0 0 54px}.lp-agenda h2 iconify-icon{color:var(--ac)}.lp-agenda .ag-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.lp-agenda .ag-card{display:flex;align-items:center;gap:26px;background:var(--card);border-radius:30px;padding:30px 50px;box-shadow:var(--shadow-soft);width:660px;animation:lpPop .5s cubic-bezier(.18,.9,.26,1.08) both}.lp-agenda .ag-card:nth-child(1){animation-delay:.18s}.lp-agenda .ag-card:nth-child(2){animation-delay:.28s}.lp-agenda .ag-card:nth-child(3){animation-delay:.38s}.lp-agenda .ag-card:nth-child(4){animation-delay:.48s}.lp-agenda .ag-num{width:76px;height:76px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-weight:900;font-size:42px;flex-shrink:0}.lp-agenda .ag-ko{font-weight:900;font-size:56px;color:var(--ink);line-height:1.1}.lp-agenda .ag-vi{font-weight:700;font-size:38px;color:var(--acd)}.lp-part{text-align:center}.lp-part .pt-bar{position:absolute;left:0;top:38%;height:200px;width:18px;background:var(--ac);transform-origin:left center;animation:lpBar .5s cubic-bezier(.2,.85,.25,1) .12s both}@keyframes lpBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lp-part .pt-num{font-weight:800;font-size:50px;color:var(--acd);letter-spacing:10px}.lp-part .pt-ko{font-weight:900;font-size:176px;color:var(--ink);line-height:1.04;margin-top:8px}.lp-part .pt-vi{font-weight:800;font-size:76px;color:var(--ac);margin-top:2px}.lp-part .pt-items{display:flex;gap:18px;margin-top:50px;flex-wrap:wrap;justify-content:center;max-width:1500px}.lp-part .pt-chip{font-weight:700;font-size:38px;color:var(--sub);background:var(--ac08);border:2px solid var(--ac27);border-radius:999px;padding:12px 32px}.lp-section .sc-ic{width:170px;height:170px;border-radius:46px;background:var(--ac);display:grid;place-items:center;box-shadow:var(--shadow);animation:lpPop .5s cubic-bezier(.2,.9,.3,1.2)}.lp-section .sc-ic iconify-icon{color:#fff}.lp-section .sc-title{font-weight:900;font-size:84px;color:var(--ink);margin-top:34px}.lp-section .sc-sub{font-weight:600;font-size:40px;color:var(--faint);margin-top:8px}.lp-group .gh-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--card);border-radius:40px;border-top:12px solid var(--ac);padding:56px 96px;box-shadow:var(--shadow);animation:lpPop .55s cubic-bezier(.18,.9,.26,1.12) .1s both}.lp-group .gh-ic{color:var(--ac)}.lp-group .gh-ko{font-weight:900;font-size:92px;color:var(--ink)}.lp-group .gh-vi{font-weight:700;font-size:50px;color:var(--acd)}.lp-group .gh-n{font-weight:600;font-size:30px;color:var(--faint)}.lp-vocab{display:flex;flex-direction:row;align-items:center;padding:26px 120px 130px;gap:50px}.lp-vocab .vw-wrap{flex:1;display:flex;justify-content:center;min-width:0}.lp-vocab .vw-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--card);border-radius:44px;border-left:18px solid var(--ac);padding:48px 64px;box-shadow:var(--shadow);max-width:1010px}.lp-vocab .vw-spk{position:absolute;top:24px;right:28px}.lp-vocab .vw-ic{color:var(--ac)}.lp-vocab .vw-ko{font-weight:900;line-height:1.06;color:var(--ink);white-space:nowrap}.lp-vocab .vw-rom{font-weight:500;font-style:italic;color:var(--faint);white-space:nowrap}.lp-vocab .vw-vi{font-weight:800;color:var(--ac);margin-top:6px;text-align:center;max-width:880px;line-height:1.15}.lp-vocab .vw-list{width:450px;flex-shrink:0;display:flex;flex-direction:column;gap:11px}.lp-vocab .vw-list.dense{gap:7px}.lp-vocab .vl-title{font-weight:800;font-size:32px;color:var(--acd);margin-bottom:4px}.lp-vocab .vl-item{font-weight:700;font-size:30px;padding:9px 20px;border-radius:13px;background:#fff;color:var(--faint);border:2px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .25s,color .25s,font-size .2s}.lp-vocab .vw-list.few .vl-item{font-size:34px}.lp-vocab .vw-list.dense .vl-item{font-size:26px;padding:6px 16px}.lp-vocab .vl-item.done{background:var(--ac08);color:var(--acd)}.lp-vocab .vl-item.cur{background:var(--ac);color:#fff;border-color:var(--ac);font-weight:900;font-size:35px}.lp-vocab .vw-list.few .vl-item.cur{font-size:39px}.lp-vocab .vw-list.dense .vl-item.cur{font-size:31px}.lp-vocab .vl-more{font-weight:700;font-size:24px;color:var(--faint);text-align:center}.lp-grammar{padding:0 120px;text-align:center}.lp-grammar .gr-pill{background:var(--ac);color:#fff;border-radius:30px;padding:26px 66px;font-weight:900;box-shadow:var(--shadow);white-space:nowrap}.lp-grammar .gr-mean{font-weight:700;color:var(--sub);margin-top:32px;max-width:1560px;line-height:1.34}.lp-grammar .gr-ex{background:var(--card);border-radius:36px;border-left:16px solid var(--ac);padding:38px 70px;margin-top:50px;box-shadow:var(--shadow);max-width:1500px}.lp-grammar .gr-ex-tag{font-weight:700;font-size:28px;color:var(--faint);letter-spacing:2px;margin-bottom:12px}.lp-grammar .gr-ex-koline{display:flex;align-items:center;justify-content:center;gap:16px}.lp-grammar .gr-ex-ko{font-weight:900;color:var(--ink);max-width:1280px;line-height:1.18}.lp-grammar .gr-ex-vi{font-weight:600;font-size:46px;color:var(--acd);margin-top:14px}.lp-intro{display:flex;flex-direction:row;align-items:flex-end;padding:0 120px 60px}.lp-intro .in-bust{height:760px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.2));animation:lpBust .55s cubic-bezier(.2,.85,.25,1) both}@keyframes lpBust{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}.lp-intro .in-info{flex:1;padding-bottom:120px;padding-left:70px}.lp-intro .in-name{display:flex;align-items:baseline;gap:22px}.lp-intro .in-ko{font-weight:900;font-size:96px;color:var(--ink)}.lp-intro .in-vi{font-weight:700;font-size:46px;color:var(--faint)}.lp-intro .in-chips{display:flex;gap:16px;margin-top:22px}.lp-intro .in-chip{font-weight:700;font-size:36px;color:var(--acd);background:var(--ac08);border:2px solid var(--ac27);border-radius:999px;padding:10px 26px}.lp-intro .in-say{display:flex;align-items:center;gap:16px;margin-top:46px}.lp-intro .in-line{font-weight:900;color:var(--ink);line-height:1.3}.lp-intro .in-vi-line{font-weight:600;color:var(--acd);margin-top:14px;line-height:1.3}.lp-vn{background:#1a1434;overflow:hidden}.lp-vn .vn-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lp-vn .vn-scrim{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 0%,#1a143426,#1a14348c)}.lp-vn .vn-bust{position:absolute;bottom:0;width:720px;transform-origin:bottom center;filter:drop-shadow(0 16px 22px rgba(0,0,0,.34));transition:filter .35s,opacity .35s}.lp-vn .vn-bust.on{filter:brightness(1) saturate(1) drop-shadow(0 16px 22px rgba(0,0,0,.34));opacity:1;z-index:3}.lp-vn .vn-bust.off{filter:brightness(.5) saturate(.6) drop-shadow(0 16px 22px rgba(0,0,0,.34));opacity:.8;z-index:2}.lp-vn .vn-bar{position:absolute;left:80px;right:80px;bottom:90px;z-index:5;background:#16112ceb;border:1.5px solid rgba(255,255,255,.18);border-radius:34px;padding:28px 52px 32px;box-shadow:0 18px 48px #00000080}.lp-vn .vn-tick{position:absolute;top:22px;width:70px;height:8px;border-radius:4px;background:var(--ac)}.lp-vn .vn-tick.left{left:52px}.lp-vn .vn-tick.right{right:52px}.lp-vn .vn-name{display:flex;align-items:center;gap:14px;margin-bottom:8px}.lp-vn .vn-name span{font-weight:800;font-size:32px;color:#fffc}.lp-vn .vn-ko{font-weight:900;line-height:1.16;color:#fff;word-break:keep-all}.lp-vn .vn-vi{font-weight:600;color:#ffd7e1;margin-top:10px;line-height:1.25}.lp-dialogue{justify-content:flex-end;align-items:stretch;overflow:hidden;padding:24px 120px 46px}.lp-dialogue .dc-stack{display:flex;flex-direction:column;gap:14px;will-change:transform}.lp-dialogue .dc-row{display:flex;transition:opacity .4s ease}.lp-dialogue .dc-row.left{justify-content:flex-start}.lp-dialogue .dc-row.right{justify-content:flex-end}.lp-dialogue .dc-row.past{opacity:.5}.lp-dialogue .dc-row.enter{animation:dcIn .5s cubic-bezier(.18,.9,.26,1.05) both}@keyframes dcIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.lp-dialogue .dc-bubble{max-width:1150px;border-radius:30px;padding:18px 36px;box-shadow:var(--shadow-soft)}.lp-dialogue .dc-row.cur .dc-bubble{box-shadow:var(--shadow)}.lp-dialogue .dc-row.left .dc-bubble{background:var(--card);color:var(--ink);border:2px solid var(--line)}.lp-dialogue .dc-row.right .dc-bubble{background:var(--ac);color:#fff}.lp-dialogue .dc-name{display:flex;align-items:center;gap:10px;margin-bottom:4px}.lp-dialogue .dc-name span{font-weight:800;font-size:26px}.lp-dialogue .dc-row.left .dc-name span{color:var(--acd)}.lp-dialogue .dc-row.right .dc-name span{color:#fffc}.lp-dialogue .dc-ko{font-weight:900;line-height:1.2}.lp-dialogue .dc-vi{font-weight:600;margin-top:6px}.lp-dialogue .dc-row.left .dc-vi{color:var(--acd)}.lp-dialogue .dc-row.right .dc-vi{color:#ffffffe6}.lp-practice-q,.lp-listening{padding:0 120px}.pq-pos{position:absolute;top:130px;font-weight:800;font-size:40px;color:var(--acd)}.pq-prompt{font-weight:800;color:var(--ink);text-align:center;max-width:1560px;line-height:1.3}.pq-think{margin-top:56px;display:flex;flex-direction:column;align-items:center}.pq-hint{font-weight:700;font-size:44px;color:var(--faint)}.pq-count{font-weight:900;font-size:150px;color:var(--ac);line-height:1;margin-top:6px}.pq-card{margin-top:50px;background:var(--card);border-radius:36px;border-top:12px solid var(--ac);padding:42px 80px;box-shadow:var(--shadow);text-align:center;max-width:1620px}.pq-ans{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.pq-ko{font-weight:900;color:var(--ink);max-width:1380px;line-height:1.16}.pq-vi{font-weight:600;font-size:46px;color:var(--acd);margin-top:12px}.ls-wait{display:flex;flex-direction:column;align-items:center}.ls-ear{color:var(--ac)}.ls-wave{display:flex;gap:12px;align-items:flex-end;height:110px;margin-top:34px}.ls-bar{width:22px;background:var(--ac);border-radius:8px;animation:lsBar 1s ease-in-out infinite}@keyframes lsBar{0%,to{height:28px}50%{height:106px}}.lp-listening .pq-hint{font-size:46px;margin-top:34px}.lp-listening .pq-count{font-size:90px}.lp-listening .pq-vi{font-size:48px;margin-top:16px}.lp-recap{padding:0 120px;text-align:center}.lp-recap .rc-title{font-weight:900;font-size:96px;color:var(--ink)}.lp-recap .rc-chips{display:flex;gap:18px;margin-top:38px;flex-wrap:wrap;justify-content:center}.lp-recap .rc-chip{display:flex;align-items:center;gap:12px;background:var(--ac08);border:2px solid var(--ac33);border-radius:999px;padding:14px 34px;font-weight:700;font-size:40px;color:var(--acd);animation:lpPop .5s cubic-bezier(.18,.9,.26,1.08) both}.lp-recap .rc-chip:nth-child(1){animation-delay:.2s}.lp-recap .rc-chip:nth-child(2){animation-delay:.3s}.lp-recap .rc-chip:nth-child(3){animation-delay:.4s}.lp-recap .rc-chip:nth-child(4){animation-delay:.5s}.lp-recap .rc-chip:nth-child(n+5){animation-delay:.6s}.lp-recap .rc-chip iconify-icon{color:var(--ac)}.lp-recap .rc-sub{margin-top:44px;font-weight:600;font-size:36px;color:var(--faint)}.lp-recap .rc-grams{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap;justify-content:center;max-width:1560px}.lp-recap .rc-gram{font-weight:800;font-size:46px;color:var(--ink);background:var(--card);border-radius:18px;padding:12px 30px;box-shadow:var(--shadow-soft)}.lp-recap .rc-cta{margin-top:54px;display:inline-flex;align-items:center;gap:16px;background:var(--ac);color:#fff;border-radius:999px;padding:24px 56px;font-weight:800;font-size:50px;box-shadow:var(--shadow)}.lp-recap .rc-cta iconify-icon{color:#fff}.lp-outro .ou-ko,.lp-outro .ou-vi,.lp-outro .ou-sub{animation:lpRise .5s ease both}.lp-outro .ou-ko{font-weight:900;font-size:150px;color:var(--ac);line-height:1.1;animation-delay:.1s}.lp-outro .ou-vi{font-weight:800;font-size:60px;color:var(--ink);margin-top:12px;animation-delay:.26s}.lp-outro .ou-sub{font-weight:600;font-size:40px;color:var(--faint);margin-top:18px;animation-delay:.42s}.lp-outro .ou-cta{margin-top:56px;display:inline-flex;align-items:center;gap:14px;background:var(--ac);color:#fff;border-radius:999px;padding:22px 52px;font-weight:800;font-size:44px;box-shadow:var(--shadow);cursor:pointer}.lp-outro .ou-cta iconify-icon{color:#fff}.lp-hub{gap:26px;padding:0 120px}.lp-hub h2{display:flex;align-items:center;gap:16px;font-weight:900;font-size:64px;color:var(--ink);margin:0}.lp-hub h2 iconify-icon{color:var(--ac)}.lp-hub .pr-list{display:grid;grid-template-columns:repeat(3,minmax(380px,1fr));gap:20px}.lp-hub .hub-links{display:flex;gap:16px}.lp-hub .hub-links .btn{font-size:28px;padding:14px 34px;border-color:var(--ac);color:var(--acd)}.lp #b-slow.on{background:var(--ac);color:#fff}.lp .play-gate .pg-resume{display:flex;gap:16px;margin-top:4px;flex-wrap:wrap;justify-content:center}.lp .play-gate .pg-resume .btn{font-size:30px;padding:16px 38px;border-radius:999px;background:var(--ac);color:#fff;border:2px solid var(--ac)}.lp .play-gate .pg-resume .btn.ghost{background:#ffffff1f;color:#fff;border-color:#ffffff80}.lp-report{position:absolute;inset:0;z-index:50;background:#140c128c;display:grid;place-items:center;padding:24px}.lpr-box{background:#fff;border-radius:28px;padding:38px 44px;width:820px;max-width:90%;box-shadow:var(--shadow)}.lpr-box h3{font-size:46px;margin:0 0 10px;color:var(--ink);font-weight:900}.lpr-ctx{font-size:30px;color:var(--sub);margin:0 0 18px}.lpr-box textarea{width:100%;box-sizing:border-box;font-size:30px;padding:18px 22px;border-radius:18px;border:2px solid var(--line);font-family:inherit;color:var(--ink)}.lpr-act{display:flex;gap:14px;justify-content:flex-end;margin-top:18px}.lpr-act .btn{font-size:30px;padding:14px 38px;border-radius:999px;background:var(--ac);color:#fff;border:2px solid var(--ac);cursor:pointer}.lpr-act .btn.ghost{background:transparent;color:var(--acd);border-color:var(--line)}.lpr-msg{font-size:28px;color:var(--ac);margin:14px 0 0}.lp-hub .pr-game{background:var(--card);border:2px solid var(--line);border-radius:24px;padding:24px 34px;display:grid;gap:6px;text-align:left;box-shadow:var(--shadow-soft)}.lp-hub .pr-game:hover{border-color:var(--ac)}.lp-hub .pg-label{color:var(--acd);font-weight:800;font-size:28px}.lp-hub .pg-title{font-size:36px;font-weight:700;color:var(--ink)}.lp-hub .pg-extra{font-size:28px;color:var(--ac)}.lp-hub .btn.ghost{font-size:30px;color:var(--acd);background:#fff;border:2px solid var(--ac27);border-radius:999px;padding:14px 38px;font-weight:700}.lp-hub .btn.ghost:hover{border-color:var(--ac)}.lp .ctrlbar .tb-btn,.lp .topbar .tb-btn{background:#0000000f;color:var(--ink)}.lp.dlg-mode .ctrlbar .tb-btn,.lp.dlg-mode .topbar .tb-btn{background:#00000073;color:#fff}.lp .ctr-label{color:var(--sub)}.lp.dlg-mode .ctr-label{color:#e8e8f0}.lp #b-vi.off{opacity:.45;text-decoration:line-through}@media(prefers-reduced-motion:reduce){.lp,.lp *{animation:none!important;transition-duration:.01ms!important}}
