:root{--ink:#14263b;--ink2:#4a5a6c;--mute:#8592a1;--line:#e6e1d4;--paper:#fbf8f1;--blue:#2f6db3;--good:#1e9455;--font:ui-sans-serif,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1b232c;font-family:var(--font);color:var(--ink)}button{font:inherit;cursor:pointer}.hidden{display:none!important}#stage{position:fixed;top:0;right:0;bottom:0;left:0}#c{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#top{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(#0a121c8c,#0a121c00);z-index:4;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.brand b{display:block;font-size:17px;font-weight:800}.brand small{display:block;font-size:11px;opacity:.85;letter-spacing:.4px;text-transform:uppercase}.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ffd34d,#f39a1c);display:grid;place-items:center;color:#1d3a5c;font-size:18px;box-shadow:0 2px 8px #00000040}.age{color:#fff;font-size:13px;font-weight:700;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 12px;border-radius:99px}#panel{position:fixed;right:14px;top:66px;width:380px;z-index:4;display:flex;flex-direction:column;gap:10px}.hint{background:#ffffffeb;border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.4;color:var(--ink2);box-shadow:0 8px 24px #0000002e}.hint b{color:var(--ink)}#tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tab{display:flex;align-items:center;gap:7px;border:0;border-radius:12px;padding:9px 10px;background:#ffffffd9;font-weight:700;font-size:13.5px;color:var(--ink2);box-shadow:0 3px 10px #0000001f}.tab i{width:12px;height:12px;border-radius:50%;flex:none}.tab.on{background:#fff;color:var(--ink);box-shadow:0 0 0 3px var(--blue),0 3px 10px #00000026}#card{background:var(--paper);border-radius:20px;box-shadow:0 18px 50px #0000004d;overflow:hidden;border-top:6px solid var(--c,#2f6db3)}.cb{padding:16px 18px 18px}.kick{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--c,#2f6db3)}#card h2{margin:3px 0 6px;font-size:20px}#card p{margin:0 0 10px;font-size:15px;line-height:1.5;color:var(--ink2)}.meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.meta span{font-size:12.5px;font-weight:700;background:#efeadf;border-radius:99px;padding:5px 10px;color:var(--ink2)}.prog{margin-bottom:14px}.bar{height:8px;border-radius:9px;background:#e6e1d4;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--good);transition:width .4s}.go{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{display:flex;align-items:center;gap:10px;text-decoration:none;border-radius:14px;padding:12px;font-weight:800;font-size:16px;color:#fff}.btn small{display:block;font-size:11.5px;font-weight:600;opacity:.85}.btn .n{width:28px;height:28px;border-radius:50%;background:#ffffff40;display:grid;place-items:center;font-size:13px;flex:none}.btn.learn{background:var(--blue);box-shadow:0 3px #1f5596}.btn.lab{background:var(--good);box-shadow:0 3px #15703f}.btn.lab.off{background:#9aa3ab;box-shadow:none;cursor:default}.soon{margin-top:10px;font-size:13px;color:var(--mute)}.foot{position:fixed;left:16px;bottom:12px;color:#4a3a22;font-size:12px;z-index:3;background:#fff9;padding:6px 10px;border-radius:9px}#nogl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#1b232c;color:#fff;text-align:center;padding:30px}@media (max-width:760px){#top{padding:10px}.age{display:none}#panel{left:0;right:0;top:auto;bottom:0;width:auto;padding:10px;gap:8px;background:linear-gradient(#1b232c00,#1b232c59)}.hint{display:none}#card{border-radius:18px}#card h2{font-size:18px}.foot{display:none}}@media (min-width:1000px){#stage{right:400px}}