@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-arabic-wght-normal-BhzieyvS.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-math-wght-normal-pS2d8anF.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-symbols-wght-normal-BJ6p-EzA.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-ext-wght-normal-CIz31GGw.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Arabic Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/noto-sans-arabic-latin-wght-normal-BQEJrIpl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0e0e10;--bg-2:#18181b;--surface:#1c1c1f;--surface-2:#2a2a2e;--line:#ffffff14;--line-2:#ffffff29;--gold-hi:#edd28d;--gold:#dcbc6c;--gold-lo:#c19c41;--gold-grad:linear-gradient(180deg, #f1d996 0%, #d8b55c 55%, #c19c41 100%);--on-gold:#2a1c08;--text:#f5f5f7;--muted:#ebebf5a3;--faint:#ebebf566;--ok:#8fdca6;--ok-bg:#8fdca61f;--bad:#f19a88;--bad-bg:#f19a881f;--radius:14px;--radius-s:10px;--shadow:0 12px 32px -16px #000000b3;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Variable", "Segoe UI", Roboto, sans-serif;--font-ar:"Noto Sans Arabic Variable", "SF Arabic", "Geeza Pro", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0;overflow-x:clip}body{font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;min-height:100dvh;font-size:16px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px;border-radius:8px}.ar{font-family:var(--font-ar);font-feature-settings:"kern", "liga", "calt";direction:rtl;unicode-bidi:isolate;line-height:1.9}.gold-text{background:var(--gold-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted)}.faint{color:var(--faint)}.hidden-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ambient{z-index:-1;pointer-events:none;background:var(--bg);position:fixed;top:0;bottom:0;left:0;right:0}.screen{width:100%;max-width:520px;padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 28px);min-height:100dvh;margin:0 auto}body:has(.tabbar) .screen{padding-bottom:calc(var(--safe-b) + 84px)}@media (max-width:699px){.screen,.sheet-in{zoom:.88}}.screen.wide{max-width:980px}.topbar{align-items:center;gap:12px;min-height:44px;margin-bottom:22px;display:flex}.topbar .brand{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.topbar .brand svg{width:26px;height:33px;color:var(--gold-hi)}.topbar .spacer{flex:1}.icon-btn{background:var(--surface);border:1px solid var(--line);width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.icon-btn svg{width:20px;height:20px}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800}h1{font-size:clamp(24px,6.4vw,32px);line-height:1.08}h2{font-size:20px;line-height:1.2}.section-title{justify-content:space-between;align-items:baseline;margin:30px 2px 14px;display:flex}.section-title h2{font-size:18px}.section-title span{color:var(--muted);font-size:13px}.btn{letter-spacing:-.01em;height:54px;transition:transform .15s var(--ease), opacity .2s;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:800;display:inline-flex}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.5;pointer-events:none}.btn.gold{background:var(--gold);color:var(--on-gold)}.btn.ghost{background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.btn.danger{background:var(--bad-bg);color:var(--bad);border:1px solid #f19a8840}.btn.small{border-radius:10px;height:40px;padding:0 16px;font-size:14px}.btn.block{width:100%}.btn svg{width:20px;height:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:relative}.card.tap{transition:transform .18s var(--ease), border-color .2s}.card.tap:active{transform:scale(.985)}.list{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.badge{background:var(--surface-2);height:26px;color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.gold{color:var(--gold-hi);background:#edd28d24;border-color:#edd28d4d}.badge.ok{background:var(--ok-bg);color:var(--ok);border-color:#8fdca640}.badge.bad{background:var(--bad-bg);color:var(--bad);border-color:#f19a8840}.badge svg{width:14px;height:14px}.field{gap:8px;margin-bottom:14px;display:grid}.field>span{color:var(--muted);padding-left:4px;font-size:13px;font-weight:700}.input{border:1px solid var(--line);background:#00000047;border-radius:12px;outline:none;width:100%;height:54px;padding:0 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}textarea.input{resize:vertical;height:auto;min-height:110px;padding:14px 16px;line-height:1.6}.input:focus{border-color:var(--gold);box-shadow:0 0 0 4px #dcbc6c26}.input.ar{font-size:22px}.error-text{color:var(--bad);margin:4px 4px 12px;font-size:14px;font-weight:600}.tabbar{z-index:20;padding:6px 8px calc(var(--safe-b) + 6px);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.4);background:#100a06e6;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{max-width:150px;color:var(--faint);flex:1;justify-items:center;gap:3px;padding:4px 0 2px;font-size:10.5px;font-weight:700;display:grid;position:relative}.tabbar a svg{z-index:1;width:22px;height:22px;position:relative}.tabbar a span{z-index:1;position:relative}.tabbar a.active{color:var(--gold-hi)}.tabbar .pill{background:#edd28d29;border-radius:15px;width:56px;height:30px;margin-left:-28px;position:absolute;top:0;left:50%}.tabbar .dot{z-index:2;background:var(--bad);color:#2a0d08;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-2px;right:calc(50% - 30px)}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring .val{font-size:12px;font-weight:800;position:absolute}.bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.bar>i{background:var(--gold-grad);transform-origin:0;border-radius:3px;height:100%;display:block}.login{min-height:100dvh;padding:calc(var(--safe-t) + 30px) 22px calc(var(--safe-b) + 30px);align-content:center;max-width:440px;margin:0 auto;display:grid}.login .logo{text-align:center;justify-items:center;gap:14px;margin-bottom:34px;display:grid}.login .logo svg{width:84px;height:108px;color:var(--gold-hi);filter:drop-shadow(0 0 30px #edd28d73)}.login .logo .word{letter-spacing:.32em;margin-right:-.32em;font-size:13px;font-weight:800}.login .logo .ar{margin-top:-6px;font-size:26px}.hero{isolation:isolate;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin:2px 0 6px;display:grid;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#dcbc6c29,#0000);width:300px;height:260px;position:absolute;top:-60px;right:-40px}.hero-text{padding-bottom:4px}.hero-date{color:var(--gold);letter-spacing:.02em;align-items:center;gap:8px;margin-bottom:10px;font-size:12.5px;font-weight:600;display:flex}.hero-date:before{content:"";background:linear-gradient(90deg, transparent, var(--gold));width:18px;height:1px}.hero h1{letter-spacing:-.03em;font-size:clamp(30px,8.6vw,40px);line-height:1.04}.hero h1 span{display:inline-block}.hero h1 .shine{background-image:linear-gradient(105deg, transparent 38%, #fff8e1f2 50%, transparent 62%), var(--gold-grad);background-position:130% 0,0 0;background-repeat:no-repeat;background-size:260% 100%,100% 100%;padding-bottom:.08em}.hero-teacher{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;align-items:center;gap:10px;margin-top:16px;padding:5px 14px 5px 5px;display:inline-flex}.hero-teacher .t-av{background:var(--gold-grad);width:30px;height:30px;color:var(--on-gold);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.hero-teacher small{color:var(--muted);font-size:10.5px;line-height:1.2;display:block}.hero-teacher b{font-size:13.5px;line-height:1.25;display:block}.hero-mihrab{aspect-ratio:120/150;width:clamp(100px,28vw,128px);position:relative}.hero-mihrab svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.hero-mihrab .fill{fill:url(#hero-fill)}.hero-mihrab .line{fill:none;stroke:url(#hero-stroke);stroke-width:1.3px;stroke-dasharray:400;stroke-dashoffset:0}.hero-mihrab .line.inner{stroke-width:.7px;opacity:.6}.hero-mihrab .salam{font-family:var(--font-ar);color:var(--gold-hi);text-shadow:0 0 18px #edd28d59;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:clamp(19px,5.4vw,24px);line-height:1.35;display:flex;position:absolute;top:34%;bottom:10%;left:0;right:0}.hero:not(.calm) .hero-date,.hero:not(.calm) h1 span,.hero:not(.calm) .hero-teacher{animation:hero-rise .6s var(--ease) both}.hero:not(.calm) h1 span:first-child{animation-delay:60ms}.hero:not(.calm) h1 span:last-child{animation:hero-rise .6s var(--ease) .12s both, hero-shine 1.6s var(--ease) .7s both}.hero:not(.calm) .hero-teacher{animation-delay:.2s}.hero:not(.calm) .hero-mihrab .line{animation:arch-draw-hero 1.5s var(--ease) both}.hero:not(.calm) .hero-mihrab .line.inner{animation-delay:.18s}.hero:not(.calm) .hero-mihrab .fill{animation:hero-fade 1.2s var(--ease) .5s both}.hero:not(.calm) .hero-mihrab .salam{animation:hero-salam 1s var(--ease) .55s both}@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes hero-fade{0%{opacity:0}}@keyframes hero-salam{0%{opacity:0;filter:blur(6px);transform:translateY(6px)scale(.96)}}@keyframes hero-shine{0%{background-position:130% 0,0 0}to{background-position:-30% 0,0 0}}@keyframes arch-draw-hero{0%{stroke-dashoffset:400px}}.continue{isolation:isolate;border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px 12px 12px;display:grid;position:relative;overflow:hidden}.continue .bgimg{z-index:-2;object-fit:cover;filter:blur(28px)saturate(1.3);opacity:.55;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.4)}.continue:after{content:"";z-index:-1;background:linear-gradient(90deg,#0e0e108c,#0e0e10e0);position:absolute;top:0;bottom:0;left:0;right:0}.continue .poster{aspect-ratio:9/16;background:#232326;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 24px -10px #000c}.continue .poster img{object-fit:cover;width:100%;height:100%;animation:14s ease-in-out infinite alternate kenburns}.continue .play{background:var(--gold-grad);width:42px;height:42px;color:var(--on-gold);border-radius:50%;place-items:center;margin:-21px 0 0 -21px;animation:2.4s infinite pulse;display:grid;position:absolute;top:50%;left:50%}.continue .play svg{width:18px;height:18px;margin-left:2px}.continue .kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.continue h2{margin:6px 0 0;font-size:21px;line-height:1.2}@keyframes pulse{0%{box-shadow:0 0 #edd28d80}70%{box-shadow:0 0 0 14px #edd28d00}to{box-shadow:0 0 #edd28d00}}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.14)translateY(-3%)}}.path{gap:16px;display:grid;position:relative}.path [id^=topic-]{scroll-margin-top:calc(var(--safe-t) + 70px)}.topic-jump{z-index:20;padding:calc(var(--safe-t) + 8px) 16px 8px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0e0e10f0 70%,#0e0e1000);align-items:center;gap:6px;margin:-4px -16px 12px;display:flex;position:sticky;top:0}.topic-jump-strip{scrollbar-width:none;overscroll-behavior-x:contain;flex:1;gap:6px;min-width:0;padding:2px 14px 2px 16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 22px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 22px),#0000)}.topic-jump-strip::-webkit-scrollbar{display:none}.tj{border:1px solid var(--line);background:var(--surface);min-width:38px;height:38px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), transform .15s var(--ease);border-radius:99px;flex:none;place-items:center;padding:0 7px;font-size:14px;font-weight:800;display:grid}.tj:active{transform:scale(.92)}.tj.going{border-color:color-mix(in srgb, var(--gold) 55%, transparent);color:var(--gold-hi)}.tj.done{border-color:color-mix(in srgb, var(--ok) 40%, transparent);color:var(--ok)}.tj.locked{color:var(--muted);opacity:.55}.tj.on{background:var(--gold-grad);color:#1a1408;opacity:1;border-color:#0000}.tj-all{cursor:pointer;border:1px solid var(--line-2);background:var(--surface);height:38px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:99px;flex:none;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:14px;font-weight:800;display:inline-flex}.tj-all svg{width:17px;height:17px;color:var(--gold-hi)}.tj-all small{color:var(--muted);font-size:12px;font-weight:700}.tj-all:active{transform:scale(.95)}.tj-sum{color:var(--muted);margin:0 0 14px;font-size:14px}.tj-list{gap:4px;display:grid}.tj-row{width:100%;min-height:54px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:7px 12px 7px 8px;display:flex}.tj-row:active{background:#ffffff0d}.tj-row.on{background:color-mix(in srgb, var(--gold) 10%, transparent);border-color:color-mix(in srgb, var(--gold) 30%, transparent)}.tj-row .tj{pointer-events:none}.tj-row.on .tj{background:var(--gold-grad);color:#1a1408;opacity:1;border-color:#0000}.tj-name{flex:1;gap:2px;min-width:0;display:grid}.tj-name b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden}.tj-name small{color:var(--muted);font-size:12.5px}.tj-row.locked .tj-name b{color:var(--muted)}.tj-row>svg{width:18px;height:18px;color:var(--muted);flex:none}.tj-row.done>svg{color:var(--ok)}.chapter{--tone:var(--gold);background:var(--surface);border:1px solid var(--line);isolation:isolate;border-radius:20px;position:relative;overflow:hidden}.chapter:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 100% 0%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 62%);position:absolute;top:0;bottom:0;left:0;right:0}.chapter.done{border-color:#8fdca64d}.chapter-head{min-height:140px;color:inherit;padding:18px 18px 14px;display:block;position:relative}a.chapter-head{transition:transform .18s var(--ease)}a.chapter-head:active{transform:scale(.985)}.chapter .kick{letter-spacing:.12em;text-transform:uppercase;color:var(--tone);font-size:11px;font-weight:800;position:relative}.chapter h3{max-width:62%;margin:6px 0 0;font-size:22px;line-height:1.2;position:relative}.chapter .chapter-head>.ar{color:var(--muted);text-align:left;direction:rtl;width:-moz-fit-content;width:fit-content;max-width:62%;font-size:17px;line-height:1.8;position:relative}.chapter .state{color:var(--muted);background:#ffffff0f;border-radius:99px;align-items:center;gap:8px;margin-top:8px;padding:5px 12px 5px 6px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.chapter .state>svg{width:16px;height:16px;margin-left:4px}.chapter .state .ring .val{display:none}.chapter.done .state{background:var(--ok-bg);color:var(--ok)}.chapter .go{width:20px;height:20px;color:var(--faint);position:absolute;bottom:16px;right:14px}.art{pointer-events:none;width:46%;height:150px;position:absolute;top:0;right:0;overflow:hidden}.art .arches{fill:none;width:132px;height:158px;stroke:var(--tone);stroke-width:.8px;opacity:.34;position:absolute;top:-4px;right:6px}.art .arches path{stroke-dasharray:260;stroke-dashoffset:260px;animation:arch-draw 1.6s var(--ease) forwards, arch-glow 6s ease-in-out 1.6s infinite}.art .arches path:nth-child(2){animation-delay:.15s,2.1s}.art .arches path:nth-child(3){animation-delay:.3s,2.6s}@keyframes arch-draw{to{stroke-dashoffset:0}}@keyframes arch-glow{0%,to{opacity:1}50%{opacity:.45}}.art .glyph{font-family:var(--font-ar);color:var(--tone);line-height:1;position:absolute}.art .g0{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 40%, #fff), var(--tone));color:#0000;filter:drop-shadow(0 6px 18px color-mix(in srgb, var(--tone) 45%, transparent));-webkit-background-clip:text;background-clip:text;font-size:76px;font-weight:700;animation:6s ease-in-out infinite float;top:26px;right:34px}.art .g0.num{font-family:var(--font);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:92px;font-weight:800;top:18px;right:30px}.art .g1{opacity:.6;font-size:32px;animation:7.5s ease-in-out -2s infinite float;top:74px;right:122px}.art .g2{opacity:.5;font-size:26px;animation:8.5s ease-in-out -4s infinite float;top:12px;right:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(3deg)}}.shelf{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0;padding:2px 18px 4px;scroll-padding:18px;list-style:none;display:flex;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf li{scroll-snap-align:start;flex:none;width:92px}.shelf small{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin-top:6px;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.short{aspect-ratio:9/16;color:#fff;background:linear-gradient(160deg, color-mix(in srgb, var(--tone) 26%, #1a1a1d), #141416);border:1px solid var(--line);transition:transform .18s var(--ease);border-radius:12px;display:block;position:relative;overflow:hidden}a.short:active{transform:scale(.95)}.short img{object-fit:cover;width:100%;height:100%}.short:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#0009);position:absolute;top:0;bottom:0;left:0;right:0}.short .ph{font-family:var(--font-ar);color:var(--tone);opacity:.35;place-items:center;font-size:44px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.short .n{z-index:1;font-size:12px;font-weight:800;position:absolute;bottom:7px;left:7px}.short .dur{z-index:1;font-variant-numeric:tabular-nums;opacity:.85;font-size:10.5px;font-weight:700;position:absolute;bottom:7px;right:6px}.short .seen,.short .lk{z-index:1;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;right:6px}.short .seen{background:var(--ok);color:#10291a}.short .lk{color:var(--muted);background:#00000073}.short .seen svg,.short .lk svg{stroke-width:3px;width:13px;height:13px}.short .nx{z-index:1;background:var(--gold-grad);color:var(--on-gold);border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:800;position:absolute;top:6px;left:6px}.short .prog{z-index:2;background:#ffffff40;height:3px;position:absolute;bottom:0;left:0;right:0}.short .prog i{background:var(--gold);transform-origin:0;height:100%;display:block}.shelf li.next .short{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 18px -4px #edd28d99}.shelf li.next small{color:var(--text)}.chapter .segs{margin:12px 18px 16px}.chapter .segs b{background:var(--tone)}.chapter.locked .chapter-head,.chapter.locked .shelf{opacity:.7}.fold-body{overflow:hidden}.chapter.folded{border-color:color-mix(in srgb, var(--ok) 34%, transparent);background:linear-gradient(100deg, color-mix(in srgb, var(--tone) 16%, var(--surface)) 0%, var(--surface) 58%, color-mix(in srgb, var(--ok) 8%, var(--surface)) 100%)}.chapter.folded:before{background:radial-gradient(60% 120% at 0% 50%, color-mix(in srgb, var(--tone) 26%, transparent), transparent 70%)}.chapter.folded:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--tone), var(--ok));opacity:.75;height:2px;position:absolute;bottom:0;left:0;right:0}.fold-row{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;transition:transform .18s var(--ease);align-items:center;gap:12px;padding:12px 14px 12px 12px;display:flex}.fold-row:active{transform:scale(.985)}.fold-row:focus-visible{outline:2px solid var(--gold);outline-offset:-4px;border-radius:20px}.fold-medal{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--tone) 55%, #fff 8%), color-mix(in srgb, var(--tone) 28%, #141416) 70%);width:48px;height:48px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 60%, transparent), 0 6px 18px -6px color-mix(in srgb, var(--tone) 70%, transparent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.fold-medal span{font-family:var(--font-ar);color:#fff;text-shadow:0 2px 8px #00000059;font-size:24px;font-weight:700;line-height:1}.fold-medal span.num{font-family:var(--font);font-weight:800}.fold-medal i{background:var(--ok);color:#10291a;width:20px;height:20px;box-shadow:0 0 0 2.5px var(--surface);animation:pop-in .5s var(--ease) both;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.fold-medal i svg{stroke-width:3.2px;width:12px;height:12px}@keyframes pop-in{0%{transform:scale(0)}70%{transform:scale(1.18)}to{transform:scale(1)}}.fold-txt{flex:1;gap:2px;min-width:0;display:grid}.fold-txt .kick{color:var(--ok);font-size:10.5px}.fold-txt b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:1.25;overflow:hidden}.fold-txt small{color:var(--muted);font-size:12px}.fan{flex:none;width:58px;height:46px;position:relative}.fan span{background:linear-gradient(160deg, color-mix(in srgb, var(--tone) 30%, #1a1a1d), #141416);width:26px;height:46px;transition:transform .3s var(--ease);border:1px solid #ffffff24;border-radius:6px;position:absolute;top:0;left:18px;overflow:hidden;box-shadow:0 4px 10px -4px #0009}.fan span:first-child{z-index:1;transform:translate(-14px)rotate(-10deg)}.fan span:nth-child(2){z-index:3}.fan span:nth-child(3){z-index:2;transform:translate(14px)rotate(10deg)}.fan span:first-child:nth-last-child(2){transform:translate(-8px)rotate(-8deg)}.fan span:nth-child(2):last-child{transform:translate(8px)rotate(7deg)}.fold-row:hover .fan span:first-child{transform:translate(-18px)rotate(-14deg)}.fold-row:hover .fan span:nth-child(3){transform:translate(18px)rotate(14deg)}.fan img{object-fit:cover;width:100%;height:100%}.fan em{height:100%;font-style:normal;font-family:var(--font-ar);color:var(--tone);place-items:center;font-size:16px;display:grid}.fold-chev{width:28px;height:28px;color:var(--muted);background:#ffffff12;border-radius:50%;flex:none;place-items:center;display:grid}.fold-chev svg{width:16px;height:16px}.fold-head{width:100%;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease);background:0 0;border:0;margin:0}.fold-head:active{transform:scale(.985)}.fold-head:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.chapter.locked .shelf{padding-bottom:16px}.chapter.locked .art{filter:saturate(.35)}.bonus-art{pointer-events:none;z-index:-1;width:190px;height:190px;position:absolute;top:-30px;right:-24px}.bonus-art .rays{width:100%;height:100%;fill:var(--gold);opacity:.22;animation:40s linear infinite spin}.bonus-art .rays circle{fill:none;stroke:var(--gold);stroke-width:.8px}.bonus-art .spark{fill:var(--gold-hi);filter:drop-shadow(0 0 10px #edd28dcc);animation:3.2s ease-in-out infinite twinkle;position:absolute}.bonus-art .s0{width:38px;height:38px;top:76px;left:76px}.bonus-art .s1{width:14px;height:14px;animation-delay:-1.1s;top:132px;left:44px}.bonus-art .s2{width:16px;height:16px;animation-delay:-2.2s;top:54px;left:136px}@keyframes twinkle{0%,to{opacity:.55;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}.course-head .bonus-art{top:-24px;right:-14px}.bonus{isolation:isolate;color:var(--text);transition:transform .18s var(--ease);border:1px solid #edd28d6b;border-radius:18px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px 12px 12px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px -22px #dcbc6c8c,inset 0 1px #fff0c81f}a.bonus:active{transform:scale(.98)}.bonus .bgimg{z-index:-3;object-fit:cover;filter:blur(28px)saturate(1.4);opacity:.5;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.4)}.bonus:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(90% 120% at 100%,#edbe5a61,#0000 60%),linear-gradient(90deg,#0e0e10b3,#1e160abf);position:absolute;top:0;bottom:0;left:0;right:0}.bonus .bonus-art{width:170px;height:170px;margin-top:-85px;top:50%;right:-48px}.bonus .bonus-art .rays{opacity:.32}.bonus .poster{aspect-ratio:9/16;color:var(--gold);background:#2a2316;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px -10px #000c,0 0 0 1.5px #edd28d80}.bonus .poster img{object-fit:cover;width:100%;height:100%;animation:14s ease-in-out infinite alternate kenburns;position:absolute;top:0;bottom:0;left:0;right:0}.bonus .poster>svg{width:22px;height:22px}.bonus .play{background:var(--gold-grad);width:36px;height:36px;color:var(--on-gold);border-radius:50%;place-items:center;margin:-18px 0 0 -18px;animation:2.4s infinite pulse;display:grid;position:absolute;top:50%;left:50%}.bonus .play svg{width:15px;height:15px;margin-left:2px}.bonus .txt{gap:3px;min-width:0;display:grid}.bonus .kick{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.bonus .kick svg{width:13px;height:13px;animation:2.6s ease-in-out infinite twinkle}.bonus .dot{background:#f0716a;border-radius:50%;width:7px;height:7px;animation:1.8s infinite ping}.bonus b{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;line-height:1.2;overflow:hidden}.bonus small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.bonus .chip{color:var(--on-gold);background:var(--gold-grad);border-radius:99px;justify-self:start;align-items:center;gap:5px;margin-top:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.bonus .chip svg{width:10px;height:10px}.bonus.seen{border-color:var(--line-2);box-shadow:none}.bonus.seen .play{background:var(--ok);animation:none}.bonus.seen .play svg{margin:0}.bonus.seen .chip{color:var(--text);background:#ffffff14}.bonus.seen .bonus-art,.bonus.locked .bonus-art{filter:saturate(0);opacity:.5}.bonus.locked{box-shadow:none;border-style:dashed;border-color:#edd28d4d}.bonus.locked .poster img{filter:grayscale();opacity:.4;animation:none}.bonus.locked .play{background:var(--surface-2);color:var(--muted);animation:none}.bonus.locked .play svg{margin:0}.bonus.locked .kick{color:var(--muted)}.bonus.locked .kick svg{animation:none}@keyframes ping{0%{box-shadow:0 0 #f0716a99}80%,to{box-shadow:0 0 0 7px #f0716a00}}.role-tag{letter-spacing:.02em;border-radius:99px;flex:none;align-items:center;height:24px;padding:0 9px;font-size:11.5px;font-weight:800;display:inline-flex}.role-tag.admin{color:#f2a6c0;background:#ec8fae26}.role-tag.manager{color:#8cc0ee;background:#73aee326}.role-tag.curator{color:#c2acf2;background:#b296ec26}.role-tag.teacher{color:#84d3c1;background:#6fc2b026}.avatar.staff.teacher{color:#0b2a23;background:linear-gradient(#9fe0d0,#4fa894)}.avatar.staff.admin{color:#3a0d1c;background:linear-gradient(#f5b6cb,#d9708f)}.avatar.staff.manager{color:#0c2236;background:linear-gradient(#a9d2f5,#5b9bd6)}.avatar.staff.curator{color:#1f1236;background:linear-gradient(#d3c3f7,#9177d6)}.avatar.staff.off{background:var(--surface-2);color:var(--faint)}.roles-legend{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--muted);gap:8px;margin-top:4px;padding:14px 16px;font-size:13.5px;display:grid}.roles-legend .role-tag{justify-content:center;min-width:76px;margin-right:8px}.danger-zone{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding-top:16px;display:grid}.danger-zone .btn{height:48px;padding:0 12px;font-size:15px}.btn:disabled{opacity:.45}.course-head{isolation:isolate;padding:2px 2px 4px;position:relative}.course-head .art{z-index:-1;top:-14px;right:-8px}.course-head>.ar,.course-head>h1,.course-head>p{max-width:68%}.course-head .ar{font-size:26px;line-height:1.6}.course-head h1{font-size:28px}.course-head p{margin:6px 0 0;font-size:15px}.segs{gap:4px;margin:20px 0 10px;display:flex}.segs i{background:#ffffff1f;border-radius:2px;flex:1;height:4px;overflow:hidden}.segs b{background:var(--gold);transform-origin:0;height:100%;transition:transform .6s var(--ease);display:block}.tally{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin-bottom:18px;font-size:13px;display:flex}.tally span{align-items:center;gap:6px;display:inline-flex}.tally svg{width:15px;height:15px}.course-head .btn svg{width:18px;height:18px}.lessons{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lesson{border-radius:var(--radius);background:var(--surface);color:inherit;border:1px solid #0000;gap:14px;padding:10px;display:flex}.lesson.next{border-color:#edd28d73}.lesson.locked{opacity:.5}.lesson .thumb{aspect-ratio:9/14;border-radius:var(--radius-s);background:#232326;flex:none;width:78px;position:relative;overflow:hidden}.lesson .thumb img{object-fit:cover;width:100%;height:100%}.lesson.done .thumb img{filter:brightness(.7)}.lesson .thumb .mid{color:#fff;background:#00000040;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.lesson .thumb .mid svg{filter:drop-shadow(0 2px 6px #00000080);width:26px;height:26px}.lesson .thumb .seen{background:var(--ok);color:#10291a;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;left:6px}.lesson .thumb .seen svg{stroke-width:3px;width:14px;height:14px}.lesson .thumb .dur{color:#fff;font-variant-numeric:tabular-nums;background:#000000bf;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700;position:absolute;bottom:8px;right:5px}.lesson .thumb .prog{background:#ffffff47;height:4px;position:absolute;bottom:0;left:0;right:0}.lesson .thumb .prog i{background:var(--gold);transform-origin:0;height:100%;display:block}.lesson.done .thumb .prog i,.lesson .thumb .seen~.prog i{background:var(--ok)}.lesson .info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.lesson .kick{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.lesson .kick em{color:var(--gold-hi);font-style:normal}.lesson h3{margin-top:3px;font-size:16px;line-height:1.25}.lesson .ar{color:var(--gold-hi);font-size:16px;line-height:1.7}.marks{color:var(--faint);gap:4px;margin:6px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.marks li{align-items:center;gap:6px;display:flex}.marks svg{flex:none;width:15px;height:15px}.marks .ok{color:var(--ok)}.marks .gold{color:var(--gold-hi)}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty svg{width:46px;height:46px;color:var(--gold-lo);margin:0 auto 12px}.player{z-index:50;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.player .slide{place-items:center;height:100%;display:grid;position:absolute;left:0;right:0}.player .slide img,.player video{object-fit:cover;width:100%;height:100%}.player .frame{max-width:56.25dvh;margin:0 auto;position:absolute;top:0;bottom:0;left:0;right:0}.player .shade-t{pointer-events:none;background:linear-gradient(#0006,#0000);height:70px;position:absolute;top:0;bottom:auto;left:0;right:0}.player .shade-b{pointer-events:none;background:linear-gradient(#0000,#000000b3);height:160px;position:absolute;top:auto;bottom:0;left:0;right:0}.player .top{padding:calc(var(--safe-t) + 6px) 6px 0;z-index:3;position:absolute;top:0;left:0}.glass{-webkit-backdrop-filter:blur(14px);color:#fff;background:#1c1c1e8c;border:1px solid #ffffff24}.player .act{color:#fff;min-width:44px;font:inherit;cursor:pointer;filter:drop-shadow(0 1px 6px #0000008c);background:0 0;border:0;justify-items:center;gap:3px;padding:4px 0;display:grid}.player .act svg{width:26px;height:26px}.player .act:disabled{opacity:.3}.player .act small{font-size:10.5px;font-weight:700}.player .act.task .ic{background:var(--gold-grad);width:42px;height:42px;color:var(--on-gold);border-radius:50%;place-items:center;display:grid}.player .act.task .ic svg{width:22px;height:22px}.player .act.task.done .ic{color:var(--ok);background:#8fdca638}.player .act.task.done small{color:var(--ok);text-align:center;line-height:1.15}.player .act.task .ic{position:relative}.player .act.task .badge-ok{background:var(--ok);color:#0b1a10;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 2px #0000008c}.player .act.task .badge-ok svg{stroke-width:3px;width:13px;height:13px}.player .side{right:6px;bottom:calc(var(--safe-b) + 58px);z-index:3;justify-items:center;gap:14px;display:grid;position:absolute}.player .side .wide-only{display:none}.player .bottom{padding:0 12px calc(var(--safe-b) + 6px);z-index:3;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.player .bottom>div:first-child{padding-right:56px}.player .seek{pointer-events:auto;font-variant-numeric:tabular-nums;color:#ffffffd9;text-shadow:0 1px 4px #0009;align-items:center;gap:10px;margin-top:8px;font-size:11.5px;font-weight:600;display:flex}.player .seek .scrub{cursor:pointer;flex:1;height:34px;position:relative}.player .seek .bar{border-radius:2px;height:4px;overflow:hidden}.player .seek .knob{pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;box-shadow:0 1px 6px #00000080}.player .seek .scrub:active .knob{transform:scale(1.3)}.player .bottom h2{text-shadow:0 1px 8px #000000b3;font-size:14px;line-height:1.25}.player .bottom small{color:#ffffffb3;text-shadow:0 1px 6px #0009;margin-top:2px;font-size:11.5px;font-weight:600;display:block}@media (min-width:700px){.player .side{right:-60px}.player .side .wide-only{display:grid}.player .bottom>div:first-child{padding-right:0}}.scrub{touch-action:none;align-items:center;height:18px;display:flex}.scrub .bar{background:#ffffff40;flex:1;height:4px}.scrub .bar>i{background:#fff;transition:none}.tap-icon{z-index:2;pointer-events:none;border-radius:50%;place-items:center;width:84px;height:84px;margin:-42px 0 0 -42px;display:grid;position:absolute;top:50%;left:50%}.tap-icon svg{width:36px;height:36px}.sound-hint{left:50%;top:calc(var(--safe-t) + 12px);z-index:4;white-space:nowrap;border-radius:99px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}.sound-hint svg{width:16px;height:16px}.lock-slide{text-align:center;background:radial-gradient(circle at 50% 40%,#26262a,#0e0e10 70%);align-content:center;place-items:center;gap:14px;padding:30px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.lock-slide svg{width:54px;height:54px;color:var(--gold-hi);margin:0 auto}.spinner{border:3px solid #fff3;border-top-color:var(--gold-hi);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}.sheet-back{z-index:60;background:#0000008c;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{z-index:61;overscroll-behavior:contain;border:1px solid var(--line-2);max-width:560px;max-height:92dvh;padding:10px 20px calc(var(--safe-b) + 22px);touch-action:pan-y;background:linear-gradient(#2f2923,#18181b 40%);border-bottom:0;border-radius:18px 18px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -30px 80px -20px #000000e6}.sheet .grab{background:#fff3;border-radius:3px;width:44px;height:5px;margin:0 auto 16px}.sheet h2{margin-bottom:6px}.sheet .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.sheet .kicker svg{width:16px;height:16px}.prompt-ar{color:var(--gold-hi);margin:4px 0 2px;font-size:28px;line-height:1.8}.options{gap:10px;margin:18px 0;display:grid}.option{text-align:left;background:var(--surface-2);border:1.5px solid var(--line);border-radius:12px;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 16px;font-size:16px;font-weight:700;transition:border-color .2s,background .2s;display:flex}.option .letter{width:32px;height:32px;color:var(--gold-hi);background:#0000004d;border-radius:8px;flex:none;place-items:center;font-size:14px;display:grid}.option.right{border-color:var(--ok);background:var(--ok-bg)}.option.right .letter{background:var(--ok);color:#0d2a16}.option.wrong{border-color:var(--bad);background:var(--bad-bg)}.option.wrong .letter{background:var(--bad);color:#2a0d08}.result{border-radius:12px;align-items:center;gap:14px;margin:14px 0;padding:16px;font-weight:700;display:flex}.result.ok{background:var(--ok-bg);color:var(--ok)}.result.bad{background:var(--bad-bg);color:var(--bad)}.result.wait{color:var(--gold-hi);background:#edd28d1a}.result svg{flex:none;width:28px;height:28px}.result small{opacity:.85;font-weight:600;display:block}.comment{border-left:3px solid var(--gold);background:var(--surface);border-radius:4px 10px 10px 4px;margin:10px 0;padding:14px 16px}.comment b{text-transform:uppercase;letter-spacing:.08em;color:var(--gold-hi);font-size:12px}.burst{z-index:70;pointer-events:none;position:fixed;top:45%;left:50%}.burst i{border-radius:2px;width:8px;height:8px;position:absolute}.toast{left:50%;top:calc(var(--safe-t) + 14px);z-index:90;border:1px solid var(--line-2);max-width:calc(100% - 28px);box-shadow:var(--shadow);background:#2e2822f5;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}.toast.err{color:var(--bad);border-color:#f19a8873}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:8px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px}.stat b{font-size:26px;font-weight:800;line-height:1.1;display:block}.stat span{color:var(--muted);font-size:12px;font-weight:600}.person{align-items:center;gap:14px;display:flex}.avatar{width:46px;height:46px;color:var(--on-gold);background:var(--gold-grad);border-radius:9px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.avatar.off{background:var(--surface-2);color:var(--faint)}.avatar.sm{border-radius:50%;width:40px;height:40px;font-size:14px}.person .who{flex:1;min-width:0}.person .who b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;display:block;overflow:hidden}.person .who small{color:var(--muted);font-size:13px}.filters{gap:10px;margin-top:14px;display:grid}.search{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--gold)}.search svg{width:18px;height:18px;color:var(--faint);flex:none}.search input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.chips{scrollbar-width:none;gap:8px;margin:0 -18px;padding:0 18px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips button{background:var(--surface);border:1px solid var(--line);height:34px;color:var(--muted);white-space:nowrap;border-radius:99px;flex:none;padding:0 14px;font-size:13px;font-weight:700}.chips button.on{color:var(--gold-hi);background:#edd28d24;border-color:#edd28d66}.kv{margin-top:10px;padding:6px 18px}.kv-row{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.kv-row>span{color:var(--muted);font-size:14px;font-weight:600}.kv-row select.input{border-radius:10px;width:auto;max-width:64%;height:42px;padding:0 12px;font-size:15px}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.actions .btn{height:48px;padding:0 12px;font-size:15px}.actions .btn:last-child:nth-child(odd){grid-column:1/-1}.more{border-top:1px solid var(--line);width:100%;color:var(--muted);text-align:left;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 0 0;font-size:13px;font-weight:700;display:flex}.more svg{width:18px;height:18px}.lesson-locks{margin:0;padding:0;list-style:none;overflow:hidden}.lesson-locks li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.lesson-locks li:first-child{margin-top:10px}.lesson-locks .n{background:var(--surface-2);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.lesson-locks .grow{flex:1;min-width:0}.lesson-locks b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.lesson-locks small{color:var(--faint);font-size:12px}.lesson-locks li.off b{color:var(--muted)}.staff-row{text-align:left;width:100%}.staff-row .go{width:18px;height:18px;color:var(--faint);flex:none}.inline-form{align-items:flex-end;gap:8px;display:flex}.inline-form .field{flex:1;min-width:0}.inline-form>.btn{flex:none;height:54px;margin-bottom:14px;padding:0 16px}.transfer{border-top:1px solid var(--line);gap:8px;margin-top:16px;padding-top:14px;font-size:13px;display:grid}.transfer .inline-form>.btn{margin-bottom:0}.transfer select.input{flex:1;min-width:0}.bonus-admin{background:linear-gradient(160deg, #221d13, var(--surface) 60%);border-color:#edd28d52}.bonus-row{border-color:#edd28d38}.kicker svg{vertical-align:-2px;width:14px;height:14px}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle{background:#ffffff1f;border-radius:12px;flex:none;width:52px;height:32px;transition:background .25s;position:relative}.toggle.on{background:var(--gold-grad)}.toggle i{background:#fff;border-radius:50%;width:26px;height:26px;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #0006}.creds{border:1px dashed var(--line-2);white-space:pre-wrap;-webkit-user-select:all;user-select:all;background:#00000059;border-radius:12px;padding:16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;line-height:1.8}.answer-card .q{color:var(--muted);font-size:14px}.answer-card .a{white-space:pre-wrap;overflow-wrap:anywhere;background:#00000047;border-radius:10px;margin:10px 0;padding:12px 14px;font-size:17px}.answer-card .a.ar-auto{font-family:var(--font), var(--font-ar);line-height:1.8}.answer-card .actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.reel-row{border:1px solid var(--line);background:#0003;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.reel-row .thumb{background:#232326;border-radius:8px;flex:none;place-items:center;width:48px;height:64px;display:grid;overflow:hidden}.reel-row .thumb img{object-fit:cover;width:100%;height:100%}.reel-row .grow{flex:1;min-width:0}.reel-row .grow b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.reel-row .tools{gap:4px;display:flex}.reel-row .tools button{background:var(--surface-2);border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.reel-row .tools svg{width:18px;height:18px}.drop{border:1.5px dashed var(--line-2);text-align:center;color:var(--muted);cursor:pointer;border-radius:12px;place-items:center;gap:8px;padding:22px;display:grid}.drop svg{width:30px;height:30px;color:var(--gold-hi)}.seg-ctl{background:#0000004d;border-radius:8px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.seg-ctl button{height:40px;color:var(--muted);border-radius:8px;flex:1;font-size:14px;font-weight:700}.seg-ctl button.on{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.opt-edit{align-items:center;gap:8px;margin-bottom:8px;display:flex}.opt-edit .radio{border:2px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.opt-edit .radio.on{border-color:var(--ok);background:var(--ok);color:#0d2a16}.opt-edit .radio svg{width:16px;height:16px}.opt-edit .input{height:46px}@media (min-width:900px){.screen.wide .grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.ring .val svg{width:18px;height:18px;color:var(--ok)}.tools button[disabled]{opacity:.3}.ar.ar-start{text-align:left}.hint{margin:10px 2px 0;font-size:14px}.option.picked{border-color:var(--gold);background:#edd28d1a}.option.picked .letter{background:var(--gold-grad);color:var(--on-gold)}.option .letter.box{border-radius:8px}.steps-dots{align-items:center;gap:6px;margin:0 0 16px;display:flex}.steps-dots button{background:#ffffff1f;border-radius:4px;flex:1;height:8px;position:relative}.steps-dots button.ok{background:#8fdca68c}.steps-dots button.bad{background:#f19a888c}.steps-dots button.wait{background:#edd28d73}.steps-dots button i{border:2px solid var(--gold-hi);border-radius:6px;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.steps-dots button:after{content:"";position:absolute;top:-12px;bottom:-12px;left:0;right:0}.steps-dots .flag{width:26px;height:26px;color:var(--faint);background:#ffffff0f;border-radius:9px;flex:none;place-items:center;display:grid}.steps-dots .flag svg{width:15px;height:15px}.steps-dots .flag.ok{color:var(--gold-hi)}.steps-dots .flag.on{outline:2px solid var(--gold-hi)}.audio{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;margin:12px 0;padding:10px 14px 10px 10px;display:flex}.audio .play{background:var(--gold-grad);width:44px;height:44px;color:var(--on-gold);border-radius:50%;flex:none;place-items:center;display:grid}.audio .play svg{width:18px;height:18px}.audio .track{flex:1;gap:6px;min-width:0;display:grid}.audio .track b{font-size:14px}.audio .track span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.audio .bar{height:4px}.audio.big{text-align:center;border-color:var(--line-2);background:radial-gradient(circle at 50% 30%,#edd28d29,#edd28d08 70%);flex-direction:column;padding:22px 18px 16px}.audio.big .play{width:78px;height:78px;box-shadow:0 12px 36px -10px #dcbc6cb3}.audio.big .play svg{width:30px;height:30px}.audio.big .track{width:100%}.match{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px;display:grid}.match .col{align-content:start;gap:10px;display:grid}.tile{background:var(--surface-2);border:1.5px solid var(--line);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:54px;padding:8px 12px;font-size:16px;font-weight:700;transition:border-color .2s,background .2s;display:inline-flex;position:relative}.tile .ar{line-height:1.5}.tile.sel{border-color:var(--gold-hi);background:#edd28d24}.tile.paired{background:#00000040}.tile em{color:#1b1208;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-7px;left:-7px}.pairs-done{gap:8px;margin:14px 0;display:grid}.pair-row{background:var(--surface-2);border:1.5px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-weight:700;display:flex}.pair-row .card-t{text-align:center;flex:1}.pair-row .dash{color:var(--faint)}.pair-row svg{flex:none;width:20px;height:20px}.pair-row.right{color:var(--ok);border-color:#8fdca680}.pair-row.wrong{color:var(--bad);border-color:#f19a8880}.line{border:1.5px dashed var(--line-2);background:#00000047;border-radius:12px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:74px;margin:14px 0 12px;padding:10px;display:flex}.line.done{border-style:solid}.line.done.right{border-color:#8fdca68c}.line.done.wrong{border-color:#f19a888c}.line .slot{border:1.5px dashed #edd28d2e;border-radius:10px;width:52px;height:54px}.line .tile,.pool .tile{min-width:52px}.line .tile.on{background:#edd28d1f;border-color:#edd28d66}.pool{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.pool .tile.ghost{opacity:.18;border-style:dashed}.pool .tile[aria-disabled]{opacity:.45}.answer-card.right .a{box-shadow:inset 0 0 0 1.5px #8fdca68c}.answer-card.wrong .a{box-shadow:inset 0 0 0 1.5px #f19a888c}.sheet textarea.input{resize:vertical;min-height:120px;padding:14px 16px;line-height:1.6}.sheet .btn.gold.block,.sheet .btn.ghost.block{margin-top:0}.sheet .input+.keys-toggle,.sheet textarea+.keys-toggle{margin-top:10px}.keys-toggle{height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;margin-bottom:10px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.keys-toggle .ar{color:var(--gold-hi);font-size:15px;line-height:1}.keys-toggle.on{color:var(--text);border-color:var(--line-2)}.ar-keys{overflow:hidden}.ar-keys .keys{grid-template-columns:repeat(9,1fr);gap:5px;margin-bottom:6px;display:grid}.ar-keys .keys button,.ar-keys .keys-row button{background:var(--surface-2);border:1px solid var(--line);height:44px;color:var(--text);touch-action:manipulation;border-radius:8px;font-size:21px;line-height:1}.ar-keys .keys button:active,.ar-keys .keys-row button:active{background:#edd28d40}.ar-keys .keys.marks{grid-template-columns:repeat(8,1fr)}.ar-keys .keys.marks button{color:var(--gold-hi);font-size:24px}.ar-keys .keys-row{gap:5px;margin-bottom:12px;display:flex}.ar-keys .keys-row .space{color:var(--muted);flex:1;font-size:13px;font-weight:700}.ar-keys .keys-row button:last-child{place-items:center;width:64px;display:grid}.ar-keys .keys-row svg{width:22px;height:22px}.voice{margin:12px 0}.recorder{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:16px;margin:12px 0;padding:16px;display:flex}.recorder .mic{background:var(--gold-grad);width:72px;height:72px;color:var(--on-gold);border-radius:50%;flex:none;place-items:center;transition:box-shadow 80ms linear;display:grid}.recorder .mic svg{width:30px;height:30px}.recorder .mic.on{background:var(--bad);color:#2a0d08}.recorder .mic.on svg{width:24px;height:24px}.recorder .rec-info{gap:4px;min-width:0;display:grid}.recorder .rec-info b{align-items:center;gap:8px;font-size:15px;display:flex}.recorder .rec-info span{color:var(--muted);font-size:13px}.rec-dot{background:var(--bad);border-radius:50%;width:9px;height:9px;animation:1s infinite blink}@keyframes blink{50%{opacity:.2}}.summary{text-align:center;padding:6px 0 4px}.summary .medal{background:var(--gold-grad);width:84px;height:84px;color:var(--on-gold);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid;box-shadow:0 14px 40px -12px #dcbc6ccc}.summary .medal svg{width:38px;height:38px}.summary .medal.dim{background:var(--surface-2);color:var(--gold-hi);box-shadow:none;border:1px solid var(--line-2)}.summary p{margin:4px 0 14px}.sum-list{gap:8px;display:grid}.sum-row{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.sum-row .grow{flex:1;min-width:0}.sum-row small{color:var(--faint);margin-top:2px;font-size:12px;font-weight:600;display:block}.sum-row>svg{width:18px;height:18px;color:var(--faint);flex:none}.sum-row .st{background:var(--surface-2);width:30px;height:30px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:13px;display:grid}.sum-row .st svg{width:16px;height:16px}.sum-row .st.ok{background:var(--ok-bg);color:var(--ok)}.sum-row .st.bad{background:var(--bad-bg);color:var(--bad)}.sum-row .st.wait{color:var(--gold-hi);background:#edd28d1f}.task-row{border:1px solid var(--line);background:#0003;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.task-row .grow{text-align:left;flex:1;gap:2px;min-width:0;display:grid}.task-row .grow small{letter-spacing:.04em;color:var(--faint);text-transform:uppercase;font-size:11px;font-weight:800}.task-row .grow b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.task-row .grow span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.task-row .tools{gap:4px;display:flex}.task-row .tools button{background:var(--surface-2);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.task-row .tools svg{width:17px;height:17px}.kind-ic{width:40px;height:40px;color:var(--gold-hi);background:#edd28d21;border-radius:10px;flex:none;place-items:center;display:grid}.kind-ic svg{width:20px;height:20px}.kind-ic.teacher{color:#9cc8f5;background:#9cc8f521}.kind-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kind-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-content:start;justify-items:start;gap:6px;padding:14px;display:grid}.kind-card b{font-size:15px}.kind-card>span:not(.kind-ic){color:var(--muted);font-size:12px;line-height:1.35}.kind-card em{color:#9cc8f5;font-size:11px;font-style:normal;font-weight:800}.kind-card em.auto{color:var(--ok)}.back-link{color:var(--muted);align-items:center;gap:4px;margin:-4px 0 10px;font-size:14px;font-weight:700;display:inline-flex}.back-link svg{width:18px;height:18px}.answer-card .key{margin:-4px 2px 8px;font-size:13px}.answer-card .audio{margin:10px 0}.stack{grid-template-columns:minmax(0,1fr);display:grid}.bonus-admin .kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);font-weight:800}.engage{gap:12px;margin-top:18px;display:grid}.streak{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:16px 16px 14px;position:relative;overflow:hidden}.streak.on{background:radial-gradient(120% 90% at 0% 0%, #ff9a3c29, transparent 60%), var(--surface);border-color:#ffaa5047}.streak .burst{position:absolute;top:44px;left:48px}.streak-top{align-items:center;gap:12px;display:flex}.flame{flex:none;overflow:visible}.flame.lit{filter:drop-shadow(0 4px 14px #ff822873)}.streak-num{line-height:1.05;display:grid}.streak-num b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:800}.streak.on .streak-num b{background:linear-gradient(#ffe08a,#ff9a3c);color:#0000;-webkit-background-clip:text;background-clip:text}.streak-num span{color:var(--muted);margin-top:3px;font-size:13px}.streak-best{text-align:right;margin-left:auto;display:grid}.streak-best small{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.streak-best b{font-size:14px}.streak-week{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px;display:grid}.wd{justify-items:center;gap:5px;display:grid}.wd i{background:var(--surface-2);border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.wd.on i{color:#3a1700;background:linear-gradient(#ffc65a,#f07a2e);border-color:#0000;box-shadow:0 4px 12px -4px #ff782899}.wd i svg{stroke-width:3px;width:15px;height:15px}.wd.future i{background:0 0;border-style:dashed}.wd span{color:var(--faint);font-size:11px;font-weight:600}.wd.on span{color:var(--text)}.streak-hint{color:var(--muted);margin:12px 0 0;font-size:13px}.growth-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--text);transition:transform .18s var(--ease);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.growth-card:active{transform:scale(.985)}.growth-card.due{background:radial-gradient(120% 120% at 100% 0%, #dcbc6c24, transparent 60%), var(--surface);border-color:#dcbc6c73}.growth-icon{color:#ffa9c6;background:#ffa9c61f;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.growth-icon svg{width:30px;height:30px}.growth-text{flex:1;gap:3px;min-width:0;display:grid}.growth-text b{font-size:16px}.growth-text small{color:var(--muted);font-size:13px;line-height:1.35}.growth-card>svg{width:20px;height:20px;color:var(--faint);flex:none}.growth-go{background:var(--gold-grad);width:40px;height:40px;color:var(--on-gold);border-radius:50%;flex:none;place-items:center;animation:2.2s ease-in-out infinite pulse-gold;display:grid}.growth-go svg{width:18px;height:18px}@keyframes pulse-gold{0%,to{box-shadow:0 0 #dcbc6c73}50%{box-shadow:0 0 0 9px #dcbc6c00}}.compare{gap:14px;margin-top:18px;display:grid}.compare-col{gap:8px;display:grid}.compare-col.now{border-top:1px solid var(--line);padding-top:14px}.compare-col.now .kicker{color:var(--ok)}.compare-wait{margin:0;font-size:14px}.compare .kicker,.control-text .kicker,.badge-card .kicker,.hello .kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);font-size:11px;font-weight:800}.control-text{gap:4px;margin-top:14px;display:grid}.control-line{border-bottom:1px solid var(--line);gap:2px;padding:8px 0;display:grid}.control-line:last-child{border-bottom:0;padding-bottom:0}.control-line span{color:var(--muted);font-size:12px;font-weight:600}.control-line .ar{font-size:26px}.growth-list{gap:10px;display:grid}.growth-item{padding:14px}.growth-item-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.growth-item-head span{font-size:12px}.badges{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badge-cell{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;justify-items:center;gap:8px;padding:14px 6px 12px;display:grid}.badge-cell span:last-child{text-align:center;color:var(--muted);font-size:12px;font-weight:600;line-height:1.25}.medal{flex:none;place-items:center;display:inline-grid;position:relative}.medal svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.medal.on svg{filter:drop-shadow(0 6px 14px #00000073)}.medal-glyph{color:#fff;place-items:center;width:34%;height:34%;margin-top:15%;display:grid;position:relative}.medal-glyph svg{width:100%;height:100%;position:static}.medal-glyph b{text-shadow:0 1px 2px #00000059;font-size:1em;font-weight:800}.medal:not(.on) .medal-glyph{color:#ffffff59;width:30%;height:30%}.medal.on:after{content:"";mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff59 50%,#0000 65%) 0 0/250% 100%;border-radius:50%;animation:4.5s ease-in-out infinite badge-shine;position:absolute;top:38.5%;bottom:22.5%;left:30.5%;right:30.5%}@keyframes badge-shine{0%,60%{background-position:150% 0}to{background-position:-100% 0}}.badge-card{text-align:center;justify-items:center;gap:6px;padding:8px 4px 0;display:grid}.badge-card h2{margin:4px 0 0;font-size:22px}.badge-card p{margin:0}.badge-card .kicker{margin-top:10px}.badge-when{color:var(--faint);margin-top:6px;font-size:13px}.badge-card.on .badge-when{color:var(--gold-hi)}.sheet .burst{position:absolute;top:30%}.staff-streak{align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.staff-streak>div{gap:2px;display:grid}.staff-streak span{font-size:13px}.control-line .ar{white-space:pre-line}.engage-row{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:10px;display:grid}.engage-row .streak{padding:14px 12px 12px}.engage-row .streak-top{gap:8px}.engage-row .flame{width:44px;height:44px}.engage-row .streak-num b{font-size:30px}.engage-row .streak-best b{font-size:13px}.engage-row .streak-week{gap:3px;margin-top:12px}.engage-row .wd i{width:26px;height:26px}.engage-row .wd i svg{width:13px;height:13px}.engage-row .streak-hint{margin-top:10px;font-size:12px;line-height:1.35}.ach-tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;padding:12px 6px;display:flex}.ach-tile.on{background:radial-gradient(120% 80% at 50% 0%, #dcbc6c24, transparent 65%), var(--surface);border-color:#dcbc6c4d}.ach-kick{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);font-size:10px;font-weight:800}.ach-tile>b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1}.ach-tile>b small{color:var(--faint);font-size:14px;font-weight:700}.ach-bar{background:var(--surface-2);border-radius:2px;width:70%;height:4px;display:block;overflow:hidden}.ach-bar i{border-radius:inherit;background:var(--gold-grad);height:100%;display:block}.ach-bar.wide{width:100%;margin:4px 0 16px}.ach-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ach-head span{color:var(--muted);font-size:14px;font-weight:600}.sheet .badge-cell{background:var(--surface-2)}.badge-cell.on span:last-child{color:var(--text)}.continue{border-radius:16px;grid-template-columns:48px minmax(0,1fr) 44px;gap:12px;padding:10px 12px 10px 10px}.continue .poster{aspect-ratio:3/4;border-radius:9px}.continue .info{min-width:0}.continue .kicker{font-size:10px}.continue h2{white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:16px;overflow:hidden}.continue .meta{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-top:7px;font-size:12px;display:flex}.continue .meta .bar{flex:1;height:3px}.continue .meta span{flex:none}.continue .play{width:44px;height:44px;margin:0;position:static}.rail{display:none}@media (min-width:1000px){.tabbar{display:none}body:has(.tabbar) .screen{padding-bottom:calc(var(--safe-b) + 28px)}#root{--rail:76px;padding-left:var(--rail)}.screen{--col:620px;max-width:var(--col);left:calc(-1 * clamp(0px, (100vw - var(--rail) - var(--col)) / 2 - 24px, var(--rail) / 2));padding-top:28px;position:relative}.screen.wide{--col:1040px}.topbar .brand{visibility:hidden}.rail{z-index:55;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#0c0c0ed1;flex-direction:column;gap:4px;width:76px;padding:22px 12px;display:flex;position:fixed;top:0;bottom:0;left:0}.rail a{height:50px;color:var(--muted);white-space:nowrap;transition:background .18s var(--ease), color .18s var(--ease);border-radius:12px;align-items:center;gap:14px;padding:0 13px;font-size:15px;font-weight:600;display:flex;overflow:hidden}.rail a:hover{color:var(--text);background:#ffffff0f}.rail a.active{color:var(--gold-hi);font-weight:800}.rail a i{flex:none;place-items:center;width:24px;height:24px;display:grid;position:relative}.rail a i svg{width:24px;height:24px;transition:transform .18s var(--ease)}.rail a:hover i svg{transform:scale(1.08)}.rail a .dot{background:var(--bad);color:#2a0d08;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-7px;right:-10px}.rail a>span:last-child{opacity:0}.rail .rail-brand{height:56px;color:var(--gold-hi);margin-bottom:18px}.rail .rail-brand:hover{background:0 0}.rail .rail-brand>span:first-child{flex:none;justify-content:center;width:24px}.rail .rail-brand svg{width:26px;height:33px}.rail .rail-brand>span:last-child{letter-spacing:.16em;text-transform:uppercase;color:var(--text);font-size:13px;font-weight:800}.player{background:radial-gradient(70% 90% at 50% 40%,#1d1d21,#050506)}.player .frame{clip-path:inset(0 -160px 0 -40px);max-width:calc(56.25dvh - 20.25px);top:18px;bottom:18px;left:0;right:0}.player .slide img,.player video{border-radius:14px}.player .shade-t{border-radius:14px 14px 0 0}.player .shade-b{border-radius:0 0 14px 14px}.player .side{bottom:6px;right:-72px}.player .frame{clip-path:inset(0 -100vw 0 -40px)}.player .side .wide-only{filter:none;width:46px;min-width:0;height:46px;transition:background .18s var(--ease);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;place-items:center;padding:0;position:fixed;top:calc(50% - 54px);right:28px}.player .side .wide-only+.wide-only{top:calc(50% + 8px)}.player .side .wide-only:not(:disabled):hover{background:#ffffff2e}.player .side .wide-only svg{width:22px;height:22px}.sheet{border-radius:22px 22px 0 0}}@media (min-width:1280px){#root{--rail:244px}.rail{width:244px}.rail a>span:last-child{opacity:1}}.rate-foot{color:var(--faint);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin:30px auto 0;padding:10px 14px;font-size:12.5px;display:flex}.rate-foot svg{opacity:.8;width:15px;height:15px}.rate-foot u{-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.rate-foot:active{opacity:.6}.chapter .rate-foot{margin:8px auto -8px}.rate-lead{margin:0 0 4px;font-size:13.5px}.rate{justify-content:space-between;gap:8px;margin:18px 0 8px;display:flex}.rate button{aspect-ratio:1;cursor:pointer;background:var(--surface-2);border:1px solid var(--line);max-width:60px;color:var(--muted);transition:transform .2s var(--ease), background .2s, color .2s;border-radius:50%;flex:1;place-items:center;padding:0;display:grid}.rate button svg{width:62%;height:62%}.rate button[aria-checked=true]{background:var(--gold);color:var(--on-gold);border-color:#0000;transform:scale(1.08)}.rate button:active{transform:scale(.94)}.rate-cap{text-align:center;min-height:20px;color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:600}textarea.input.rate-text{min-height:84px;margin-bottom:14px;font-size:15px}.rate-sum{cursor:pointer;border:1px solid var(--line);width:100%;color:var(--muted);font:inherit;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-size:13px;display:flex}.rate-sum>svg:first-child{width:20px;height:20px;color:var(--gold-hi);flex:none}.rate-sum span{flex:1}.rate-sum b{color:var(--text)}.rate-sum>svg:last-child{flex:none;width:16px;height:16px}.rate-mark{color:var(--gold-hi);align-items:center;gap:4px;font-weight:700;display:inline-flex}.rate-mark svg{width:14px;height:14px}.rate-list{gap:2px;margin:14px 0 0;padding:0;list-style:none;display:grid}.rate-list li{border-top:1px solid var(--line);gap:12px;padding:12px 2px;display:flex}.rate-list li>svg{width:26px;height:26px;color:var(--muted);flex:none}.rate-list li>svg.s4,.rate-list li>svg.s5{color:var(--gold-hi)}.rate-list li>svg.s1,.rate-list li>svg.s2{color:var(--bad)}.rate-list small{color:var(--muted);font-size:12px}.rate-list p{white-space:pre-line;overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:1.5}.stats.stats-4{grid-template-columns:repeat(2,1fr)}@media (min-width:700px){.stats.stats-4{grid-template-columns:repeat(4,1fr)}}.chart-card{padding:16px 16px 12px}.daily{border-bottom:1px solid var(--line);align-items:flex-end;gap:2px;height:120px;margin-top:14px;display:flex}.daily-col{flex:1;align-items:flex-end;min-width:0;height:100%;padding:0;display:flex}.daily-col i{background:var(--gold-lo);opacity:.75;border-radius:4px 4px 0 0;width:100%;transition:opacity .15s,background .15s;display:block}.daily-col.on i{background:var(--gold-hi);opacity:1}.kv-mini,.funnel{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:12px 0 10px;font-size:13px;display:flex}.kv-mini b,.funnel b{color:var(--text);font-size:15px}.topic-stat{padding:14px 16px}.kv-list{gap:0;padding:4px 16px;display:grid}.kv-list>div{justify-content:space-between;gap:12px;padding:12px 0;font-size:14px;display:flex}.kv-list>div+div{border-top:1px solid var(--line)}.kv-list span{color:var(--muted)}.kv-list b{text-align:right}