@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap";:root{color:#14333a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#14333a;--muted:#6e7c7a;--cream:#f7f3ec;--paper:#fffdf9;--line:#e7dfd3;--teal:#0f6571;--gold:#c78c47;--serif:Georgia, "Times New Roman", serif;background:#f7f3ec;font-family:Noto Kufi Arabic,sans-serif}*{box-sizing:border-box}body{background:var(--cream);min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f7f3ece0;height:84px;position:sticky;top:0}.header-inner{align-items:center;gap:34px;max-width:1440px;height:100%;margin:auto;padding:0 42px;display:flex}.brand{align-items:center;gap:11px;min-width:184px;display:inline-flex}.brand-mark{border:1px solid var(--gold);width:37px;height:37px;color:var(--gold);border-radius:50%;place-items:center;display:grid;transform:rotate(-12deg)}.brand strong,.brand small{line-height:1.25;display:block}.brand strong{letter-spacing:-.04em;font-size:15px}.brand small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:500}.header-search{color:#71817e;background:#eee8df;border:1px solid #0000;border-radius:4px;flex:1;align-items:center;gap:10px;max-width:560px;height:42px;margin:0 auto;padding:0 12px;transition:all .2s;display:flex}.header-search:focus-within{background:#fffdf9;border-color:#c9b99f;box-shadow:0 3px 14px #6c563018}.header-search input,.large-search input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;font-size:12px}.header-search button{background:var(--ink);color:#fffdf9;cursor:pointer;border:0;border-radius:3px;padding:6px 14px;font-size:11px}.admin-link{color:var(--teal);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.mobile-menu,.close-menu{display:none}.sidebar{border-left:1px solid var(--line);z-index:10;background:var(--cream);width:254px;padding:35px 25px;position:fixed;top:84px;bottom:0;right:0}.sidebar-top,.sidebar-heading{justify-content:space-between;align-items:center;display:flex}.sidebar-label,.eyebrow{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.main-nav,.category-nav{gap:5px;margin-top:20px;display:grid}.main-nav a,.category-nav a{color:#60706e;border-radius:4px;align-items:center;gap:11px;padding:11px 10px;font-size:12px;transition:all .2s;display:flex}.main-nav a:hover,.category-nav a:hover,.main-nav a.active{color:var(--teal);background:#e9e1d6}.main-nav a.active{font-weight:700}.sidebar-rule{border-top:1px solid var(--line);margin:30px 0 25px}.sidebar-heading{font-size:11px;font-weight:700}.sidebar-heading a{color:var(--gold);font-size:10px;font-weight:400}.category-nav{gap:2px;margin-top:11px}.category-nav a{padding:9px 7px;font-size:11px}.category-nav svg{color:#aaada6;margin-right:auto}.category-dot{border-radius:50%;width:7px;height:7px}.sidebar-note{border-top:1px solid var(--line);color:var(--muted);align-items:start;gap:10px;padding-top:20px;display:flex;position:absolute;bottom:30px;left:25px;right:25px}.note-icon{color:var(--gold);margin-top:3px}.sidebar-note p{margin:0;font-size:10px;line-height:1.9}.page-content{min-height:calc(100vh - 84px);margin-right:254px}.page-wrap{width:min(1120px,100% - 84px);margin:0 auto;padding:62px 0 90px}.hero{background:#eee7dc;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:460px;padding:40px 42px 55px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.68;background:#dfd0bd;border-radius:50%;width:420px;height:420px;position:absolute;top:-190px;right:-120px}.hero-copy{z-index:1;position:relative}.hero h1{letter-spacing:-.08em;margin:20px 0 18px;font-size:clamp(34px,5vw,61px);font-weight:600;line-height:1.35}.hero h1 em{color:var(--teal);font-family:var(--serif);letter-spacing:-.05em;font-weight:400}.hero p{color:var(--muted);max-width:365px;margin:0 0 28px;font-size:13px;line-height:2}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:3px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:11px;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-button{color:#fffdf9;background:var(--teal);box-shadow:0 7px 18px #0f657126}.primary-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f65713d}.secondary-button{color:var(--teal);background:#ede5da}.secondary-button:hover{background:#e2d7c8}.hero-art{place-items:center;min-height:330px;display:grid;position:relative}.hero-orbit{border:1px solid #bda98e;border-radius:50%;width:285px;height:285px;position:absolute;transform:rotate(-24deg)}.orbit-one{width:355px;height:160px}.orbit-two{border-color:#cdb9a1;width:330px;height:220px;transform:rotate(38deg)}.hero-sun{background:var(--teal);color:#ead5b7;z-index:1;border-radius:50%;place-items:center;width:118px;height:118px;display:grid;box-shadow:0 12px 25px #0f657136}.hero-caption{font-family:var(--serif);color:#4f6762;font-size:18px;position:absolute;bottom:12px;right:12%}.hero-reference{color:var(--gold);font:9px DM Mono,monospace;position:absolute;bottom:-11px;right:12%}.content-section{padding-top:75px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:23px;display:flex}.section-heading h2{letter-spacing:-.07em;margin:10px 0 0;font-size:24px}.text-link,.back-link{color:var(--teal);align-items:center;gap:6px;font-size:11px;display:flex}.featured-grid,.video-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.featured-grid{grid-template-columns:repeat(2,1fr)}.video-card{min-width:0;display:block}.thumbnail{aspect-ratio:1.58;background:var(--accent);color:#fffdf9;border-radius:4px;flex-direction:column;justify-content:end;padding:15px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.video-card:hover .thumbnail{transform:translateY(-4px);box-shadow:0 12px 23px #183d4140}.thumbnail:after{content:"";background:linear-gradient(130deg,#0000 25%,#00000018);position:absolute;inset:0}.thumbnail-pattern{border:1px solid #ffffff56;border-radius:50%;width:150px;height:150px;position:absolute;top:-53px;left:-28px;box-shadow:0 0 0 24px #ffffff0e,0 0 0 48px #ffffff0a}.thumbnail-cross{font-family:var(--serif);color:#fff8e9b8;z-index:1;font-size:36px;position:absolute;top:22px;left:18px}.thumbnail-title,.duration{z-index:1;position:relative}.thumbnail-title{letter-spacing:-.06em;font-size:15px;font-weight:600}.duration{opacity:.85;align-items:center;gap:4px;margin-top:7px;font:9px DM Mono,monospace;display:flex}.video-card-info{justify-content:space-between;align-items:center;gap:12px;padding:12px 1px;display:flex}.video-card h3{letter-spacing:-.04em;margin:0 0 3px;font-size:12px}.video-card p{color:var(--muted);margin:0;font-size:10px}.card-arrow{color:#9eaba7;transition:all .2s}.video-card:hover .card-arrow{color:var(--teal);transform:translate(-3px)}.category-strip{background:var(--teal);color:#f4e9d9;justify-content:space-between;align-items:center;gap:35px;margin-top:78px;padding:32px 37px;display:flex}.category-strip .eyebrow{color:#d5b27d}.category-strip h2{letter-spacing:-.06em;margin:8px 0 0;font-size:20px}.category-pills{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.category-pills a{border:1px solid #ffffff43;align-items:center;gap:7px;padding:8px 12px;font-size:10px;transition:all .2s;display:flex}.category-pills a:hover{background:#ffffff12}.category-pills span{background:var(--dot);border-radius:50%;width:6px;height:6px}.site-footer{border-top:1px solid var(--line);color:#87918d;justify-content:space-between;align-items:center;margin-right:254px;padding:25px 42px;font-size:9px;display:flex}.site-footer .brand{transform-origin:100%;transform:scale(.88)}.watch-page{padding-top:32px}.back-link{margin-bottom:24px}.watch-layout{grid-template-columns:minmax(0,1fr) 275px;gap:42px;display:grid}.video-player{aspect-ratio:16/9;background:#102d31;place-items:center;display:grid;position:relative;overflow:hidden}.video-player video{display:none}.player-placeholder{color:#dfc99e;background:radial-gradient(circle at 50% 43%,#1d6b72,#102d31 57%);align-content:center;place-items:center;gap:16px;width:100%;height:100%;font-size:11px;display:grid}.player-placeholder svg{border:1px solid #dfc99e;border-radius:50%;width:70px;height:70px;padding:21px}.watch-heading{justify-content:space-between;align-items:end;gap:18px;margin:27px 0 14px;display:flex}.watch-heading h1{letter-spacing:-.08em;margin:9px 0 5px;font-size:28px}.watch-singer{color:var(--muted);margin:0;font-size:11px}.watch-singer span{color:var(--gold);margin:0 6px}.watch-actions{gap:7px;display:flex}.watch-description{color:#5f6c69;max-width:650px;font-size:12px;line-height:2}.rights-note{color:#80776b;background:#f0e8dc;align-items:center;gap:9px;margin-top:25px;padding:12px 14px;font-size:10px;display:flex}.rights-note svg{color:var(--gold);flex:none}.related-panel .section-heading{align-items:start;margin-bottom:18px}.related-panel .section-heading h2{font-size:18px}.related-panel .text-link{display:none}.related-panel .video-card{border-bottom:1px solid var(--line);margin-bottom:14px}.related-panel .thumbnail{aspect-ratio:1.7}.search-intro{max-width:580px;padding:25px 0 32px}.search-intro h1,.category-hero h1,.admin-welcome h1{letter-spacing:-.08em;margin:14px 0 9px;font-size:34px}.search-intro p,.admin-welcome p{color:var(--muted);margin:0;font-size:12px}.large-search{background:var(--paper);max-width:750px;height:58px;color:var(--teal);border:1px solid #d6cabb;align-items:center;gap:13px;padding:0 18px;display:flex}.large-search input{font-size:13px}kbd{border:1px solid var(--line);color:#99a19b;white-space:nowrap;padding:4px 6px;font:9px DM Mono,monospace}.filters{border-bottom:1px solid var(--line);align-items:end;gap:20px;margin-bottom:28px;padding:27px 0 14px;display:flex}.filter-group{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.filter-group select{color:var(--teal);cursor:pointer;background:0 0;border:0;outline:0;font-size:11px}.result-count{color:#a4aaa4;margin-right:auto;font:10px DM Mono,monospace}.empty-state{text-align:center;color:var(--muted);border:1px dashed #cfbfac;padding:75px 20px}.empty-state svg{color:var(--gold)}.empty-state h2{color:var(--ink);margin:15px 0 7px;font-size:16px}.empty-state p{margin:0;font-size:11px}.category-hero{background:var(--accent);color:#fffdf9;justify-content:space-between;align-items:center;margin-bottom:70px;padding:46px 48px;display:flex}.category-hero .eyebrow{color:#f0d19f}.category-hero h1{margin-bottom:10px}.category-hero p{color:#fffdf9b8;margin:0;font-size:11px}.category-count{border:1px solid #fffdf967;border-radius:50%;align-content:center;place-items:center;width:94px;height:94px;font:30px Georgia,serif;display:grid}.category-count small{color:#fffdf9b8;font:9px Noto Kufi Arabic;display:block}.admin-welcome{justify-content:space-between;align-items:end;gap:20px;padding-bottom:48px;display:flex}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:40px;display:grid}.stats-grid>div{border:1px solid var(--line);background:var(--paper);gap:5px;padding:20px;display:grid}.stats-grid svg{color:var(--gold)}.stats-grid strong{color:var(--teal);margin-top:8px;font:29px Georgia,serif}.stats-grid span{color:var(--muted);font-size:10px}.admin-card{border:1px solid var(--line);background:var(--paper);padding:27px}.card-heading{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.card-heading h2{letter-spacing:-.06em;margin:8px 0 0;font-size:20px}.status-badge{color:var(--gold);background:#f1e9de;padding:6px 8px;font:9px DM Mono,monospace}.admin-list>div{border-top:1px solid var(--line);grid-template-columns:1fr 100px 30px;align-items:center;gap:15px;padding:11px 0;display:grid}.admin-list-title{align-items:center;gap:12px;display:flex}.admin-list-title .thumbnail{aspect-ratio:1.4;width:65px;padding:7px}.admin-list-title .thumbnail-title{font-size:7px}.admin-list-title .duration,.admin-list-title .thumbnail-cross,.admin-list-title .thumbnail-pattern{display:none}.admin-list-title strong,.admin-list-title small{display:block}.admin-list-title strong{font-size:11px}.admin-list-title small{color:var(--muted);margin-top:3px;font-size:9px}.status-dot{font-size:9px}.status-dot:before{content:"";background:#77a76c;border-radius:50%;width:5px;height:5px;margin-left:6px;display:inline-block}.status-dot.draft:before{background:var(--gold)}.icon-button{color:var(--teal);cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}@media (width<=1060px){.header-inner{padding:0 25px}.page-wrap{width:min(100% - 50px,900px)}.sidebar{width:220px}.page-content,.site-footer{margin-right:220px}.watch-layout{grid-template-columns:1fr}.related-panel{display:none}}@media (width<=760px){.site-header{height:70px}.header-inner{gap:14px;padding:0 18px}.mobile-menu,.close-menu{display:grid}.brand{min-width:0;margin-right:auto}.brand-mark{width:32px;height:32px}.brand strong{font-size:13px}.header-search,.admin-link span{display:none}.sidebar{width:270px;transition:right .25s;top:0;right:-270px;box-shadow:-15px 0 40px #183d4120}.sidebar.is-open{right:0}.sidebar-overlay{z-index:9;background:#14333a6e;border:0;display:block;position:fixed;inset:0}.page-content{margin-right:0}.page-wrap{width:calc(100% - 36px);padding-top:30px}.site-footer{flex-wrap:wrap;gap:10px;margin-right:0;padding:25px 18px}.site-footer .brand{width:100%}.hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding:35px 24px 27px}.hero h1{font-size:41px}.hero-art{min-height:220px}.hero-orbit{transform:scale(.75)rotate(-24deg)}.orbit-two{transform:scale(.75)rotate(38deg)}.hero-caption{font-size:15px;bottom:0;right:7%}.hero-reference{bottom:-18px;right:7%}.content-section{padding-top:52px}.featured-grid,.video-grid{grid-template-columns:repeat(2,1fr);gap:18px 11px}.featured-grid{grid-template-columns:1fr}.category-strip{margin-top:52px;padding:25px 20px;display:block}.category-pills{justify-content:start;margin-top:22px}.watch-heading{display:block}.watch-actions{margin-top:17px}.search-intro h1,.category-hero h1,.admin-welcome h1{font-size:27px}.filters{flex-wrap:wrap;gap:12px}.result-count{width:100%;margin-right:0}.category-hero{margin-bottom:50px;padding:28px 25px}.category-count{width:70px;height:70px;font-size:23px}.admin-welcome{display:block}.admin-welcome .primary-button{margin-top:22px}.stats-grid{gap:8px}.stats-grid>div{padding:13px}.stats-grid strong{font-size:24px}.stats-grid span{font-size:8px}.admin-card{padding:18px 13px}.admin-list>div{grid-template-columns:1fr auto;gap:7px}.admin-list>div>.icon-button{display:none}.status-dot{grid-area:1/2}}.admin-actions{align-items:center;gap:8px;display:flex}.auth-page{place-items:center;min-height:590px;display:grid}.auth-card{background:var(--paper);border:1px solid var(--line);text-align:center;width:min(100%,420px);padding:38px;box-shadow:0 15px 40px #183d410b}.auth-icon{width:48px;height:48px;color:var(--gold);background:#e9e1d6;border-radius:50%;place-items:center;margin:0 auto 20px;font:25px Georgia,serif;display:grid}.auth-card h1{letter-spacing:-.07em;margin:12px 0 8px;font-size:24px}.auth-card p{color:var(--muted);margin:0 0 25px;font-size:11px;line-height:2}.auth-card form{text-align:right;gap:15px;display:grid}.auth-card label{color:var(--muted);gap:6px;font-size:10px;display:grid}.auth-card input{border:1px solid var(--line);width:100%;color:var(--ink);background:#faf7f2;outline:0;padding:11px 12px;font-size:11px}.auth-card input:focus{border-color:var(--gold)}.auth-card .primary-button{width:100%;margin-top:4px}.auth-card .secondary-button{margin-top:8px}.form-error{color:#a55246;background:#f5e3de;padding:9px 11px;font-size:10px;line-height:1.7}.auth-card code{color:var(--teal);font-family:DM Mono,monospace;font-size:10px}@media (width<=760px){.admin-actions{flex-direction:column;align-items:stretch;margin-top:22px}.auth-card{padding:28px 20px}}.upload-card{margin:1.5rem 0}.upload-form{gap:1rem;display:grid}.upload-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.upload-form label{color:var(--muted);gap:.45rem;font-size:.86rem;font-weight:700;display:grid}.upload-form input,.upload-form select,.upload-form textarea{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:12px;padding:.8rem .9rem}.upload-form input:focus,.upload-form select:focus,.upload-form textarea:focus{border-color:var(--teal);outline:2px solid #0f657133}.file-picker{background:#0f657109;border:1px dashed #0f657173;border-radius:14px;padding:1rem}.file-picker input{background:0 0;border:0;padding:.4rem 0}.file-picker small{color:var(--muted);font-weight:500}.form-success{color:#17613b;background:#e7f6ed;border-radius:10px;padding:.75rem .9rem}@media (width<=680px){.upload-form-grid{grid-template-columns:1fr}}.admin-standalone{background:var(--cream);align-content:center;place-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:grid}.admin-standalone>.brand{position:absolute;top:2rem;right:2rem}.standalone-login{width:min(100%,460px)}.standalone-login .auth-card{margin:0;box-shadow:0 18px 60px #14333a14}.standalone-back{color:var(--teal);font-size:11px}.admin-page{width:min(1120px,100% - 84px);min-height:100vh;margin:0 auto;padding:62px 0 90px}.category-manager{margin-bottom:1.5rem}.category-form{gap:1rem;display:grid}.category-form-actions{gap:.6rem;display:flex}.category-admin-list{gap:.6rem;margin-top:1.2rem;display:grid}.category-admin-list>div{border-top:1px solid var(--line);grid-template-columns:10px 1fr auto auto;align-items:center;gap:.7rem;padding-top:.7rem;display:grid}.category-admin-list strong,.category-admin-list small{display:block}.category-admin-list strong{font-size:12px}.category-admin-list small{color:var(--muted);text-align:right;direction:ltr;font-size:10px}.danger-button{color:#9a3e39;cursor:pointer;background:#f5e1df;border:0;border-radius:3px;padding:9px 12px;font-size:10px}.admin-muted{color:var(--muted);font-size:11px}@media (width<=760px){.admin-page{width:calc(100% - 36px);padding-top:30px}.admin-standalone>.brand{top:1rem;right:1rem}}.upload-progress{border:1px solid var(--line);background:#f8f3eb;border-radius:10px;gap:.5rem;padding:.75rem .9rem;display:grid}.upload-progress-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.upload-progress-head strong{color:var(--teal);font:18px Georgia,serif}.upload-progress-track{direction:ltr;background:#e5ddd1;border-radius:99px;height:8px;overflow:hidden}.upload-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--gold), var(--teal));height:100%;transition:width .18s;display:block}