.brand[data-v-2714ad1a]{display:inline-flex;align-items:center;gap:10px;color:var(--logo-color, var(--brand-700))}.brand.light[data-v-2714ad1a]{color:#fff}.mark[data-v-2714ad1a]{display:block;background:currentColor;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat}.eng[data-v-2714ad1a]{width:178px;height:15px}.zain[data-v-2714ad1a]{width:52px;height:14px;background:var(--logo-zain, var(--text))}.brand.light .zain[data-v-2714ad1a]{background:#fff}.sep[data-v-2714ad1a]{width:1px;height:18px;background:var(--logo-sep, var(--border))}@media(max-width:900px){.brand:not(.keep-zain) .sep[data-v-2714ad1a],.brand:not(.keep-zain) .zain[data-v-2714ad1a]{display:none}}@media(max-width:420px){.eng[data-v-2714ad1a]{width:150px;height:13px}}@media(max-width:360px){.eng[data-v-2714ad1a]{width:128px;height:11px}}.sb[data-v-44cf48a2]{position:relative;flex:1}.box[data-v-44cf48a2]{display:flex;align-items:center;height:40px;border:1px solid var(--srch-border);border-radius:20px;background:var(--srch-bg);color:var(--srch-fg);overflow:hidden;transition:border-color var(--dur-1),box-shadow var(--dur-1)}.box[data-v-44cf48a2]:focus-within{box-shadow:0 0 0 3px var(--srch-focus)}.lead[data-v-44cf48a2]{width:20px;height:20px;margin-inline-start:14px;color:var(--srch-placeholder);display:none}.box:focus-within .lead[data-v-44cf48a2]{display:block}input[data-v-44cf48a2]{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 14px;font-size:16px}input[data-v-44cf48a2]::-webkit-search-cancel-button{display:none}input[data-v-44cf48a2]{color:var(--srch-fg)}input[data-v-44cf48a2]::placeholder{color:var(--srch-placeholder)}.clear[data-v-44cf48a2]{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--srch-placeholder)}.clear[data-v-44cf48a2]:hover{background:var(--srch-btn);color:var(--srch-fg)}.hint[data-v-44cf48a2]{background:transparent;border-color:var(--srch-border);color:var(--srch-placeholder)}.hint[data-v-44cf48a2]{margin-inline-end:8px}.go[data-v-44cf48a2]{width:64px;height:100%;flex:none;display:grid;place-items:center;border-inline-start:1px solid var(--srch-border);background:var(--srch-btn);color:var(--srch-btn-fg)}.go[data-v-44cf48a2]:hover{background:var(--srch-btn-hover)}.menu[data-v-44cf48a2]{color:var(--text);position:absolute;top:calc(100% + 4px);inset-inline:0 64px;z-index:var(--z-menu);list-style:none;margin:0;padding:12px 0;border-radius:12px;background:var(--elevated);border:1px solid var(--border);box-shadow:var(--shadow);animation:pop-44cf48a2 var(--dur-2) var(--ease-out)}@keyframes pop-44cf48a2{0%{opacity:0;transform:translateY(-4px)}}.opt[data-v-44cf48a2]{display:flex;align-items:center;gap:14px;padding:6px 16px;min-height:36px;cursor:pointer;font-size:15px}.opt.on[data-v-44cf48a2]{background:var(--surface-hover)}.lbl[data-v-44cf48a2]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.tag[data-v-44cf48a2]{font-size:12px;color:var(--accent);background:var(--accent-soft);padding:1px 8px;border-radius:10px}.rm[data-v-44cf48a2]{font-size:13px;color:var(--accent);opacity:0}.opt.on .rm[data-v-44cf48a2],.rm[data-v-44cf48a2]:focus{opacity:1}@media(hover:none){.rm[data-v-44cf48a2]{opacity:1}.hint[data-v-44cf48a2]{display:none}}@media(max-width:656px){.menu[data-v-44cf48a2]{inset-inline:0;position:fixed;top:var(--header-h);border-radius:0;border-inline:0}.hint[data-v-44cf48a2]{display:none}}.am[data-v-f14c3b31]{position:relative}.trigger[data-v-f14c3b31]{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;transition:background var(--dur-1),box-shadow var(--dur-1)}.trigger .avatar[data-v-f14c3b31]{width:34px;height:34px;background:#fff;color:var(--brand-900);font-size:16px;line-height:1;box-shadow:0 1px 3px #00282840}.trigger .avatar .icon[data-v-f14c3b31]{width:22px;height:22px}.trigger:hover .avatar[data-v-f14c3b31],.trigger[aria-expanded=true] .avatar[data-v-f14c3b31]{box-shadow:0 0 0 3px #ffffff59}.trigger[data-v-f14c3b31]:focus-visible{outline:none}.trigger:focus-visible .avatar[data-v-f14c3b31]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--brand-900)}.avatar[data-v-f14c3b31]{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--brand-gradient);color:#fff;font-weight:700;font-size:15px}.avatar.lg[data-v-f14c3b31]{width:40px;height:40px;font-size:18px;flex:none}.panel[data-v-f14c3b31]{color:var(--text);position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:var(--z-menu);width:300px;padding:8px 0;border-radius:12px;background:var(--elevated);border:1px solid var(--border);box-shadow:var(--shadow);transform-origin:top left}.who[data-v-f14c3b31]{display:flex;gap:14px;padding:12px 16px}.who-txt[data-v-f14c3b31]{display:grid;gap:2px;min-width:0}.who-txt strong[data-v-f14c3b31]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-txt .muted[data-v-f14c3b31]{font-size:13px;text-align:end}.link[data-v-f14c3b31]{color:var(--accent);font-weight:700;text-align:start;margin-top:4px;font-size:14px}.stats[data-v-f14c3b31]{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 8px}.stats div[data-v-f14c3b31]{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:var(--surface);font-size:13px}.stats .icon[data-v-f14c3b31]{color:var(--accent)}.stats b[data-v-f14c3b31]{font-size:16px}hr[data-v-f14c3b31]{border:0;border-top:1px solid var(--border);margin:8px 0}.mi[data-v-f14c3b31]{width:100%;display:flex;align-items:center;gap:16px;height:40px;padding:0 16px;font-size:14px;text-align:start}.mi[data-v-f14c3b31]:hover,.mi[data-v-f14c3b31]:focus-visible{background:var(--surface-hover);outline:none}.mi.danger[data-v-f14c3b31]{color:var(--danger)}:root[data-theme=dark] .mi.danger[data-v-f14c3b31]{color:#ff8a80}.menu-enter-active[data-v-f14c3b31]{transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.menu-leave-active[data-v-f14c3b31]{transition:opacity var(--dur-1) var(--ease-in),transform var(--dur-1) var(--ease-in)}.menu-enter-from[data-v-f14c3b31],.menu-leave-to[data-v-f14c3b31]{opacity:0;transform:scale(.96) translateY(-4px)}@media(max-width:480px){.panel[data-v-f14c3b31]{position:fixed;top:var(--header-h);inset-inline:8px;width:auto}}.header[data-v-c6d16935]{position:fixed;inset:0 0 auto;z-index:var(--z-header);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:var(--hdr-bg);color:var(--hdr-fg);box-shadow:var(--hdr-shadow);--logo-color: var(--hdr-logo);--logo-zain: var(--hdr-zain);--logo-sep: var(--hdr-sep);transition:box-shadow var(--dur-2),transform var(--dur-3) var(--ease-out)}.header[data-v-c6d16935] .icon-btn:hover,.header[data-v-c6d16935] .icon-btn:active{background:var(--hdr-hover)}.header.hidden[data-v-c6d16935]{transform:translateY(-100%)}.start[data-v-c6d16935],.end[data-v-c6d16935]{display:flex;align-items:center;gap:4px;flex:none}.start[data-v-c6d16935]{gap:12px}.logo[data-v-c6d16935]{display:flex;align-items:center;padding:8px 4px;border-radius:8px}.end[data-v-c6d16935]{gap:8px}.center[data-v-c6d16935]{flex:0 1 680px;display:flex;align-items:center;gap:8px;min-width:0}.btn-outline[data-v-c6d16935]{border:1px solid rgba(255,255,255,.7);background:var(--hdr-ghost-bg);color:var(--hdr-ghost-fg)}.btn-outline[data-v-c6d16935]:hover{background:#00000026;border-color:#fff}.btn-cta[data-v-c6d16935]{background:var(--hdr-cta-bg);color:var(--hdr-cta-fg)}.btn-cta[data-v-c6d16935]:hover{background:var(--hdr-cta-bg);filter:brightness(.94)}.only-mobile[data-v-c6d16935]{display:none}@media(max-width:656px){.header[data-v-c6d16935]{padding:0 4px 0 8px;gap:4px}.center[data-v-c6d16935]{display:none}.only-mobile[data-v-c6d16935]{display:inline-grid}.search-open .start[data-v-c6d16935],.search-open .end[data-v-c6d16935]{display:none}.search-open .center[data-v-c6d16935]{display:flex;flex:1}.start[data-v-c6d16935]{gap:4px}.end[data-v-c6d16935]{gap:2px}}@media(max-width:420px){.hide-xs[data-v-c6d16935]{display:none}}.rail[data-v-ecd95144]{position:fixed;top:var(--header-h);bottom:0;inset-inline-start:0;z-index:var(--z-guide);width:var(--guide-mini-w);padding:4px;background:var(--gd-bg);color:var(--gd-fg);display:flex;flex-direction:column;gap:2px}.rail-item[data-v-ecd95144]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 0 14px;border-radius:10px;font-size:10px;text-align:center}.rail-item[data-v-ecd95144]:hover{background:var(--gd-hover)}.rail-item.on[data-v-ecd95144]{background:var(--gd-active-bg);color:var(--gd-active-fg);font-weight:700}.guide[data-v-ecd95144]{position:fixed;top:var(--header-h);bottom:0;inset-inline-start:0;z-index:var(--z-guide);width:var(--guide-w);background:var(--gd-bg);color:var(--gd-fg);border-inline-end:1px solid var(--gd-border);display:flex;flex-direction:column}.guide.overlay[data-v-ecd95144]{top:0;z-index:var(--z-drawer);box-shadow:var(--shadow);animation:slide-in-ecd95144 .2s ease}@keyframes slide-in-ecd95144{0%{transform:translate(100%)}}.scrim[data-v-ecd95144]{position:fixed;inset:0;z-index:var(--z-scrim);background:#00000080}.guide-head[data-v-ecd95144]{height:var(--header-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--hdr-bg);color:var(--hdr-fg);--logo-color: var(--hdr-logo);--logo-zain: var(--hdr-zain)}.guide-head .icon-btn[data-v-ecd95144]:hover{background:var(--hdr-hover)}.guide-scroll[data-v-ecd95144]{flex:1;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:transparent transparent}.guide-scroll[data-v-ecd95144]:hover{scrollbar-color:var(--gd-border) transparent}section[data-v-ecd95144]{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--gd-border)}h3[data-v-ecd95144]{font-size:13px;font-weight:700;padding:8px 12px 6px;color:var(--gd-muted);letter-spacing:.2px}.item[data-v-ecd95144]{width:100%;display:flex;align-items:center;gap:20px;height:40px;padding:0 12px;border-radius:10px;font-size:14px;text-align:start}.item span[data-v-ecd95144]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item[data-v-ecd95144]{position:relative;transition:background var(--dur-1)}.item[data-v-ecd95144]:hover{background:var(--gd-hover)}.item.on[data-v-ecd95144]{background:var(--gd-active-bg);color:var(--gd-active-fg);font-weight:700}.item.on[data-v-ecd95144]:before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3px;border-radius:3px;background:var(--gd-indicator)}.course-ic[data-v-ecd95144]{width:24px;height:24px;border-radius:50%;overflow:hidden;flex:none;background:var(--surface)}.course-ic[data-v-ecd95144] img{width:100%;height:100%;object-fit:cover}.skel.ic[data-v-ecd95144]{width:24px;height:24px;border-radius:50%;flex:none}.skel.tx[data-v-ecd95144]{height:12px;flex:1}.item.danger[data-v-ecd95144]{color:var(--danger)}.foot[data-v-ecd95144]{font-size:12px;color:var(--gd-muted);padding:4px 12px 16px}.bnav[data-v-3d470afc]{position:fixed;inset:auto 0 0;z-index:var(--z-nav);height:var(--bottom-nav-h);display:flex;background:var(--bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bnav a[data-v-3d470afc],.bnav button[data-v-3d470afc]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px}.bnav .on[data-v-3d470afc]{color:var(--accent);font-weight:700}.pill[data-v-3d470afc]{display:grid;place-items:center;width:56px;height:28px;border-radius:14px;transition:background var(--dur-2) var(--ease-out)}.bnav .on .pill[data-v-3d470afc]{background:var(--accent-soft)}.bnav a:active .pill[data-v-3d470afc],.bnav button:active .pill[data-v-3d470afc]{background:var(--surface-2)}.seek[data-v-4cc6ab14]{display:flex;align-items:center;gap:10px;width:100%}.t[data-v-4cc6ab14]{font-size:12px;color:var(--muted);min-width:34px;text-align:center;direction:ltr}.large .t[data-v-4cc6ab14]{font-size:13px}input[data-v-4cc6ab14]{--track: var(--surface-2);--fill: var(--brand-400);flex:1;min-width:0;height:18px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}input[data-v-4cc6ab14]:disabled{cursor:default;opacity:.6}input[data-v-4cc6ab14]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to left,var(--fill) var(--pct),var(--track) var(--pct));transition:height var(--dur-1)}input[data-v-4cc6ab14]::-moz-range-track{height:4px;border-radius:2px;background:var(--track)}input[data-v-4cc6ab14]::-moz-range-progress{height:4px;border-radius:2px;background:var(--fill)}[dir=ltr]{background:linear-gradient(to right,var(--fill) var(--pct),var(--track) var(--pct))}input[data-v-4cc6ab14]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--fill);border:0;box-shadow:0 1px 4px #0000004d;transform:scale(0);transition:transform var(--dur-1) var(--ease-out)}input[data-v-4cc6ab14]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--fill);border:0;transform:scale(0);transition:transform var(--dur-1)}input[data-v-4cc6ab14]:hover::-webkit-slider-thumb,input[data-v-4cc6ab14]:focus-visible::-webkit-slider-thumb,.large input[data-v-4cc6ab14]::-webkit-slider-thumb{transform:scale(1)}input[data-v-4cc6ab14]:hover::-moz-range-thumb,input[data-v-4cc6ab14]:focus-visible::-moz-range-thumb,.large input[data-v-4cc6ab14]::-moz-range-thumb{transform:scale(1)}input[data-v-4cc6ab14]:hover::-webkit-slider-runnable-track,.large input[data-v-4cc6ab14]::-webkit-slider-runnable-track{height:6px}input[data-v-4cc6ab14]:hover::-webkit-slider-thumb,.large input[data-v-4cc6ab14]::-webkit-slider-thumb{margin-top:-4px}input[data-v-4cc6ab14]:focus-visible{outline:none}input[data-v-4cc6ab14]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft)}@media(pointer:coarse){input[data-v-4cc6ab14]{height:28px}input[data-v-4cc6ab14]::-webkit-slider-thumb{transform:scale(1)}input[data-v-4cc6ab14]::-moz-range-thumb{transform:scale(1)}}.scrim[data-v-de4fd1d8]{position:fixed;inset:0;z-index:var(--z-drawer);background:#00000059}.sheet[data-v-de4fd1d8]{position:absolute;top:calc(var(--header-h) + 12px);bottom:calc(var(--player-h) + 12px);inset-inline-end:12px;width:400px;display:flex;flex-direction:column;overflow:hidden;background:var(--elevated);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.top[data-v-de4fd1d8]{display:flex;align-items:center;gap:8px;padding:10px 10px 4px;flex:none}.top-txt[data-v-de4fd1d8]{flex:1;display:grid;text-align:center;min-width:0}.label[data-v-de4fd1d8]{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.2px}.from[data-v-de4fd1d8]{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll[data-v-de4fd1d8]{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 20px}.now[data-v-de4fd1d8]{display:grid;gap:18px}.cover[data-v-de4fd1d8]{width:100%;max-width:340px;aspect-ratio:1;margin:6px auto 0;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:0 16px 40px #00000040}.cover img[data-v-de4fd1d8]{width:100%;height:100%;object-fit:cover}.np-meta[data-v-de4fd1d8]{display:flex;align-items:flex-start;gap:8px}.np-meta-txt[data-v-de4fd1d8]{flex:1;min-width:0}.np-meta h2[data-v-de4fd1d8]{font-size:20px;font-weight:700;line-height:1.35}.np-meta p[data-v-de4fd1d8]{font-size:14px;color:var(--muted);text-align:end;margin-top:2px}.np-meta-actions[data-v-de4fd1d8]{display:flex;flex:none}.controls[data-v-de4fd1d8]{display:flex;align-items:center;justify-content:space-between}.play[data-v-de4fd1d8]{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--brand-700);color:#fff;box-shadow:0 6px 16px #006b6e59;transition:transform var(--dur-1) var(--ease-out)}.play[data-v-de4fd1d8] .icon{width:32px;height:32px}.play[data-v-de4fd1d8]:hover{background:var(--brand-900)}.play[data-v-de4fd1d8]:active{transform:scale(.95)}.icon-btn.big[data-v-de4fd1d8]{width:52px;height:52px}.icon-btn.big[data-v-de4fd1d8] .icon{width:30px;height:30px}.rate[data-v-de4fd1d8]{min-width:48px;height:32px;padding:0 10px;border-radius:16px;font-size:13px;font-weight:700;border:1px solid var(--border);direction:ltr}.rate[data-v-de4fd1d8]:hover{background:var(--surface-hover)}.on[data-v-de4fd1d8]{color:var(--accent)}.heart[data-v-de4fd1d8]{color:var(--heart)}.queue[data-v-de4fd1d8]{margin-top:26px}.queue h3[data-v-de4fd1d8]{display:flex;justify-content:space-between;font-size:15px;font-weight:700;margin-bottom:8px}.queue h3 span[data-v-de4fd1d8]{color:var(--muted);font-weight:400;font-size:13px;direction:ltr}.queue ol[data-v-de4fd1d8]{list-style:none;margin:0;padding:0}.q-item[data-v-de4fd1d8]{width:100%;display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:10px;text-align:start}.q-item[data-v-de4fd1d8]:hover{background:var(--surface-hover)}.q-item.current[data-v-de4fd1d8]{background:var(--accent-soft)}.q-item.current .q-title[data-v-de4fd1d8]{color:var(--accent);font-weight:700}.q-num[data-v-de4fd1d8]{width:22px;flex:none;text-align:center;font-size:13px;color:var(--muted)}.q-item img[data-v-de4fd1d8]{width:44px;height:44px;border-radius:6px;object-fit:cover;flex:none;background:var(--surface)}.q-title[data-v-de4fd1d8]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.done[data-v-de4fd1d8]{color:var(--brand-400);flex:none}.eq[data-v-de4fd1d8]{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i[data-v-de4fd1d8]{width:3px;background:var(--accent);animation:eq-de4fd1d8 1s ease-in-out infinite}.eq i[data-v-de4fd1d8]:nth-child(2){animation-delay:.2s}.eq i[data-v-de4fd1d8]:nth-child(3){animation-delay:.4s}@keyframes eq-de4fd1d8{0%,to{height:4px}50%{height:14px}}.sheet-enter-active[data-v-de4fd1d8],.sheet-leave-active[data-v-de4fd1d8]{transition:opacity var(--dur-2)}.sheet-enter-active .sheet[data-v-de4fd1d8]{transition:transform var(--dur-3) var(--ease-out)}.sheet-leave-active .sheet[data-v-de4fd1d8]{transition:transform var(--dur-2) var(--ease-in)}.sheet-enter-from[data-v-de4fd1d8],.sheet-leave-to[data-v-de4fd1d8]{opacity:0}.sheet-enter-from .sheet[data-v-de4fd1d8],.sheet-leave-to .sheet[data-v-de4fd1d8]{transform:translateY(16px)}@media(max-width:791px){.scrim[data-v-de4fd1d8]{background:var(--bg)}.sheet[data-v-de4fd1d8]{inset:0;width:auto;border-radius:0;border:0;box-shadow:none;background:var(--bg);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.sheet[data-v-de4fd1d8]:before,.sheet[data-v-de4fd1d8]:after{content:"";position:absolute;pointer-events:none}.sheet[data-v-de4fd1d8]:before{inset:-60px;background:var(--art, none) center / cover;filter:blur(48px) saturate(1.3);opacity:.5}.sheet[data-v-de4fd1d8]:after{inset:0;background:linear-gradient(to bottom,transparent 0%,var(--bg) 62%)}.sheet[data-v-de4fd1d8]>*{position:relative;z-index:1}.scroll[data-v-de4fd1d8]{padding:8px 24px 24px}.cover[data-v-de4fd1d8]{max-width:min(340px,78vw)}.sheet-enter-from .sheet[data-v-de4fd1d8],.sheet-leave-to .sheet[data-v-de4fd1d8]{transform:translateY(100%)}}.player[data-v-7198a286]{position:fixed;inset:auto 0 var(--bottom-nav-h);z-index:var(--z-player);height:var(--player-h);background:var(--elevated);border-top:1px solid var(--border);box-shadow:0 -4px 20px #0000000f}.bar[data-v-7198a286]{height:100%;display:grid;align-items:center;gap:24px;padding:0 20px;grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr)}.track[data-v-7198a286]{display:flex;align-items:center;gap:12px;min-width:0}.art-btn[data-v-7198a286]{position:relative;flex:none;border-radius:8px;overflow:hidden}.art-btn img[data-v-7198a286]{width:56px;height:56px;object-fit:cover;background:var(--surface)}.eq[data-v-7198a286]{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:10px;background:#00000059}.eq i[data-v-7198a286]{width:3px;background:#fff;border-radius:2px;animation:eq-7198a286 1s ease-in-out infinite}.eq i[data-v-7198a286]:nth-child(2){animation-delay:.2s}.eq i[data-v-7198a286]:nth-child(3){animation-delay:.4s}@keyframes eq-7198a286{0%,to{height:5px}50%{height:18px}}.txt[data-v-7198a286]{display:grid;min-width:0;text-align:start;gap:2px}.title[data-v-7198a286]{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub[data-v-7198a286]{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txt:hover .title[data-v-7198a286]{text-decoration:underline}.track-actions[data-v-7198a286]{display:flex;flex:none}.center[data-v-7198a286]{display:grid;justify-items:center;gap:2px}.controls[data-v-7198a286]{display:flex;align-items:center;gap:8px}.play[data-v-7198a286]{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--bg);transition:transform var(--dur-1) var(--ease-out)}.play[data-v-7198a286]:hover{transform:scale(1.06)}.play[data-v-7198a286]:active{transform:scale(.96)}.icon-btn.sm[data-v-7198a286]{width:36px;height:36px}.rate[data-v-7198a286]{min-width:44px;height:26px;padding:0 8px;border-radius:13px;font-size:12px;font-weight:700;border:1px solid var(--border);color:var(--muted);direction:ltr}.rate[data-v-7198a286]:hover{color:var(--text);background:var(--surface-hover)}.on[data-v-7198a286]{color:var(--accent)}.heart[data-v-7198a286]{color:var(--heart)}.extra[data-v-7198a286]{display:flex;align-items:center;justify-content:flex-end;gap:4px}.vol[data-v-7198a286]{display:flex;align-items:center}.vol input[data-v-7198a286]{width:96px;height:18px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.vol input[data-v-7198a286]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to left,var(--muted) var(--pct),var(--surface-2) var(--pct))}.vol input[data-v-7198a286]:hover::-webkit-slider-runnable-track{background:linear-gradient(to left,var(--brand-400) var(--pct),var(--surface-2) var(--pct))}.vol input[data-v-7198a286]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--text)}.vol input[data-v-7198a286]::-moz-range-track{height:4px;border-radius:2px;background:var(--surface-2)}.vol input[data-v-7198a286]::-moz-range-progress{height:4px;border-radius:2px;background:var(--muted)}.vol input[data-v-7198a286]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--text)}.m-progress[data-v-7198a286]{display:none}.up-enter-active[data-v-7198a286],.up-leave-active[data-v-7198a286]{transition:transform var(--dur-3) var(--ease-out)}.up-enter-from[data-v-7198a286],.up-leave-to[data-v-7198a286]{transform:translateY(100%)}@media(max-width:1100px){.vol input[data-v-7198a286]{display:none}}@media(max-width:791px){.player[data-v-7198a286]{height:64px;box-shadow:0 -2px 12px #00000014}.bar[data-v-7198a286]{grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:0 8px 0 4px}.d-only[data-v-7198a286],.track-actions[data-v-7198a286]{display:none}.art-btn img[data-v-7198a286]{width:44px;height:44px}.track[data-v-7198a286]{gap:10px;padding-inline-start:4px}.title[data-v-7198a286]{font-size:14px}.controls[data-v-7198a286]{gap:0}.play[data-v-7198a286]{width:40px;height:40px;background:transparent;color:var(--text)}.play[data-v-7198a286] .icon{width:30px;height:30px}.m-progress[data-v-7198a286]{display:block;position:absolute;inset:0 0 auto;height:2px;background:var(--surface-2)}.m-progress span[data-v-7198a286]{display:block;height:100%;background:var(--brand-400);margin-inline-start:0}}.toasts[data-v-d63ad856]{position:fixed;z-index:100;inset-inline-start:24px;bottom:24px;display:grid;gap:8px;pointer-events:none}.has-player .toasts[data-v-d63ad856]{bottom:calc(var(--player-h) + 16px)}.toast[data-v-d63ad856]{display:flex;align-items:center;gap:10px;min-width:260px;max-width:420px;padding:12px 16px;border-radius:8px;background:#0f0f0f;color:#fff;font-size:14px;box-shadow:0 4px 16px #00000040}:root[data-theme=dark] .toast[data-v-d63ad856]{background:#f1f1f1;color:#0f0f0f}.success .icon[data-v-d63ad856]{color:var(--brand-300)}.error .icon[data-v-d63ad856]{color:#ff6b6b}.warning .icon[data-v-d63ad856]{color:#ffb74d}.info .icon[data-v-d63ad856]{color:var(--brand-300)}.toast-enter-active[data-v-d63ad856],.toast-leave-active[data-v-d63ad856]{transition:all .2s ease}.toast-enter-from[data-v-d63ad856],.toast-leave-to[data-v-d63ad856]{opacity:0;transform:translateY(12px)}@media(max-width:791px){.toasts[data-v-d63ad856]{inset-inline:12px;bottom:calc(var(--bottom-nav-h) + 12px)}.has-player .toasts[data-v-d63ad856]{bottom:calc(var(--bottom-nav-h) + 76px)}.toast[data-v-d63ad856]{min-width:0;max-width:none}}.top-progress[data-v-5578a7c9]{position:fixed;inset:0 0 auto;height:3px;z-index:var(--z-progress);pointer-events:none;opacity:0;transition:opacity var(--dur-2)}.top-progress.on[data-v-5578a7c9]{opacity:1}span[data-v-5578a7c9]{display:block;height:100%;background:var(--hdr-progress);box-shadow:0 0 8px var(--hdr-progress);transform-origin:right;transition:transform var(--dur-2) var(--ease-out)}.offline[data-v-b860f69b]{position:fixed;top:var(--header-h);inset-inline:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#323232;color:#fff;font-size:14px}.drop-enter-active[data-v-b860f69b],.drop-leave-active[data-v-b860f69b]{transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2)}.drop-enter-from[data-v-b860f69b],.drop-leave-to[data-v-b860f69b]{transform:translateY(-100%);opacity:0}.app{min-height:100dvh}.main{padding-top:var(--header-h);transition:margin var(--dur-2) var(--ease-out);outline:none}.guide-full .main{margin-inline-start:var(--guide-w)}.guide-mini .main{margin-inline-start:var(--guide-mini-w)}.has-bottom-nav{--bottom-nav-h: calc(56px + env(safe-area-inset-bottom)) }.has-player .main{padding-bottom:var(--player-h)}.has-bottom-nav .main{padding-bottom:var(--bottom-nav-h)}.has-bottom-nav.has-player .main{padding-bottom:calc(var(--bottom-nav-h) + 64px)}.hit[data-v-99522eef]{display:block;width:100%;text-align:start}.body[data-v-99522eef]{padding:12px 2px 0}.title[data-v-99522eef]{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:4px}.meta[data-v-99522eef]{line-height:1.5}.now[data-v-99522eef]{position:absolute;inset:auto 0 0;padding:4px 8px;font-size:12px;font-weight:700;background:#006b6eeb;color:#fff}.now[data-v-99522eef]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.body[data-v-99522eef]{padding-top:8px}.title[data-v-99522eef]{font-size:13.5px;line-height:1.45;margin-bottom:2px}.meta[data-v-99522eef]{font-size:12px}.meta.cp[data-v-99522eef]{display:none}.thumb[data-v-99522eef]{border-radius:10px}.thumb-badge[data-v-99522eef]{bottom:5px;left:5px;padding:1px 5px;font-size:11px}.thumb-done[data-v-99522eef]{top:5px;right:5px;padding:1px 6px;font-size:11px}.now[data-v-99522eef]{font-size:11px}}.hit[data-v-8d4d8ef6]{display:block}.stack[data-v-8d4d8ef6]{position:relative;padding-top:8px}.stack[data-v-8d4d8ef6]:before,.stack[data-v-8d4d8ef6]:after{content:"";position:absolute;inset-inline:12px;top:4px;height:8px;border-radius:12px 12px 0 0;background:var(--brand-600);opacity:.55}.stack[data-v-8d4d8ef6]:after{inset-inline:24px;top:0;opacity:.3}.thumb[data-v-8d4d8ef6]{z-index:1}.side[data-v-8d4d8ef6]{position:absolute;inset:auto 0 0;height:30px;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 10px;background:linear-gradient(to top,#002828d9,#0028288c);color:#fff;font-size:12px;font-weight:700}.side .icon[data-v-8d4d8ef6]{width:18px;height:18px}.body[data-v-8d4d8ef6]{padding:12px 2px 0}.title[data-v-8d4d8ef6]{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:2px}.en[data-v-8d4d8ef6]{text-align:end}.link[data-v-8d4d8ef6]{font-weight:700;color:var(--muted)}.card:hover .link[data-v-8d4d8ef6]{color:var(--accent)}@media(max-width:640px){.body[data-v-8d4d8ef6]{padding-top:8px}.title[data-v-8d4d8ef6]{font-size:14px}.en[data-v-8d4d8ef6]{font-size:11.5px}.link[data-v-8d4d8ef6]{display:none}.side[data-v-8d4d8ef6]{height:26px;font-size:11px;padding:0 8px}}.shelf[data-v-698d4600]{position:relative}.track[data-v-698d4600]{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.track[data-v-698d4600]::-webkit-scrollbar{display:none}.track[data-v-698d4600]>*{scroll-snap-align:start}.nav[data-v-698d4600]{position:absolute;top:calc(50% - 50px);z-index:2;background:var(--elevated);box-shadow:0 2px 8px #0003}.nav[data-v-698d4600]:hover{background:var(--surface)}.nav-r[data-v-698d4600]{right:-18px}.nav-l[data-v-698d4600]{left:-18px}@media(max-width:1200px){.track[data-v-698d4600]{grid-auto-columns:calc((100% - 2 * 16px) / 3)}}@media(max-width:900px){.track[data-v-698d4600]{grid-auto-columns:calc((100% - 16px)/2)}}@media(max-width:640px){.track[data-v-698d4600]{grid-auto-columns:calc((100% - 10px) / 2.15);gap:10px}.nav[data-v-698d4600]{display:none}}@media(hover:none){.nav[data-v-698d4600]{display:none}}.chips-bar[data-v-44ceda97]{position:sticky;top:var(--header-offset);z-index:var(--z-sticky);transition:top var(--dur-3) var(--ease-out);background:var(--bg);padding:12px 24px;border-bottom:1px solid transparent}.chips[data-v-44ceda97]{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.chips[data-v-44ceda97]::-webkit-scrollbar{display:none}.chip[data-v-44ceda97]{flex:none;height:34px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;background:var(--surface);font-size:14px;font-weight:700;white-space:nowrap;transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1) var(--ease-out)}.chip[data-v-44ceda97]:hover{background:var(--surface-2)}.chip[data-v-44ceda97]:active{transform:scale(.96)}.chip.on[data-v-44ceda97]{background:var(--text);color:var(--bg)}.chip-ic[data-v-44ceda97]{width:16px;height:16px;opacity:.7}@media(pointer:coarse){.chip[data-v-44ceda97]{height:38px}}.grid-4[data-v-44ceda97]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 16px}@media(max-width:1000px){.grid-4[data-v-44ceda97]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-4[data-v-44ceda97]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}}.course-row[data-v-44ceda97]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:1000px){.course-row[data-v-44ceda97]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.course-row[data-v-44ceda97]{gap:20px 10px}}.topic-head[data-v-44ceda97]{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.topic-head h1[data-v-44ceda97]{font-size:22px}.more[data-v-44ceda97]{display:flex;justify-content:center;margin-top:32px}.me[data-v-44ceda97]{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;margin-bottom:32px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.me-hello[data-v-44ceda97]{display:flex;align-items:center;gap:14px}.me-avatar[data-v-44ceda97]{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--brand-gradient);color:#fff;font-size:20px;font-weight:700}.me-title[data-v-44ceda97]{font-size:18px;font-weight:700}.me-stats[data-v-44ceda97]{display:flex;gap:8px;flex-wrap:wrap}.pill[data-v-44ceda97]{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:18px;background:var(--bg);border:1px solid var(--border);font-size:14px}.pill .icon[data-v-44ceda97]{color:var(--accent)}.pill b[data-v-44ceda97]{font-size:15px}.promo[data-v-44ceda97]{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:24px;padding:28px 32px;margin-bottom:36px;border-radius:20px;overflow:hidden;position:relative;background:radial-gradient(circle at 12% 120%,rgba(3,172,172,.5) 0,transparent 45%),linear-gradient(135deg,#004d4d,#006b6e 60%,#00878a);color:#fff}.promo h1[data-v-44ceda97]{font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.3}.promo-txt>p[data-v-44ceda97]{margin-top:8px;opacity:.9;line-height:1.7}.benefits[data-v-44ceda97]{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.benefits li[data-v-44ceda97]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff1f;font-size:13px;font-weight:700}.promo-cta[data-v-44ceda97]{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px}.link-light[data-v-44ceda97]{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px;opacity:.92}.link-light[data-v-44ceda97]:hover{opacity:1}.promo-art[data-v-44ceda97]{position:relative;height:200px}.promo-card[data-v-44ceda97]{position:absolute;width:62%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #00000059;border:3px solid rgba(255,255,255,.9);background:var(--surface)}.promo-card[data-v-44ceda97] img{width:100%;height:100%;object-fit:cover}.promo-card.c0[data-v-44ceda97]{top:6%;left:2%;transform:rotate(-6deg)}.promo-card.c1[data-v-44ceda97]{top:30%;left:34%;transform:rotate(4deg);z-index:2}.promo-card.c2[data-v-44ceda97]{top:2%;left:40%;transform:rotate(-2deg);opacity:.9}@media(max-width:900px){.promo[data-v-44ceda97]{grid-template-columns:1fr}.promo-art[data-v-44ceda97]{display:none}}@media(max-width:640px){.chips-bar[data-v-44ceda97]{padding:10px 12px}.promo[data-v-44ceda97]{padding:22px 20px;margin-bottom:24px;border-radius:16px}.me[data-v-44ceda97]{padding:14px;margin-bottom:24px}.me-stats[data-v-44ceda97]{width:100%}.pill[data-v-44ceda97]{flex:1;justify-content:center;padding:0 8px}}@font-face{font-family:Zain;src:url(/fonts/Zain_Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Zain;src:url(/fonts/Zain_Bold.woff) format("woff");font-weight:700;font-display:swap}:root{--brand-300: #2fd0d0;--brand-400: #03acac;--brand-500: #00a5a8;--brand-600: #00878a;--brand-700: #006b6e;--brand-900: #004d4d;--brand-gradient: linear-gradient(135deg, #006b6e 0%, #00878a 50%, #00a5a8 100%);--bg: #ffffff;--surface: #f2f2f2;--surface-2: #e5e5e5;--surface-hover: rgba(0, 0, 0, .05);--elevated: #ffffff;--text: #0f0f0f;--muted: #606060;--border: rgba(0, 0, 0, .1);--accent: var(--brand-700);--accent-soft: rgba(3, 172, 172, .12);--danger: #cc0000;--heart: #e53935;--shadow: 0 4px 32px rgba(0, 0, 0, .1);--header-h: 56px;--guide-w: 240px;--guide-mini-w: 72px;--player-h: 72px;--bottom-nav-h: 0px;--radius: 12px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--dur-1: .12s;--dur-2: .2s;--dur-3: .32s;--header-offset: var(--header-h);--z-sticky: 20;--z-guide: 30;--z-nav: 40;--z-player: 45;--z-header: 50;--z-scrim: 60;--z-drawer: 70;--z-menu: 80;--z-toast: 100;--z-progress: 110;--font: "Zain", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f0f0f;--surface: #272727;--surface-2: #3f3f3f;--surface-hover: rgba(255, 255, 255, .1);--elevated: #212121;--text: #f1f1f1;--muted: #aaaaaa;--border: rgba(255, 255, 255, .1);--accent: var(--brand-300);--accent-soft: rgba(47, 208, 208, .15);--shadow: 0 4px 32px rgba(0, 0, 0, .6);--danger: #ff8a80;color-scheme:dark}}:root[data-theme=dark]{--bg: #0f0f0f;--surface: #272727;--surface-2: #3f3f3f;--surface-hover: rgba(255, 255, 255, .1);--elevated: #212121;--text: #f1f1f1;--muted: #aaaaaa;--border: rgba(255, 255, 255, .1);--accent: var(--brand-300);--accent-soft: rgba(47, 208, 208, .15);--shadow: 0 4px 32px rgba(0, 0, 0, .6);--danger: #ff8a80;color-scheme:dark}:root{--hdr-bg: linear-gradient(270deg, #004d4d 0%, #006b6e 55%, #007376 100%);--hdr-fg: #ffffff;--hdr-hover: rgba(255, 255, 255, .14);--hdr-logo: #ffffff;--hdr-zain: #ffffff;--hdr-sep: rgba(255, 255, 255, .3);--hdr-shadow: 0 2px 8px rgba(0, 40, 40, .25);--hdr-progress: #9ff7f7;--srch-bg: #ffffff;--srch-fg: #0f0f0f;--srch-border: transparent;--srch-placeholder: #5f6b6b;--srch-btn: #e6f3f3;--srch-btn-fg: #005457;--srch-btn-hover: #d2eaea;--srch-focus: rgba(255, 255, 255, .45);--hdr-ghost-bg: transparent;--hdr-ghost-fg: #ffffff;--hdr-cta-bg: #ffffff;--hdr-cta-fg: #005457;--gd-bg: var(--bg);--gd-fg: var(--text);--gd-muted: var(--muted);--gd-hover: var(--surface-hover);--gd-active-bg: #dcefef;--gd-active-fg: #004d4d;--gd-indicator: #00878a;--gd-border: var(--border)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--hdr-bg: linear-gradient(270deg, #002f30 0%, #00474a 55%, #005b5e 100%);--hdr-shadow: 0 1px 0 rgba(255, 255, 255, .06);--srch-bg: #121c1c;--srch-fg: #f1f1f1;--srch-border: rgba(255, 255, 255, .14);--srch-placeholder: #9fb4b4;--srch-btn: #1d2b2b;--srch-btn-fg: #d8f0f0;--srch-btn-hover: #263838;--srch-focus: rgba(47, 208, 208, .35);--hdr-cta-bg: #e6f7f7;--hdr-cta-fg: #004d4d;--gd-active-bg: rgba(47, 208, 208, .16);--gd-active-fg: #7eeaea;--gd-indicator: #2fd0d0}}:root[data-theme=dark]{--hdr-bg: linear-gradient(270deg, #002f30 0%, #00474a 55%, #005b5e 100%);--hdr-shadow: 0 1px 0 rgba(255, 255, 255, .06);--srch-bg: #121c1c;--srch-fg: #f1f1f1;--srch-border: rgba(255, 255, 255, .14);--srch-placeholder: #9fb4b4;--srch-btn: #1d2b2b;--srch-btn-fg: #d8f0f0;--srch-btn-hover: #263838;--srch-focus: rgba(47, 208, 208, .35);--hdr-cta-bg: #e6f7f7;--hdr-cta-fg: #004d4d;--gd-active-bg: rgba(47, 208, 208, .16);--gd-active-fg: #7eeaea;--gd-indicator: #2fd0d0}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-variant-numeric:tabular-nums;touch-action:manipulation;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}h1,h2,h3{text-wrap:balance}.skip-link{position:fixed;top:8px;inset-inline-start:8px;z-index:200;padding:10px 16px;border-radius:8px;background:var(--brand-700);color:#fff;font-weight:700;transform:translateY(-150%);transition:transform var(--dur-2) var(--ease-out)}.skip-link:focus{transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.icon{width:24px;height:24px;fill:currentColor;flex:none}.icon-sm{width:20px;height:20px}.page{padding:24px 24px 48px;max-width:2200px;margin:0 auto}.page-narrow{max-width:1100px}@media(max-width:640px){.page{padding:12px 12px 32px}}.section{margin-bottom:40px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700}.section-title .icon{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border-radius:18px;font-size:14px;font-weight:700;white-space:nowrap;background:var(--surface);color:var(--text);transition:background .15s,color .15s,opacity .15s}.btn:hover{background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn{transition:background var(--dur-1),color var(--dur-1),transform var(--dur-1) var(--ease-out)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--brand-700);color:#fff}.btn-primary:hover{background:var(--brand-900)}.btn-light{background:#fff;color:var(--brand-700)}.btn-light:hover{background:#e6f7f7}.btn-ghost-light{background:#ffffff24;color:#fff}.btn-ghost-light:hover{background:#ffffff3d}.btn-lg{height:44px;padding:0 24px;border-radius:22px;font-size:15px}.btn-block{width:100%}.btn.is-active{background:var(--accent-soft);color:var(--accent)}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;transition:background .15s}.icon-btn:hover{background:var(--surface-hover)}.icon-btn:active{background:var(--surface-2)}@media(pointer:coarse){.icon-btn{width:44px;height:44px}.btn{min-height:40px}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:36px 16px}@media(min-width:1800px){.grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}}.grid-compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 16px}@media(max-width:640px){.grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}}.thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius);background:var(--surface)}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.thumb-badge{position:absolute;bottom:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background:#000000c7;color:#fff;font-size:12px;font-weight:700;line-height:18px}.thumb-badge .icon{width:14px;height:14px}.thumb-play{position:absolute;inset:0;display:grid;place-items:center;background:#00000040;opacity:0;transition:opacity .2s}.thumb-play span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#006b6eeb;color:#fff}@media(hover:hover){.card:hover .thumb img{transform:scale(1.04)}.card:hover .thumb-play{opacity:1}}.card:active .thumb{transform:scale(.98)}.thumb{transition:transform var(--dur-1) var(--ease-out)}.thumb-progress{position:absolute;inset:auto 0 0;height:4px;background:#ffffff59}.thumb-progress span{display:block;height:100%;background:var(--brand-400)}.thumb-done{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:#004d4deb;color:#fff;font-size:12px;font-weight:700}.thumb-done .icon{width:14px;height:14px}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.muted{color:var(--muted)}.meta{color:var(--muted);font-size:14px}.dot:before{content:"•";margin:0 6px}.skel{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.panel{background:var(--elevated);border:1px solid var(--border);border-radius:16px;padding:24px}.field{display:grid;gap:6px;margin-bottom:16px}.field label{font-size:14px;font-weight:700}.field .hint{font-size:12px;color:var(--muted)}.input{width:100%;height:44px;padding:0 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}textarea.input{height:auto;min-height:120px;padding:12px 14px;resize:vertical}.input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px var(--accent-soft)}.input.invalid{border-color:var(--danger)}.empty{display:grid;justify-items:center;gap:10px;text-align:center;padding:64px 16px;color:var(--muted)}.empty .icon{width:64px;height:64px;opacity:.5}.empty h3{color:var(--text);font-size:18px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.img-fade{opacity:0;transition:opacity var(--dur-3) var(--ease-out)}.img-fade.is-loaded{opacity:1}.img-fallback{display:grid;place-items:center;width:100%;height:100%;background:var(--surface);color:var(--muted)}.error-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border-radius:12px;background:var(--surface);color:var(--text)}.error-box .icon{color:var(--danger)}.field-error{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--danger)}:root[data-theme=dark] .field-error{color:#ff8a80}.page-enter-active{transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(6px)}kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;font:700 12px/1 var(--font);color:var(--muted);background:var(--bg)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .field-error{color:#ff8a80}}.img-fallback .icon{width:28%;max-width:40px;height:auto;opacity:.55}.auth-intro{margin-bottom:28px}.auth-intro h1{font-size:clamp(26px,3vw,32px);font-weight:700;margin-top:14px;line-height:1.3}.auth-intro p{color:var(--muted);margin-top:6px;line-height:1.7}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.eyebrow.danger{background:#cc00001a;color:var(--danger)}.btn-tall{height:54px;border-radius:14px;font-size:16px}.btn-outline-brand{background:transparent;color:var(--accent);border:1.5px solid currentColor}.btn-outline-brand:hover{background:var(--accent-soft)}.btn-outline-danger{background:transparent;color:var(--danger);border:1.5px solid currentColor}.btn-outline-danger:hover{background:#cc000014}.auth-divider{display:flex;align-items:center;gap:12px;margin:28px 0 16px;color:var(--muted);font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}@media(max-width:791px){html.sheet-open,html.sheet-open body{overflow:hidden}}