:root{--bg:#0b0d12;--bg-elevated:#141823;--bg-hover:#1b2030;--line:#262c3d;--fg:#eef1f7;--fg-muted:#9aa3b8;--accent:#f0a1b7;--accent-2:#bde969;--danger:#ff7b7b;--radius:14px;--font:"IBM Plex Sans Arabic", "Noto Sans Arabic", "SF Arabic", "Geeza Pro", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3{margin:0 0 .4em;line-height:1.25}h1{font-size:clamp(1.6rem,3vw,2.4rem)}h2{font-size:1.25rem}p{margin:0 0 .8em}.muted{color:var(--fg-muted)}.lead{font-size:1.1rem}.kicker{color:var(--accent);margin-bottom:.2em;font-weight:600}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0b0d12d9;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.site-header .brand{font-size:1.25rem;font-weight:800}.site-header nav{align-items:center;gap:18px;display:flex}.badge{background:var(--bg-hover);color:var(--accent-2);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.button{border:1px solid var(--line);background:var(--bg-elevated);color:var(--fg);font:inherit;cursor:pointer;border-radius:10px;padding:8px 16px;display:inline-block}.button:hover{background:var(--bg-hover);color:var(--fg)}.button.danger{color:var(--danger)}.button:disabled{opacity:.5;cursor:default}.page{max-width:1180px;margin:0 auto;padding:28px 24px 80px}.narrow{max-width:720px}.hero{margin-bottom:36px}.group{margin-bottom:40px}.group header{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.card{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);gap:14px;padding:16px;transition:background .15s,border-color .15s,transform .15s;display:flex}.card:hover{background:var(--bg-hover);color:var(--fg);border-color:#3a4256;transform:translateY(-1px)}.card-number{color:var(--accent);min-width:2ch;font-size:1.4rem;font-weight:800}.card-body{flex-direction:column;gap:4px;min-width:0;display:flex}.card-body strong{font-size:1.05rem}.card-subtitle{color:var(--fg-muted);font-size:.95rem}.card-meta{color:var(--fg-muted);flex-wrap:wrap;gap:6px 14px;margin-top:4px;font-size:.85rem;display:flex}.watch header{margin-bottom:18px}.frame{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);background:#000;width:100%;position:relative;overflow:hidden}.frame iframe{--media-object-fit:contain;border:0;width:100%;height:100%;display:block}.frame.placeholder{color:var(--fg-muted);place-items:center;display:grid}.description{max-width:76ch;color:var(--fg-muted);margin-top:20px}.chapters{margin-top:22px}.chapters ol{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.chapters button{background:var(--bg-elevated);width:100%;color:var(--fg);font:inherit;text-align:start;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.chapters button:hover{background:var(--bg-hover)}.chapters button.current{border-color:var(--accent)}.chapters .n{color:var(--accent);min-width:2.2ch;font-weight:700}.chapters .t{flex:1}.chapters .d{color:var(--fg-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.notice{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);padding:18px 20px}.notice.limit{border-color:var(--accent)}.notice ul{margin:8px 0 0;padding-inline-start:20px}.notice small{color:var(--fg-muted)}.devices ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.devices li{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.devices li.current{border-color:var(--accent-2)}.devices li small{color:var(--fg-muted);margin-top:2px;display:block}.auth{place-items:center;padding:40px 0;display:grid}@media (max-width:640px){.site-header{padding:12px 16px}.page{padding:20px 16px 60px}.site-header nav{gap:12px;font-size:.95rem}}.admin{gap:24px;display:grid}.panel{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);padding:20px}.form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:12px;display:grid}.form label{flex-direction:column;gap:4px;font-size:.95rem;display:flex}.form input{border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;border-radius:10px;padding:9px 12px}.notice.created{border-color:var(--accent-2);margin-top:14px}.notice code{background:var(--bg);-webkit-user-select:all;user-select:all;border-radius:6px;padding:3px 8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}th{color:var(--fg-muted);font-weight:600}td.actions{white-space:nowrap;gap:8px;display:flex}