:root{--bg:#f4f6fa;--panel:#fff;--panel2:#f1f4f9;--line:#e4e9f2;--text:#1b2436;--muted:#6c778d;--navy:#234d77;--brand:#3b6fe0;--brand2:#16b79c;--gold:#e9a317;--done:#1aa97a;--lock:#9aa6bd}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:0 auto;padding:0 18px}header.top{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--navy);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}.hd{display:flex;align-items:center;gap:14px;height:60px}.logo{font-weight:900;font-size:18px;color:#fff}.logo b{color:#8fe3d4}.logo .sub{color:#bcd0e6;font-size:12px;font-weight:500}.grow{flex:1 1}.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:5px 12px;font-size:13px;font-weight:700;color:#fff}.chip,.lvbar{border-radius:999px}.lvbar{width:80px;height:7px;background:rgba(255,255,255,.25);overflow:hidden;display:inline-block;vertical-align:middle}.lvbar>i{display:block;height:100%;background:linear-gradient(90deg,#8fe3d4,#fff)}.av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#16b79c);display:flex;justify-content:center}.av,.btn{align-items:center;font-weight:800;color:#fff}.btn{display:inline-flex;gap:8px;background:linear-gradient(135deg,var(--brand),var(--brand2));border:0;border-radius:12px;padding:11px 18px;font-size:15px;cursor:pointer;box-shadow:0 4px 14px rgba(59,111,224,.28)}.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none;font-weight:700}.hero{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px;margin:22px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 2px 10px rgba(20,40,80,.04)}.hero h1{margin:.1em 0 .2em;font-size:22px}.ring{width:108px;height:108px;background:conic-gradient(var(--brand2) calc(var(--p,0)*1%),#e4eaf3 0);flex:0 0 auto}.ring,.ring>div{border-radius:50%;display:flex;align-items:center;justify-content:center}.ring>div{width:84px;height:84px;background:var(--panel);flex-direction:column}.ring b{font-size:22px;color:var(--navy)}.ring span{font-size:11px;color:var(--muted)}.heroflex{display:flex;gap:18px;align-items:center}.coach{display:flex;gap:12px;align-items:flex-start;margin-top:14px}.coach .face{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffe7c2,#f6b78a);display:flex;align-items:center;justify-content:center;font-size:30px;flex:0 0 auto;box-shadow:0 6px 16px rgba(20,40,80,.12)}.bubble{background:#eef3ff;color:#1b2a4a;border:1px solid #d9e4fb;border-radius:14px;padding:10px 14px;font-weight:700;font-size:14px}.sub{color:var(--muted);font-size:12px;font-weight:500}.gv{font-weight:800}.gk{font-size:12px;color:var(--muted)}.medals{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.medal{width:42px;height:42px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:22px}.medal.off{filter:grayscale(1);opacity:.4}.lb-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #eef1f7;font-size:13px}.lb-row:last-child{border-bottom:0}.lb-rank{width:20px;text-align:center;font-weight:800;color:var(--muted)}.lb-rank.top{color:var(--gold)}.dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:12px}.me{background:linear-gradient(90deg,rgba(59,111,224,.12),transparent);border-radius:8px}h2.sec{font-size:16px;margin:26px 0 12px;gap:8px;color:var(--navy)}.lesson,h2.sec{display:flex;align-items:center}.lesson{gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px;cursor:pointer;transition:border-color .12s,transform .1s,box-shadow .12s}.lesson:hover{border-color:#bcd0ee;transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,40,80,.07)}.thumb{width:130px;height:74px;border-radius:10px;flex:0 0 auto;position:relative;display:flex;align-items:center;justify-content:center;font-size:26px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#3b6fe0,#16b79c)}.thumb .dur{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.6);font-size:11px;padding:1px 6px;border-radius:6px}.thumb .pbar{position:absolute;left:0;bottom:0;height:4px;background:#0f6}.thumb.l1{background:linear-gradient(135deg,#e9a317,#f6c453)}.thumb.l2{background:linear-gradient(135deg,#7c5cff,#a78bfa)}.thumb.l3{background:linear-gradient(135deg,#3b6fe0,#5aa0ff)}.thumb.l4{background:linear-gradient(135deg,#16b79c,#3bd4b8)}.thumb.l5{background:linear-gradient(135deg,#ef6aa0,#f59cc0)}.thumb.l6{background:linear-gradient(135deg,#234d77,#3b6fe0)}.lz{flex:1 1;min-width:0}.lz .t{font-weight:700}.lz .m{font-size:12px;color:var(--muted)}.badge2{font-size:11px;font-weight:700;border-radius:999px;padding:2px 9px;white-space:nowrap}.b-done{background:rgba(26,169,122,.14);color:var(--done)}.b-prog{background:rgba(233,163,23,.16);color:#b5790a}.b-lock{background:#eef1f7;color:var(--lock)}.lesson.locked{opacity:.62}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login .card{max-width:380px;width:100%;text-align:center}.login input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;margin:6px 0;font-size:15px;outline:none}@media(max-width:820px){.hero{grid-template-columns:1fr}}.lm-overlay{position:fixed;inset:0;background:rgba(20,32,58,.45);display:none;align-items:flex-start;justify-content:center;z-index:70;padding:30px 16px;overflow:auto}.lm-overlay.open{display:flex}.lm-card{background:#fff;border-radius:20px;max-width:640px;width:100%;padding:22px 24px 26px;box-shadow:0 30px 80px rgba(20,40,80,.3);position:relative;animation:pop .25s ease}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}.lm-x{position:absolute;top:12px;right:14px;background:#eef1f7;border:0;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;color:#5a6688}.lm-video{height:230px;border-radius:14px;font-size:54px;color:#fff;position:relative;background:linear-gradient(135deg,#3b6fe0,#16b79c)}.lm-play,.lm-video{display:flex;align-items:center;justify-content:center}.lm-play{position:absolute;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.9);color:#234d77;font-size:26px;box-shadow:0 8px 24px rgba(0,0,0,.25)}.lm-h{font-weight:800;color:var(--navy);margin:18px 0 8px}.lm-h,.lm-pts{font-size:14px}.lm-pts{margin:0;padding-left:20px;line-height:1.9}.lm-quiz{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}.quizopt{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 13px;margin-bottom:7px;cursor:pointer;font-size:13.5px}.quizopt:hover{border-color:#bcd0ee}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:800;padding:12px 22px;border-radius:999px;z-index:130;box-shadow:0 8px 24px rgba(20,40,80,.25)}@keyframes fall{to{transform:translateY(105vh) rotate(1turn);opacity:.9}}@media(max-width:820px){.lm-video{height:170px}}.bonus{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.bcard{display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .12s,transform .1s}.bcard:hover{border-color:#bcd0ee;transform:translateY(-1px)}.bcard .bic{font-size:30px}.bcard .bt{font-weight:700}.bcard .bpt{margin-left:auto;font-weight:800;color:var(--brand);background:rgba(59,111,224,.1);border-radius:999px;padding:4px 12px;white-space:nowrap}.chatbox{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow:auto}.cmsg{max-width:84%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.6;white-space:pre-wrap}.cmsg.u{align-self:flex-end;background:var(--brand);color:#fff;font-weight:600}.cmsg.a{align-self:flex-start;background:var(--panel2);border:1px solid var(--line)}.airow{display:flex;gap:8px;margin-top:8px}.airow input{flex:1 1;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;font-size:14px}.pill{display:inline-block;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12.5px;margin:3px 5px 0 0;cursor:pointer}.pill:hover{border-color:#bcd0ee}.pill.on{background:var(--brand);color:#fff;border-color:transparent}@media(max-width:820px){.bonus{grid-template-columns:1fr}}.adm{max-width:1000px;margin:0 auto;padding:24px 18px}.admcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px;margin:14px 0}.admk{font-size:12px;color:var(--muted)}.admv{font-size:26px;font-weight:800;color:var(--navy)}.admtbl{width:100%;border-collapse:collapse;font-size:13.5px}.admtbl td,.admtbl th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}