:root{--bg:#eef1f8;--surface:#fff;--surface2:#f6f8fd;--ink:#141b33;--muted:#5b6482;--line:#dce1ee;--brand:#3346d3;--brand-ink:#fff;--brand-soft:#e3e7ff;--pos:#0e9662;--pos-soft:#ddf6ea;--neg:#d83a47;--neg-soft:#fde4e6;--gold:#f5b700;--gold-soft:#fff3c4;--violet:#7a4de8;--violet-soft:#eee7ff;--shadow:0 1px 2px #141b330f,0 6px 18px #141b330f;--r-card:18px;--r-ctl:12px;--f-head:"Bricolage Grotesque",ui-rounded,"Segoe UI",system-ui,sans-serif;--f-body:"Lexend","Segoe UI",system-ui,-apple-system,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1120;--surface:#161c31;--surface2:#1c2440;--ink:#e8ecf8;--muted:#9aa3c2;--line:#283253;--brand:#7d8cff;--brand-ink:#0d1120;--brand-soft:#232c57;--pos:#34d399;--pos-soft:#0f3a2c;--neg:#ff6b76;--neg-soft:#45202a;--gold:#ffcb2e;--gold-soft:#3d3214;--violet:#a98bff;--violet-soft:#2c2452;--shadow:0 1px 2px #0000004d,0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1120;--surface:#161c31;--surface2:#1c2440;--ink:#e8ecf8;--muted:#9aa3c2;--line:#283253;--brand:#7d8cff;--brand-ink:#0d1120;--brand-soft:#232c57;--pos:#34d399;--pos-soft:#0f3a2c;--neg:#ff6b76;--neg-soft:#45202a;--gold:#ffcb2e;--gold-soft:#3d3214;--violet:#a98bff;--violet-soft:#2c2452;--shadow:0 1px 2px #0000004d,0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;min-height:100%}h1,h2,h3,h4{font-family:var(--f-head);letter-spacing:-.01em;margin:0;line-height:1.15}h1{font-size:clamp(26px,4vw,36px);font-weight:800}h2{font-size:21px;font-weight:700}h3{font-size:17px;font-weight:700}p{margin:0}a{color:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}img,svg{max-width:100%}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.pos{color:var(--pos)}.neg{color:var(--neg)}.num{font-family:var(--f-head);font-variant-numeric:tabular-nums;font-weight:700}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{top:env(safe-area-inset-top,0px);height:calc(100vh - env(safe-area-inset-top,0px));border-right:1px solid var(--line);background:var(--surface);padding:20px 14px;position:sticky;overflow:auto}.logo{font:800 21px var(--f-head);letter-spacing:.02em;align-items:center;gap:10px;padding:4px 10px 18px;display:flex}.logo-mark{background:var(--brand);width:34px;height:34px;color:var(--brand-ink);border-radius:10px;place-items:center;font-size:18px;display:grid}.nav-group{color:var(--muted);margin:12px 0 4px;padding:0 10px;font-size:12px}.nav a{color:var(--ink);border-radius:11px;align-items:center;gap:11px;padding:9px 10px;font-size:14.5px;text-decoration:none;display:flex}.nav a:hover{background:var(--surface2)}.nav a.on{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav .ico{text-align:center;width:22px}.nav .badge-count{background:var(--neg);color:#fff;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px}.main{flex-direction:column;min-width:0;display:flex}.top{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;inset:0 0 auto}.top .spacer{flex:1}.demo-flag{background:var(--gold-soft);color:var(--ink);border:1px dashed var(--gold);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px}.content{width:100%;max-width:1240px;margin:0 auto;padding:24px}.page-head{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-bottom:20px;display:flex}.page-head .sub{color:var(--muted);max-width:70ch;margin-top:4px}.page-head .actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:span 3}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);min-width:0;padding:18px}.card.flat{box-shadow:none}.card-h{align-items:center;gap:10px;margin-bottom:12px;display:flex}.card-h h3{flex:1}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack>*+*{margin-top:10px}.sep{background:var(--line);height:1px;margin:14px 0}.scroll-x{overflow-x:auto}.btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-ctl);cursor:pointer;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface2)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.primary:hover{filter:brightness(1.07)}.btn.ai{background:var(--violet);border-color:var(--violet);color:#fff}.btn.danger{color:var(--neg);border-color:color-mix(in srgb,var(--neg) 40%,var(--line))}.btn.ghost{background:0 0;border-color:#0000}.btn.sm{border-radius:10px;padding:5px 10px;font-size:13px}.btn[disabled]{opacity:.5;cursor:not-allowed}.seg{background:var(--surface2);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:6px 12px;font-size:13.5px}.seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000001a}label.f{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}label.f>span{margin-bottom:4px;display:block}input[type=text],input[type=number],input[type=date],input[type=time],input[type=email],input[type=password],select,textarea{background:var(--surface2);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:9px 11px;font-size:14.5px}textarea{resize:vertical;min-height:76px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:0;border-color:#0000}.chk{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.chk input{width:18px;height:18px;accent-color:var(--brand)}.chip{background:var(--surface2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:12.5px;display:inline-flex}.chip.pos{background:var(--pos-soft);color:var(--pos);border-color:#0000}.chip.neg{background:var(--neg-soft);color:var(--neg);border-color:#0000}.chip.gold{background:var(--gold-soft);border-color:#0000}.chip.ai{background:var(--violet-soft);color:var(--violet);border-color:#0000}.chip.brand{background:var(--brand-soft);color:var(--brand);border-color:#0000}.chip.demo{background:var(--gold-soft);border:1px dashed var(--gold);color:var(--ink)}.note{background:var(--surface2);border:1px dashed var(--line);color:var(--muted);border-radius:12px;padding:10px 12px;font-size:13px}.note.warn{border-color:var(--gold);background:var(--gold-soft);color:var(--ink)}.bar{background:var(--surface2);border:1px solid var(--line);border-radius:999px;height:10px;overflow:hidden}.bar>i{background:var(--brand);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.bar.gold>i{background:var(--gold)}.bar.pos>i{background:var(--pos)}.bar.ai>i{background:var(--violet)}.bar.lg{height:14px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:12.5px;font-weight:500}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 10px}tr:last-child td{border-bottom:0}tr.me td{background:var(--brand-soft)}.av{border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.av.lg{border-radius:18px;width:64px;height:64px;font-size:34px}.av.sm{border-radius:9px;width:28px;height:28px;font-size:15px}.hero{grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:16px;display:grid}.hello{background:var(--brand);color:var(--brand-ink);border-radius:22px;padding:22px;position:relative;overflow:hidden}.hello .big{font:800 clamp(44px,7vw,68px)/1 var(--f-head);letter-spacing:-.03em}.hello .lvl{background:#ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:13px;display:inline-flex}.hello .bar{background:#fff3;border-color:#0000}.hello .bar>i{background:var(--gold)}.hello .ring{border:28px solid #ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.stat{flex-direction:column;gap:2px;display:flex}.stat .v{font:700 26px/1.1 var(--f-head);font-variant-numeric:tabular-nums}.stat .l{color:var(--muted);font-size:12.5px}.subj{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;text-decoration:none;display:block;position:relative;overflow:hidden}.subj:hover{border-color:var(--brand)}.subj .stripe{width:5px;position:absolute;top:0;bottom:0;left:0}.subj .lv{font:800 30px/1 var(--f-head)}.subj-ico{border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.bdg{border:1px solid var(--line);text-align:center;background:var(--surface);cursor:pointer;border-radius:16px;padding:14px}.bdg .em{background:var(--gold-soft);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 8px;font-size:34px;line-height:1;display:grid}.bdg.locked .em{filter:grayscale();opacity:.35;background:var(--surface2)}.bdg.locked{background:var(--surface2)}.bdg .t{font-size:14px;font-weight:600}.cat-academic .em{background:var(--brand-soft)}.cat-effort .em{background:var(--pos-soft)}.cat-help .em{background:#ffe4ec}.cat-activity .em{background:var(--gold-soft)}.cat-ai .em{background:var(--violet-soft)}.cat-club .em{background:#ddf3ff}.cat-season .em{background:#ffe9d6}:root[data-theme=dark] .cat-help .em,:root[data-theme=dark] .cat-club .em,:root[data-theme=dark] .cat-season .em{background:var(--surface2)}.li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.li:last-child{border-bottom:0}.li .grow{flex:1;min-width:0}.li .title{font-weight:500}.gradebox{width:34px;height:34px;font:800 17px var(--f-head);border-radius:10px;flex:none;place-items:center;display:grid}.gr1{background:var(--pos-soft);color:var(--pos)}.gr2{color:#1f78c1;background:#e2f3ff}.gr3{background:var(--gold-soft);color:#8a6500}.gr4{color:#b85a10;background:#ffe8d6}.gr5{background:var(--neg-soft);color:var(--neg)}:root[data-theme=dark] .gr2{color:#7cc4ff;background:#14304a}:root[data-theme=dark] .gr3{color:var(--gold)}:root[data-theme=dark] .gr4{color:#fa6;background:#43280f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gr2{color:#7cc4ff;background:#14304a}:root:not([data-theme=light]) .gr3{color:var(--gold)}:root:not([data-theme=light]) .gr4{color:#fa6;background:#43280f}:root:not([data-theme=light]) .cat-help .em,:root:not([data-theme=light]) .cat-club .em,:root:not([data-theme=light]) .cat-season .em{background:var(--surface2)}}.ecard-wrap{perspective:1200px;justify-content:center;display:flex}.ecard{--mx:50%;--my:30%;aspect-ratio:5/7;color:#fff;width:min(380px,100%);transform-style:preserve-3d;background:radial-gradient(120% 90% at 0 0,#4b5bff 0%,#2a2f8f 45%,#140f3a 100%);border-radius:26px;flex-direction:column;padding:22px;transition:transform .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #1e145a99,inset 0 0 0 1px #ffffff1f}.ecard:before{content:"";background:conic-gradient(from 200deg at var(--mx) var(--my),#f0a0,#00ffe647,#ffe60038,#8c5aff4d,#f0a0);mix-blend-mode:color-dodge;opacity:.55;pointer-events:none;position:absolute;inset:0}.ecard:after{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff0d 0 2px,#0000 2px 9px);position:absolute;inset:0}.ecard>*{z-index:1;position:relative}.ecard{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}@media (hover:hover) and (pointer:fine){.show-touch{display:none}}.ecard .brand{font:800 13px var(--f-head);letter-spacing:.18em;opacity:.85}.ecard .who{align-items:center;gap:14px;margin:18px 0 14px;display:flex}.ecard .who .av{background:#ffffff24;box-shadow:0 0 0 2px #ffffff4d}.ecard .nm{font:800 23px/1.1 var(--f-head)}.ecard .lvl-big{font:800 64px/.9 var(--f-head);letter-spacing:-.04em}.ecard .kv{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.ecard .kv div{background:#ffffff1a;border-radius:12px;padding:8px}.ecard .kv b{font:700 18px var(--f-head);display:block}.ecard .kv span{opacity:.75;font-size:11px}.ecard .subs{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.ecard .subs span{background:#ffffff21;border-radius:999px;padding:2px 9px;font-size:11.5px}.ecard .bdgs{gap:6px;margin-top:auto;font-size:22px;display:flex}.ecard .foot{opacity:.7;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.ecard.safe{background:radial-gradient(120% 90% at 0 0,#14b88a 0%,#0f6a6a 50%,#0b2a3a 100%)}.quests{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=820px){.quests{grid-template-columns:1fr}}.quest{border:1px solid var(--line);background:var(--surface2);border-radius:14px;align-items:flex-start;gap:10px;padding:10px;display:flex}.quest.ok{border-color:color-mix(in srgb,var(--pos) 50%,var(--line));background:var(--pos-soft)}.q-ico{font-size:22px;line-height:1.2}.boost{border-radius:12px;padding:10px 12px;font-size:14px}.boost.on{background:linear-gradient(90deg,var(--gold-soft),var(--brand-soft));border:1px solid var(--gold)}.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}@media (width<=1080px){.learn-grid{grid-template-columns:1fr}}.learn-card.hl{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.learn-card{scroll-margin-top:80px}.learn-t td,.learn-t th{padding:7px 9px;font-size:14px}.learn-t.mult{width:auto;margin:0 auto}.learn-t.mult td,.learn-t.mult th{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;padding:6px 4px}.learn-t.mult th{background:var(--surface2);color:var(--ink);font-weight:700}.learn-t.mult td{cursor:pointer;border:1px solid var(--line)}.learn-t.mult td.hl{background:var(--brand-soft)}.learn-t.mult td.hl2{background:var(--brand);color:var(--brand-ink);font-weight:700}.learn-staff{text-align:center;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.sec-learn{background:#ffffff38;border-radius:10px;place-items:center;width:36px;height:36px;font-size:18px;text-decoration:none;display:grid}.sec-learn:hover{background:#ffffff59}.pick-row{flex-wrap:wrap;gap:8px;display:flex}.pick-av{background:var(--surface2);cursor:pointer;border:2px solid #0000;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;font-size:22px;transition:transform .1s;display:grid}.pick-av.on{background:var(--brand-soft);border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}.pick-col{border:3px solid var(--surface);cursor:pointer;width:40px;height:40px;box-shadow:0 0 0 1px var(--line);border-radius:12px;padding:0;transition:transform .1s}.pick-col.on{box-shadow:0 0 0 3px var(--ink);transform:scale(1.05)}.pick-av:active,.pick-col:active{transform:scale(.92)}.sotd{background:linear-gradient(135deg,var(--gold-soft),var(--surface) 70%);border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line))}.sotd .crown{font-size:28px}.club-logo{border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:10px;margin:8px 0 6px;display:grid}.podium .p{text-align:center;color:#fff;border-radius:16px 16px 6px 6px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;padding:12px 8px;display:flex}.countdown{gap:8px;display:flex}.countdown div{background:var(--surface2);border:1px solid var(--line);text-align:center;border-radius:12px;min-width:58px;padding:8px 10px}.countdown b{font:800 22px var(--f-head);font-variant-numeric:tabular-nums;display:block}.countdown span{color:var(--muted);font-size:11px}.sec-head{border-bottom:2px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;margin:30px 0 14px;padding-bottom:10px;display:flex}.sec-head:first-child{margin-top:0}.sec{background:var(--sc);color:#fff;box-shadow:0 5px 0 color-mix(in srgb,var(--sc) 68%,#000);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 26px;padding:16px 18px;display:flex}.crown-b{font-size:32px}.path{flex-direction:column;align-items:center;gap:20px;margin-bottom:34px;display:flex}.node-wrap{flex-direction:column;align-items:center;gap:7px;display:flex;position:relative}.node{cursor:pointer;width:72px;height:66px;font:800 26px var(--f-head);color:#fff;background:var(--sc);box-shadow:0 7px 0 color-mix(in srgb,var(--sc) 62%,#000);border:0;border-radius:50%;transition:transform 80ms,box-shadow 80ms}.node:active:not([disabled]){box-shadow:0 2px 0 color-mix(in srgb,var(--sc) 62%,#000);transform:translateY(5px)}.node.lock{background:var(--surface2);color:var(--muted);box-shadow:0 7px 0 var(--line);cursor:not-allowed;font-size:22px}.node.cur{outline:6px solid color-mix(in srgb,var(--sc) 28%,transparent);outline-offset:5px;animation:1.8s ease-in-out infinite pulse}.node.test{border-radius:26px;width:84px;height:74px}.node-l{color:var(--muted);font-size:12px}.start-tip{background:var(--surface);border:2px solid var(--line);white-space:nowrap;z-index:1;border-radius:10px;padding:3px 10px;font-size:12.5px;font-weight:600;animation:1.6s ease-in-out infinite bob;position:absolute;bottom:calc(100% + 6px)}@keyframes pulse{50%{outline-color:color-mix(in srgb,var(--sc) 8%,transparent)}}@keyframes bob{50%{transform:translateY(-4px)}}.node.neon{color:#fff;text-shadow:0 0 8px #fff;background:radial-gradient(circle at 50% 35%,#ff7af0,#a100ff 70%);box-shadow:0 7px #5a00a0,0 0 18px #ff2bd6,0 0 36px #7a5cff}.neon-dot{z-index:2;pointer-events:none;background:#170b2e;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;display:grid;position:absolute;top:-6px;right:-10px;box-shadow:0 0 0 2px #ff2bd6,0 0 10px #ff2bd6}.neon-chip{letter-spacing:.08em;font-weight:700;box-shadow:0 0 10px #ff2bd666;color:#7af7ff!important;background:#170b2e!important;border:1px solid #ff2bd6!important}.les-input{flex-wrap:wrap;gap:10px;display:flex}.les-input input{min-width:160px;font:700 24px var(--f-head);border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;flex:1;padding:14px 16px}.les-input input.right{border-color:var(--pos);background:var(--pos-soft)}.les-input input.wrong{border-color:var(--neg);background:var(--neg-soft)}.lesson.neon .les-input input{color:#fff;background:#150a2a;border-color:#5b2a8f}.les-svg{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:16px;margin:-8px 0 18px;padding:8px 10px}.lesson.neon .les-svg{color:#f3eaff;background:#150a2a;border-color:#5b2a8f}.lesson.neon{color:#f3eaff;background:radial-gradient(120% 80% at 50% 0,#2a0a4a 0%,#0b0418 60%)}.lesson.neon .les-q,.lesson.neon h1{color:#fff;text-shadow:0 0 12px #ff2bd6aa}.lesson.neon .les-opt{color:#f3eaff;background:#150a2a;border-color:#5b2a8f;box-shadow:0 4px #3a1566}.lesson.neon .les-opt:hover:not([disabled]){border-color:#7af7ff;box-shadow:0 4px #3a1566,0 0 14px #7af7ff66}.lesson.neon .les-opt.right{background:#0d3326;border-color:#3dffb0;box-shadow:0 4px #1b8a5e,0 0 14px #3dffb066}.lesson.neon .les-opt.wrong{background:#3a0d1a;border-color:#ff4d6d;box-shadow:0 4px #8a1b33}.lesson.neon .les-tbar,.lesson.neon .bar{background:#1d0e36;border-color:#5b2a8f}.lesson.neon .les-sec,.lesson.neon .muted,.lesson.neon .btn.ghost{color:#cbb5ff}.lesson.neon .les-stats div{background:#150a2a}html.les-open,body.les-open{background:var(--bg);height:100%;overflow:hidden}body.les-open #root,body.les-open .bnav,body.les-open:before{display:none}body.les-open.neon-open{background:#0b0418}html.les-open:has(body.neon-open){background:#0b0418}.lesson{z-index:95;background:var(--bg);overscroll-behavior:contain;width:100%;height:100%;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.les-top{align-items:center;gap:14px;width:100%;max-width:900px;margin:0 auto;padding:16px 20px;display:flex}.les-body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:12px 20px 170px}.les-timer{align-items:center;gap:12px;margin:20px 0 6px;display:flex}.les-tbar{background:var(--surface2);border:1px solid var(--line);border-radius:99px;flex:1;height:10px;overflow:hidden}.les-tbar i{background:var(--pos);border-radius:99px;width:100%;height:100%;display:block}.les-sec{font:800 24px var(--f-head);text-align:right;min-width:30px}.les-q{margin:10px 0 24px;font-size:clamp(22px,3.4vw,30px);line-height:1.25}.les-opts{grid-template-columns:1fr 1fr;gap:12px;display:grid}.les-opt{text-align:left;border:2px solid var(--line);background:var(--surface);cursor:pointer;box-shadow:0 4px 0 var(--line);min-height:66px;color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:16px;font-size:17px;display:flex}.les-opt:hover:not([disabled]){border-color:var(--brand)}.les-opt:active:not([disabled]){box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.les-opt kbd{font:600 12px var(--f-body);border:1.5px solid var(--line);color:var(--muted);border-radius:7px;padding:1px 7px}.les-opt.right{border-color:var(--pos);background:var(--pos-soft);box-shadow:0 4px 0 var(--pos)}.les-opt.wrong{border-color:var(--neg);background:var(--neg-soft);box-shadow:0 4px 0 var(--neg)}.les-opt.dim{opacity:.45}.les-opt[disabled]{cursor:default}.les-sheet{padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));animation:.22s ease-out sheet;position:fixed;bottom:0;left:0;right:0}.les-sheet.ok{background:var(--pos-soft);color:var(--pos)}.les-sheet.bad{background:var(--neg-soft);color:var(--neg)}@keyframes sheet{0%{transform:translateY(100%)}}.les-sheet-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:900px;margin:0 auto;display:flex}.les-big{border-radius:14px;padding:12px 26px;font-size:16px;font-weight:600}.go-ok{background:var(--pos);border-color:var(--pos);color:var(--brand-ink)}.go-bad{background:var(--neg);border-color:var(--neg);color:var(--brand-ink)}.go-ok:hover{background:var(--pos);filter:brightness(1.06)}.go-bad:hover{background:var(--neg);filter:brightness(1.06)}.les-end{text-align:center;max-width:560px;margin:auto;padding:40px 20px}.les-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 18px;display:grid}.les-stats div{border:2px solid var(--k);background:var(--surface);border-radius:16px;overflow:hidden}.les-stats span{background:color-mix(in srgb,var(--k) 24%,var(--surface));padding:5px;font-size:12.5px;font-weight:600;display:block}.les-stats b{font:800 26px var(--f-head);padding:10px;display:block}@media (width<=560px){.les-opts{grid-template-columns:1fr}.les-opt{min-height:56px}}body:has(#lesson) .toasts{top:calc(64px + env(safe-area-inset-top,0px));bottom:auto}.toasts{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:110;flex-direction:column;gap:8px;max-width:min(380px,100vw - 32px);display:flex;position:fixed}.toast{background:var(--ink);color:var(--bg);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;animation:.35s cubic-bezier(.2,.9,.3,1.2) tin;display:flex;box-shadow:0 10px 30px #00000040}.toast .em{font-size:24px}.toast.ach{color:#fff;background:linear-gradient(120deg,#2a2f8f,#7a4de8)}@keyframes tin{0%{opacity:0;transform:translateY(20px)scale(.96)}}.modal-bg{z-index:105;background:#0a0e1e80;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:22px;width:min(520px,100%);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 30px 80px #00000059}.modal h2{margin-bottom:12px}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login .art{background:var(--brand);color:var(--brand-ink);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login .art h1{letter-spacing:-.03em;color:var(--brand-ink);font-size:clamp(44px,6vw,78px);line-height:.95}.login .art .tiles{flex-wrap:wrap;gap:10px;display:flex}.login .art .tile{background:#ffffff24;border-radius:14px;padding:10px 14px;font-size:14px}.login .form{flex-direction:column;justify-content:center;width:100%;max-width:520px;margin:0 auto;padding:40px;display:flex}.acct{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:12px;display:flex}.acct:hover{border-color:var(--brand)}.bnav{display:none}@media (width<=1080px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}}@media (width<=820px){.app{grid-template-columns:1fr}.side{display:none}.side.open{z-index:80;height:100%;padding-top:calc(20px + env(safe-area-inset-top,0px));display:block;position:fixed;inset:0}.content{padding:16px 14px calc(90px + env(safe-area-inset-bottom,0px))}.top{padding:10px 14px}.g2,.g3,.g4{grid-template-columns:1fr}.span2,.span3{grid-column:auto}.bnav{z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));display:flex;position:fixed;bottom:0;left:0;right:0}.bnav a,.bnav button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:1px;padding:5px 0;font-size:11px;text-decoration:none;display:flex}.bnav .ico{font-size:20px}.bnav a.on{color:var(--brand);font-weight:600}.login{grid-template-columns:1fr}.login .art{min-height:auto;padding:28px}.login .form{padding:24px 18px}.hide-m{display:none}.toasts{bottom:calc(76px + env(safe-area-inset-bottom,0px));max-width:none;left:12px;right:12px}}@media (width>=821px){.show-m{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}