:root{--bg:#F2F5F7;--surface:#FFFFFF;--surface-2:#F7F9FA;--ink:#16242C;--muted:#5F6E78;--line:#D7DFE4;--brand:#0E4A5E;--brand-ink:#FFFFFF;--brand-soft:#E1EFF3;--brand-deep:#093543;--accent:#E3A23A;--accent-ink:#2A1C05;--accent-soft:#FBF0DA;--ok:#1F8A4C;--ok-soft:#E1F3E8;--warn:#B86E00;--warn-soft:#FFF0D3;--bad:#C0392B;--bad-soft:#FBE2DF;--info:#0E4A5E;--info-soft:#E1EFF3;--shadow:0 1px 2px rgba(22,36,44,.06),0 8px 24px rgba(22,36,44,.08);--deep:#071A24;--deep-2:#0B2A38;--neon:#35D0F2;--glow:rgba(53,208,242,.45);--grad:linear-gradient(135deg,#0B3A4C 0%,#0E4A5E 55%,#136A7F 100%);--display:"Tajawal","Noto Kufi Arabic",system-ui,sans-serif;--body:"Tajawal","IBM Plex Sans Arabic",system-ui,sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0F1719;--surface:#17222A;--surface-2:#1D2A33;--ink:#E6ECEF;--muted:#9AAAB3;--line:#2A3942;--brand:#2E8CA8;--brand-ink:#061419;--brand-soft:#132F39;--brand-deep:#1B5D70;--accent:#EDB55A;--accent-ink:#1B1204;--accent-soft:#3A2D14;--ok:#3FB874;--ok-soft:#163626;--warn:#E0A33A;--warn-soft:#3A2B10;--bad:#E06A5C;--bad-soft:#3F1F1C;--info:#8FB3F0;--info-soft:#132F39;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme=dark]{--bg:#0F1719;--surface:#17222A;--surface-2:#1D2A33;--ink:#E6ECEF;--muted:#9AAAB3;--line:#2A3942;--brand:#2E8CA8;--brand-ink:#061419;--brand-soft:#132F39;--brand-deep:#1B5D70;--accent:#EDB55A;--accent-ink:#1B1204;--accent-soft:#3A2D14;--ok:#3FB874;--ok-soft:#163626;--warn:#E0A33A;--warn-soft:#3A2B10;--bad:#E06A5C;--bad-soft:#3F1F1C;--info:#8FB3F0;--info-soft:#132F39;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}#root{min-height:100%}h1,h2,h3,h4{font-family:var(--display);margin:0;line-height:1.35;text-wrap:balance}button{font:inherit;cursor:pointer;color:inherit}input,select,textarea{font:inherit;color:inherit}a{color:var(--brand)}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12.5px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{max-width:640px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.appbar{padding:14px 16px 10px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:5;background:var(--bg)}.appbar h1{font-size:18px}.appbar .sub{font-size:12.5px;color:var(--muted)}.appbar.brand{background:var(--grad);color:#fff;padding:16px 16px 18px;border-radius:0 0 24px 24px;box-shadow:0 10px 30px #071a242e;position:relative;overflow:hidden}.appbar.brand:before{content:"";position:absolute;inset:-40% -20% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(53,208,242,.35),transparent 60%);pointer-events:none}.appbar .avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:50% 50%;border:2px solid rgba(255,255,255,.7);box-shadow:0 0 0 3px #35d0f259;flex:none}.appbar .bell{position:relative;width:40px;height:40px;border-radius:12px;background:#ffffff24;display:grid;place-items:center;color:#fff;text-decoration:none}.appbar .bell .badge{position:absolute;top:-4px;inset-inline-start:-4px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:700;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}.appbar.brand .sub{color:#fff;opacity:.85}.appbar.brand h1{font-size:20px;font-weight:800}.appbar .back{border:0;background:transparent;padding:4px 8px;border-radius:8px;font-size:18px;line-height:1}.appbar.brand .back{color:var(--brand-ink)}.appbar .spacer{flex:1}.content{padding:12px 16px 92px;display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:6;display:flex;justify-content:center;pointer-events:none}.tabbar>nav{pointer-events:auto;width:100%;max-width:640px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px))}.tabbar a{text-decoration:none;color:var(--muted);font-size:11px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;border-radius:8px}.tabbar a .ic{width:40px;height:28px;border-radius:999px;display:grid;place-items:center;color:var(--muted);transition:background .2s,color .2s}.tabbar a.active{color:var(--brand)}.tabbar a.active .ic{background:var(--brand-soft);color:var(--brand)}.tabbar a.active{font-weight:700}.tabbar a:focus-visible,.btn:focus-visible,.lesson:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;min-width:0;box-shadow:0 1px 2px #071a240a,0 6px 20px #071a240f}.card h3{font-size:15px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.card h3 .ms{margin-inline-start:auto}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 14px;border-radius:10px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn.primary{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 20px #0e4a5e47}.btn:active{transform:scale(.985)}.btn{transition:transform .12s ease,box-shadow .2s ease}.btn.accent{background:linear-gradient(135deg,#f0b24d,#e3a23a);color:var(--accent-ink);border-color:transparent;box-shadow:0 8px 20px #e3a23a47}.btn.ghost{background:transparent}.btn.block{width:100%;padding:12px}.btn.sm{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.55;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.muted{background:var(--surface-2);color:var(--muted)}.status{border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px}.status.ok{background:var(--ok-soft);color:var(--ok)}.status.bad{background:var(--bad-soft);color:var(--bad)}.status.warn{background:var(--warn-soft);color:var(--warn)}.status.info{background:var(--info-soft);color:var(--info)}.status b{font-family:var(--display);font-size:15px;display:block}.status .d{font-size:12.5px}.list{display:flex;flex-direction:column}.list .it{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.list .it:last-child{border-bottom:0}.list .it .ms{margin-inline-start:auto;font-size:12px;color:var(--muted);white-space:nowrap}.dot{width:10px;height:10px;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.dot.warn{background:var(--warn)}.dot.info{background:var(--info)}.dot.muted{background:var(--line)}.kv{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:6px 0}.kv span:last-child{font-weight:600}.lesson{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:inherit;text-align:start}.lesson .th{width:64px;height:44px;border-radius:10px;background:var(--grad);flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.lesson{transition:transform .12s ease,box-shadow .2s ease}.lesson:active{transform:scale(.99)}.lesson .th:after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent #fff}.lesson .th.lock:after{content:"🔒";border:0;width:auto;height:auto;font-size:16px;display:grid;place-items:center;color:#fff}.lesson .t{font-weight:600;font-size:14px}.lesson .d{font-size:12px;color:var(--muted)}.lesson .end{margin-inline-start:auto;flex:none}.lesson.locked{opacity:.65}.bar{height:6px;background:var(--line);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:999px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.tile .lbl{color:var(--muted);font-size:12px}.tile .val{font-family:var(--display);font-size:22px;font-weight:700;margin-top:2px}.tile .val small{font-size:12px;color:var(--muted);font-weight:500;font-family:var(--body)}.tile.ok .val{color:var(--ok)}.tile.bad .val{color:var(--bad)}.tile.warn .val{color:var(--warn)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12.5px;color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.err{background:var(--bad-soft);color:var(--bad);border-radius:10px;padding:10px 12px;font-size:13.5px}.login{display:flex;flex-direction:column;gap:14px;padding:36px 22px;justify-content:center;flex:1}.login .hero{text-align:center;margin-bottom:8px}.login .logo{width:64px;height:64px;border-radius:18px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:22px;margin:0 auto 10px}.login h2{font-size:18px}.login p{margin:4px 0 0;color:var(--muted);font-size:13px}.toast{position:fixed;bottom:84px;inset-inline-start:50%;transform:translate(50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:13.5px;box-shadow:var(--shadow);z-index:20;max-width:92%}.center{text-align:center}.empty{color:var(--muted);text-align:center;padding:24px 10px;font-size:13.5px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:13px}.chip.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;margin:28px auto}@keyframes spin{to{transform:rotate(360deg)}}.week{display:flex;flex-direction:column;gap:8px}.day{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.day .dh{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface-2);font-size:13px;font-weight:600}.day .dh.today{background:var(--brand-soft);color:var(--brand)}.day .dh .ms{margin-inline-start:auto;font-weight:400;color:var(--muted);font-size:12px}.day .sess{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.day .sess .time{font-family:var(--display);font-weight:700;color:var(--brand);min-width:62px;font-size:13.5px}.day .sess .t{font-weight:600;font-size:14px}.day .sess .d{font-size:12px;color:var(--muted)}.day .none{padding:8px 12px;color:var(--muted);font-size:12.5px}.exam{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.exam .ic{width:40px;height:40px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-family:var(--display);font-weight:700;flex:none}.exam .t{font-weight:600;font-size:14px}.exam .d{font-size:12px;color:var(--muted)}.q{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.q .qt{font-weight:600;margin-bottom:10px;white-space:pre-wrap}.q .n{color:var(--brand);font-family:var(--display);font-weight:700;margin-inline-end:6px}.opts{display:flex;flex-direction:column;gap:8px}.opt{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:var(--surface);text-align:start;display:flex;gap:10px;align-items:center}.opt .k{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;flex:none}.opt.sel{border-color:var(--brand);background:var(--brand-soft)}.opt.sel .k{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.opt.right{border-color:var(--ok);background:var(--ok-soft)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt:disabled{cursor:default}.timer{font-family:var(--display);font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.timer.low{color:var(--bad)}.explain{margin-top:10px;background:var(--surface-2);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--muted)}.sticky-bottom{position:sticky;bottom:84px;background:var(--bg);padding:8px 0}.player{position:relative;background:#000;aspect-ratio:16/9;border-radius:12px;overflow:hidden;color:#fff;direction:ltr;user-select:none;-webkit-user-select:none;width:100%;max-width:100%}.player:fullscreen{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh}.player.pseudo-fs{position:fixed;inset:0;z-index:1000;border-radius:0;aspect-ratio:auto;width:100vw;max-width:none;height:100vh;height:100dvh}.player:fullscreen .ctl,.player.pseudo-fs .ctl{padding:10px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.zoom-wrap{position:relative;background:#000;border-radius:12px;overflow:hidden}.zoom-wrap.pseudo-fs{position:fixed;inset:0;z-index:1000;border-radius:0;width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}.zoom-wrap:fullscreen{display:flex;align-items:center;justify-content:center;border-radius:0}.zoom-wrap .fs-btn{position:absolute;bottom:10px;left:10px;z-index:5;width:42px;height:42px;border-radius:12px;border:0;background:#0000008c;color:#fff;font-size:20px;cursor:pointer}.embed-live{padding:0!important;background:#000;min-height:100dvh}.embed-live .zoom-wrap{border-radius:0}.player .frame{position:absolute;inset:0;overflow:hidden;pointer-events:none}.player .frame iframe{position:absolute;left:0;width:100%;border:0;pointer-events:none}.player .frame.crop iframe{top:-60px;height:calc(100% + 120px)}.player .frame.plain iframe{top:0;height:100%}.player .shield{position:absolute;inset:0;z-index:2;cursor:pointer}.player .bands{position:absolute;left:0;right:0;height:56px;background:#000;z-index:1}.player .bands.top{top:0}.player .bands.bottom{bottom:0}.player .wm{position:absolute;z-index:3;padding:3px 8px;background:#00000059;border-radius:6px;font-size:11px;color:#fff;direction:rtl;pointer-events:none;font-family:var(--body);transition:opacity .6s ease,top 1.2s ease,left 1.2s ease;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.player .wm.size-medium{font-size:14px;padding:4px 10px}.player .wm.size-large{font-size:18px;padding:6px 14px}.player .wm.static.pos-top-right{top:8%;right:4%;left:auto}.player .wm.static.pos-top-left{top:8%;left:4%}.player .wm.static.pos-bottom-right{bottom:16%;right:4%;left:auto}.player .wm.static.pos-bottom-left{bottom:16%;left:4%}.player .wm.static.pos-center{top:50%;left:50%;transform:translate(-50%,-50%)}.player .wm.periodic,.player .wm.moving{top:10%;left:6%}.player .ctl{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:10px 10px 8px;background:linear-gradient(transparent,#000c);display:flex;flex-direction:column;gap:8px;transition:opacity .2s}.player.hide-ctl .ctl{opacity:0;pointer-events:none}.player .prog{height:6px;background:#ffffff4d;border-radius:3px;position:relative;cursor:pointer}.player .prog .done{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:3px}.player .prog .cp{position:absolute;top:-4px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent);transform:translate(-7px)}.player .prog .cp.ok{border-color:#3fb874}.player .row{display:flex;align-items:center;gap:8px;font-size:12px}.player .row button{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:8px;background:#ffffff26;border:0;color:#fff;font-weight:600;font-size:12px;padding:0 8px}.player .row button:hover{background:#ffffff47}.player .row .sp{flex:1}.player .row select{background:#ffffff26;border:0;color:#fff;border-radius:8px;padding:4px 6px;font-size:12px}.player .row select option{color:#000}.player .big{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#060e128c;cursor:pointer}.player .big .pb{width:68px;height:68px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:26px;box-shadow:0 8px 24px #0006}.player .big .msg{position:absolute;bottom:18%;left:0;right:0;text-align:center;direction:rtl;font-size:13px;color:#fff;padding:0 16px}.player .overlay{position:absolute;inset:0;z-index:5;background:#060e12f0;direction:rtl;padding:12px 14px;display:flex;flex-direction:column;gap:8px;color:#fff;font-size:13px;overflow:auto;font-family:var(--body)}.player .overlay .q{font-family:var(--display);font-weight:700;font-size:14px;background:transparent;border:0;padding:0}.player .overlay .opts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.player .overlay .opt{border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:7px 10px;background:#ffffff0f;color:#fff;font-size:12.5px}.player .overlay .opt.sel{border-color:var(--accent);background:#e3a23a40}.player .overlay .opt.right{border-color:#3fb874;background:#3fb87440}.player .overlay .opt.wrong{border-color:#e06a5c;background:#e06a5c40}.player .overlay input{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:7px 10px}.player .overlay .note{color:#b9ccd3;font-size:11px;margin-top:auto}.player .overlay .btn{border-color:#ffffff4d;color:#fff;background:#ffffff1a}.player .overlay .btn.accent{background:linear-gradient(135deg,#f0b24d,#e3a23a);color:var(--accent-ink);border-color:transparent;box-shadow:0 8px 20px #e3a23a47}.player .end{position:absolute;inset:0;z-index:5;background:#060e12f5;direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;font-family:var(--body)}.player .tag{position:absolute;top:8px;right:8px;z-index:3;background:#00000073;font-size:10.5px;padding:2px 7px;border-radius:5px;direction:rtl;pointer-events:none;font-family:var(--body)}@media(max-width:420px){.player .overlay .opts{grid-template-columns:1fr}.player .ctl .row{font-size:11px}}.zoom-root{width:100%;min-height:200px;display:flex;justify-content:center;direction:ltr}.zoom-root *{font-family:system-ui,sans-serif}.live-dot{color:var(--bad);font-weight:700}:root{--c-s1:#2a78d6;--c-s2:#eb6834}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--c-s1:#3987e5;--c-s2:#d95926}}.chart{position:relative}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:var(--line);stroke-width:1}.chart .tick{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.chart .line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart .line.student{stroke:var(--c-s1)}.chart .line.group{stroke:var(--c-s2);stroke-dasharray:5 4}.chart .dot{stroke:var(--surface);stroke-width:2}.chart .dot.student{fill:var(--c-s1)}.chart .dot.group{fill:var(--c-s2)}.chart .crosshair{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.chart .bar{fill:var(--c-s1)}.chart .bar.hot{fill:var(--brand)}.chart .tip{position:absolute;top:6px;inset-inline-start:44px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:12.5px;box-shadow:0 4px 16px #0000001f;pointer-events:none;max-width:85%}.chart .legend{display:flex;gap:14px;font-size:12.5px;color:var(--muted);margin-top:4px}.chart .legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-inline-end:6px;vertical-align:-2px}.chart .zero{stroke:var(--muted);stroke-width:2;stroke-linecap:round}.splash{position:fixed;inset:0;z-index:100;background:radial-gradient(120% 80% at 50% 0%,#0E4A5E 0%,var(--deep-2) 45%,var(--deep) 100%);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;animation:splashIn .5s ease both;cursor:pointer}.splash.out{animation:splashOut .65s ease forwards}@keyframes splashIn{0%{opacity:0}to{opacity:1}}@keyframes splashOut{to{opacity:0;transform:scale(1.03)}}.splash .neon,.auth-hero .neon{position:absolute;left:8%;right:8%;height:4px;border-radius:4px;background:var(--neon);box-shadow:0 0 14px var(--neon),0 0 40px var(--glow),0 0 80px var(--glow);opacity:.85}.splash .n1{top:11%}.splash .n2{top:18%;left:20%;right:20%;opacity:.5}.splash .chalk{position:absolute;inset:0;width:100%;height:100%;opacity:.14;font-family:Courier New,monospace;font-size:22px;fill:#ddf4fa;animation:drift 18s linear infinite alternate}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-24px)}}.splash .teacher{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.95;animation:zoom 2.6s ease both}@keyframes zoom{0%{transform:scale(1.06)}to{transform:scale(1)}}.splash .veil,.splash .brand{position:relative;padding:0 24px calc(48px + env(safe-area-inset-bottom,0px));text-align:center;animation:up .8s .25s ease both}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.splash .mark,.auth-hero .mark{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#f0b24d,#e3a23a);color:#2a1c05;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:26px;margin:0 auto 12px;box-shadow:0 10px 30px #e3a23a59}.splash h1{font-size:28px;font-weight:800;letter-spacing:-.2px;text-shadow:0 2px 20px rgba(0,0,0,.4)}.splash p{margin:6px 0 18px;color:#cfe6ee;font-size:14px}.splash .progress{height:3px;width:160px;margin:0 auto;background:#ffffff2e;border-radius:3px;overflow:hidden}.splash .progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--neon),#fff);animation:load 1.9s .2s ease-in-out forwards;box-shadow:0 0 10px var(--neon)}@keyframes load{to{width:100%}}.auth{min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.auth-hero{position:relative;height:min(52vh,440px);background:var(--deep);overflow:hidden;border-radius:0 0 28px 28px;box-shadow:0 12px 30px #071a2440}.auth-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;display:block}.auth-hero .n1{top:9%}.auth-hero .txt{position:absolute;inset-inline:0;bottom:22px;text-align:center;color:#fff;padding:0 20px}.auth-hero .txt h2{font-size:22px;font-weight:800;text-shadow:0 2px 16px rgba(0,0,0,.45)}.auth-hero .txt p{margin:4px 0 0;color:#cfe6ee;font-size:13px}.auth-hero .mark{width:44px;height:44px;font-size:20px;border-radius:13px;margin-bottom:8px}.auth .login{margin:-28px 16px 24px;padding:20px 18px;gap:12px;flex:0 0 auto;position:relative;z-index:1}.auth .login .hero{margin:0 0 4px}.auth .login .hero h2{font-size:18px;font-weight:800}.auth .login .hero p{margin:2px 0 0}.glass{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.auth .field input{padding:12px 14px;border-radius:12px;font-size:16px}.auth .btn.block{padding:13px;font-weight:700;font-size:15px}.auth-hero .veil{background:linear-gradient(180deg,#071a2440,#071a2400 25%,#071a2426 55%,#071a24eb)}.rw-home{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;text-decoration:none;color:var(--accent-ink);background:linear-gradient(140deg,#f7cf7e,#edb04c,#db8a27);box-shadow:0 12px 28px #db8a2747;position:relative;overflow:hidden}.rw-home:after{content:"";position:absolute;inset:-60% -30% auto auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 60%);pointer-events:none}.rw-home-ic{width:46px;height:46px;border-radius:15px;background:#2a1a0024;display:grid;place-items:center;flex:none}.rw-home-t{display:block;font-size:12.5px;font-weight:700;opacity:.8}.rw-home-v{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px}.rw-home-v b{font-family:var(--display);font-size:22px;font-weight:800}.rw-home-d{display:block;font-size:12.5px;font-weight:600;opacity:.85}.rw-home-go{font-size:20px;font-weight:800;flex:none}.rw-chip{display:inline-block;padding:1px 10px;border-radius:999px;background:#2a1a00;color:#ffd27a;font-size:12px;font-weight:700}.rw-gold{position:relative;overflow:hidden;padding:18px;border-radius:22px;color:#2a1a00;background:linear-gradient(150deg,#ffd27a,#ffb547 45%,#e8891f);box-shadow:0 18px 40px #e8891f47;animation:rise .4s both}.rw-chalk{position:absolute;top:12px;left:14px;font-family:Caveat,cursive;font-size:26px;line-height:1.1;color:#2a1a0026;direction:ltr}.rw-gold-l{font-size:13.5px;font-weight:700;opacity:.8}.rw-gold-v{display:flex;align-items:baseline;gap:8px}.rw-gold-v b{font-family:var(--display);font-size:46px;font-weight:800;line-height:1.1}.rw-gold-v span{font-weight:700}.rw-gold-s{font-size:13px;font-weight:700}.rw-lvl{display:flex;align-items:center;gap:10px;margin:12px 0 4px}.rw-lvl-chip{flex:none;padding:5px 12px;border-radius:999px;background:#2a1a00;color:#ffd27a;font-weight:800;font-size:12.5px}.rw-lvl-bar{flex:1;height:9px;border-radius:9px;background:#2a1a002e;overflow:hidden}.rw-lvl-bar i{display:block;height:100%;border-radius:9px;background:#2a1a00;animation:rwfill 1.1s .3s cubic-bezier(.2,.8,.2,1) both}@keyframes rwfill{0%{width:0}}.rw-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rw-tile{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:inherit;min-width:0}.rw-tile b{font-family:var(--display);font-size:20px;line-height:1.2}.rw-tile span:last-child{font-size:12.5px;color:var(--muted)}.rw-tile-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.rw-fire{border-color:color-mix(in srgb,#F07A4E 40%,var(--line))}.rw-fire .rw-tile-ic{background:color-mix(in srgb,#F07A4E 18%,transparent);color:#e2643a;animation:rwflick 1.8s ease-in-out infinite}.rw-cyan{border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.rw-cyan .rw-tile-ic{background:var(--brand-soft);color:var(--brand)}@keyframes rwflick{0%,to{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.08) rotate(3deg)}}.rw-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.rw-head h3{font-size:15px}.rw-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rw-badge{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;min-height:92px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:border-color .2s,background .2s,transform .15s}.rw-badge:active{transform:scale(.96)}.rw-badge.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,var(--surface))}.rw-badge.got{color:var(--ink)}.rw-badge-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1.5px dashed var(--line);color:var(--muted)}.rw-badge.got .rw-badge-ic{border:0;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.45),transparent 55%),var(--c);color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--c) 45%,transparent)}.rw-badge-n{font-size:11.5px;font-weight:700;line-height:1.25;text-align:center}.rw-sel{display:flex;gap:12px;align-items:center;margin-top:8px;animation:rise .3s both}.rw-prog{display:flex;align-items:center;gap:8px;margin-top:6px}.rw-tag{flex:none;padding:4px 12px;border-radius:999px;font-weight:800;font-size:12.5px;background:var(--surface-2);color:var(--muted)}.rw-tag.got{background:var(--c);color:#fff}.rw-pos{color:var(--warn)}.rw-ok{color:var(--ok)}.rw-neg{color:var(--bad)}.rw-mypts{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;background:var(--accent-soft);color:var(--warn);text-decoration:none;font-weight:800;font-size:13.5px}.rw-board{padding-bottom:180px}.rw-tabs{display:flex;padding:4px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.rw-tabs button{flex:1;border:0;height:38px;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;font-size:13.5px}.rw-tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #071a241f}.rw-podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:10px;padding-top:30px}.rw-pod{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;animation:rise .5s both}.rw-pod-av{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:22px;color:#0b1d26;background:linear-gradient(145deg,#dde9ee,#9fb6c0);box-shadow:0 0 0 3px var(--surface),0 6px 16px #071a242e}.rw-pod.r1 .rw-pod-av{width:72px;height:72px;font-size:28px;color:#2a1a00;background:linear-gradient(145deg,#ffd27a,#f59e2e);animation:rwglow 2.4s ease-in-out infinite}.rw-pod.r3 .rw-pod-av{color:#2b1205;background:linear-gradient(145deg,#f2b48a,#c9773f)}@keyframes rwglow{0%,to{box-shadow:0 0 0 3px #ffb547,0 0 22px #ffb54780}50%{box-shadow:0 0 0 3px #ffb547,0 0 36px #ffb547cc}}.rw-crown{position:absolute;top:-22px;left:50%;transform:translate(-50%);animation:rwcrown 2.6s ease-in-out infinite}@keyframes rwcrown{0%,to{transform:translate(-50%) rotate(-6deg)}50%{transform:translate(-50%,-4px) rotate(6deg)}}.rw-pod-n{font-weight:800;font-size:14px;text-align:center;overflow-wrap:anywhere}.rw-pod-p{font-size:12.5px;font-weight:700;color:var(--warn)}.rw-pod-base{width:100%;display:flex;justify-content:center;padding-top:8px;border-radius:16px 16px 6px 6px;font-family:"Caveat",var(--display);font-size:28px;font-weight:800;transform-origin:bottom;animation:rwup .7s cubic-bezier(.2,.8,.2,1) both;height:62px;background:linear-gradient(180deg,color-mix(in srgb,#C9773F 28%,transparent),transparent);color:#b4652d;border:1px solid color-mix(in srgb,#C9773F 40%,transparent);border-bottom:0}.rw-pod.r2 .rw-pod-base{height:84px;background:linear-gradient(180deg,color-mix(in srgb,#9FB6C0 32%,transparent),transparent);color:var(--muted);border-color:color-mix(in srgb,#9FB6C0 50%,transparent)}.rw-pod.r1 .rw-pod-base{height:112px;background:linear-gradient(180deg,color-mix(in srgb,#FFB547 34%,transparent),transparent);color:var(--warn);border-color:color-mix(in srgb,#FFB547 55%,transparent)}@keyframes rwup{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.rw-rows{display:flex;flex-direction:column;gap:8px}.rw-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);animation:rise .4s both}.rw-row.me{border-color:var(--brand);background:var(--brand-soft)}.rw-row-r{width:26px;text-align:center;font-weight:800;color:var(--muted)}.rw-row-av{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;background:var(--surface-2);color:var(--muted)}.rw-row.me .rw-row-av{background:var(--brand);color:#fff}.rw-row b{display:block;font-size:14.5px}.rw-move{display:block;font-size:12px;color:var(--muted)}.rw-move.up{color:var(--ok)}.rw-move.down{color:var(--bad)}.rw-mecard{position:fixed;bottom:84px;inset-inline:0;margin:0 auto;width:min(608px,calc(100% - 32px));z-index:5;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;color:#fff;background:var(--grad);box-shadow:0 14px 34px #071a2459}.rw-mecard b{display:block;font-size:15px}.rw-mecard .small{opacity:.9}.rw-me-r{width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;background:var(--neon);color:#04202a;font-weight:800;font-size:19px}.rw-mini-ic{width:26px;height:26px;border-radius:8px;display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--warn)}.rw-parent-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.rw-pb{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,var(--surface));font-size:12.5px;font-weight:700}.rw-pb-ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff}