@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden!important;position:relative;margin:0;padding:0}img,video,iframe,svg{max-width:100%;height:auto}.app.dark{--bg:#0a0a0d;--bg2:rgba(255,255,255,.04);--bg3:rgba(255,255,255,.07);--text:#f0ede8;--t2:rgba(255,255,255,.45);--t3:rgba(255,255,255,.22);--acc:#e8e0d0;--acc2:rgba(232,224,208,.07);--acc-br:rgba(232,224,208,.15);--br:rgba(255,255,255,.07);--br2:rgba(255,255,255,.04);--card:rgba(255,255,255,.03);--teal:#2dbea0;--teal-bg:rgba(45,190,160,.08);--logo-bg:#f0ede8;--logo-c:#f0ede8;--nav-bg:rgba(10,10,13,.92)}.app.light{--bg:#f7f5f1;--bg2:#edeae4;--bg3:#e2dfd8;--text:#111010;--t2:#6b6760;--t3:#aaa89f;--acc:#1a1916;--acc2:rgba(26,25,22,.06);--acc-br:rgba(26,25,22,.15);--br:rgba(0,0,0,.07);--br2:rgba(0,0,0,.05);--card:#ffffff;--teal:#0f6e56;--teal-bg:rgba(15,110,86,.07);--logo-bg:#0a0a0d;--logo-c:#0a0a0d;--nav-bg:rgba(247,245,241,.92)}body{background:var(--bg);color:var(--text);font-family:Prompt,sans-serif;transition:background .3s,color .3s}.app{min-height:100vh;background:var(--bg);width:100%;max-width:100vw;display:flex;flex-direction:column;overflow-x:hidden}main{width:100%;max-width:1100px;margin:0 auto;padding:36px 24px 100px}h1,h2,h3,p,span,div{overflow-wrap:break-word;word-wrap:break-word}h1{font-size:34px;font-weight:600;line-height:1.2;color:var(--text)}h2{font-size:20px;font-weight:500}h3{font-size:15px;font-weight:500}p{font-size:14px;line-height:1.8;color:var(--t2);font-weight:300}.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;min-width:0}.sec-title{font-size:15px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sec-link{font-size:12px;color:var(--teal);font-weight:300;cursor:pointer;background:none;border:none;font-family:Prompt,sans-serif;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:400;padding:3px 10px;border-radius:20px}.badge-acc{background:var(--acc2);color:var(--acc);border:.5px solid var(--acc-br)}.badge-teal{background:var(--teal-bg);color:var(--teal)}.btn{font-family:Prompt,sans-serif;cursor:pointer;border:none;border-radius:24px;font-size:13px;font-weight:500;padding:9px 20px;transition:opacity .2s}.btn:hover{opacity:.8}.btn-main{background:var(--acc);color:var(--bg)}.btn-teal{background:var(--teal);color:#fff}.btn-outline{background:transparent;color:var(--t2);border:.5px solid var(--br);font-weight:300}.card{background:var(--card);border:.5px solid var(--br2);border-radius:16px;box-shadow:0 4px 16px #00000008;transition:border-color .2s,box-shadow .2s;min-width:0;width:100%}.card:hover{border-color:var(--acc-br);box-shadow:0 6px 20px #0000000d}.divider{height:.5px;background:var(--br2);margin:28px 0}.tag{font-size:10px;font-weight:400;padding:2px 8px;border-radius:4px;display:inline-block}.tag-teal{background:var(--teal-bg);color:var(--teal)}.tag-acc{background:var(--acc2);color:var(--t2)}.tag-new{background:#2dbea026;color:var(--teal)}input,select,textarea{font-family:Prompt,sans-serif;font-size:13px;background:var(--inp);border:.5px solid var(--br);border-radius:8px;color:var(--text);padding:9px 12px;font-weight:300;outline:none;width:100%;transition:border-color .2s;max-width:100%}input::placeholder,textarea::placeholder{color:var(--t3)}input:focus,select:focus,textarea:focus{border-color:var(--acc-br)}.empty{text-align:center;padding:60px 24px;color:var(--t3);font-size:13px;font-weight:300}.article-page{max-width:720px;margin:0 auto}.article-title{margin-bottom:12px;line-height:1.28;letter-spacing:0;color:var(--text)}.reader-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:-10px 0 24px;flex-wrap:wrap}.reader-control{display:inline-flex;gap:4px;padding:3px;border:.5px solid var(--br);border-radius:24px;background:var(--card)}.reader-btn{min-width:38px;border:none;border-radius:20px;background:transparent;color:var(--t2);font-family:Prompt,sans-serif;font-size:12px;font-weight:400;padding:5px 10px;cursor:pointer}.reader-btn.on{background:var(--teal);color:#fff}.article-excerpt{background:var(--teal-bg);border:.5px solid rgba(15,110,86,.22);border-radius:12px;padding:15px 18px;margin-bottom:30px;min-width:0;width:100%}.article-excerpt p{color:var(--teal);font-weight:500;font-size:13px;line-height:1.75}.article-body{font-size:16px;line-height:2;color:#3f3a34;font-weight:400}.article-body p{margin-bottom:22px;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}.reader-size-sm{font-size:14.5px}.reader-size-md{font-size:16px}.reader-size-lg{font-size:18px}.reader-tone-1{color:#70685f;font-weight:350}.reader-tone-2{color:#554e47;font-weight:400}.reader-tone-3{color:#3b352f;font-weight:400}.reader-tone-4{color:#231f1b;font-weight:450}.reader-tone-5{color:#050505;font-weight:500}.app.dark .reader-tone-1{color:#aaa196;font-weight:350}.app.dark .reader-tone-2{color:#c5bcb1;font-weight:400}.app.dark .reader-tone-3{color:#ddd5cb;font-weight:400}.app.dark .reader-tone-4{color:#eee8df;font-weight:450}.app.dark .reader-tone-5{color:#fff;font-weight:500}.app.dark .article-excerpt{border-color:#2dbea03d}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.grid-art{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px;width:100%}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;width:100%}.grid2,.grid3,.grid4,.grid-auto{justify-content:center}.flex-col{display:flex;flex-direction:column;gap:8px;width:100%}.grid2>*,.grid3>*,.grid4>*,.grid-art>*,.grid-auto>*,.flex-col>*{min-width:0}.pill{font-family:Prompt,sans-serif;font-size:12px;font-weight:300;padding:5px 12px;border-radius:20px;border:.5px solid var(--br);cursor:pointer;transition:all .15s;background:var(--card);color:var(--t2)}.pill.on{background:var(--teal);color:#fff;border-color:var(--teal)}.pill.on-acc{background:var(--acc);color:var(--bg);border-color:var(--acc)}.auth-page{max-width:420px;margin:36px auto}.auth-intro{margin-bottom:22px}.auth-intro h1{font-size:28px}.auth-intro p{margin-top:8px}.auth-card{padding:22px;display:grid;gap:14px}.auth-tabs{display:flex;gap:8px}.auth-note{display:flex;gap:8px;align-items:flex-start;border:.5px solid var(--acc-br);background:var(--acc2);color:var(--text);border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.6}.auth-note i{color:var(--teal);font-size:17px;margin-top:1px}.auth-info{color:var(--teal);font-size:12px;line-height:1.6}.auth-error{color:#e05555;font-size:12px;line-height:1.6}.auth-submit{width:100%;margin-top:2px}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--t3);font-size:11px;margin-top:4px}.auth-divider span{height:1px;background:var(--br);flex:1}.auth-google{width:100%;background:var(--card);color:var(--text);border:.5px solid var(--br);display:flex;align-items:center;justify-content:center;gap:8px}.auth-google i{color:#ea4335}.member-page{max-width:1050px;margin:0 auto}.member-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:20px}.member-hero h1{margin-top:10px;font-size:28px}.member-hero p{margin-top:6px}.member-actions{display:flex;gap:8px;flex-wrap:wrap}.member-tabs{display:flex;gap:8px;margin:0 0 18px}.dashboard-card{padding:18px;min-height:150px;text-align:left;color:var(--text);font-family:Prompt,sans-serif;cursor:default;min-width:0;width:100%}button.dashboard-card{cursor:pointer}.dashboard-card i{font-size:24px;color:var(--teal)}.dashboard-card h2{margin-top:14px}.dashboard-card p{margin-top:8px}.staff-banner{margin-top:18px;padding:18px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;min-width:0}.profile-layout{display:grid;grid-template-columns:minmax(320px,720px);justify-content:center;gap:14px}.profile-card{padding:24px;min-width:0;width:100%}.profile-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}.profile-head h2{margin-top:8px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--teal-bg);color:var(--teal);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.profile-section{border-top:.5px solid var(--br2);padding:22px 0}.profile-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.profile-section-head h3{font-size:15px}.profile-section-head p{margin-top:4px;font-size:12px;line-height:1.6}.profile-note{margin-top:12px}.profile-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}.profile-actions .btn{display:inline-flex;align-items:center;justify-content:center}.profile-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-top:.5px solid var(--br2);padding:16px 0 0}.profile-row span{font-size:12px;color:var(--t2);flex-shrink:0}.profile-row div{text-align:right;min-width:0;flex:1}.profile-row strong{font-size:13px;font-weight:500;word-break:break-word}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.copy-btn{display:block;margin-left:auto;margin-top:5px;border:none;background:var(--teal-bg);color:var(--teal);border-radius:20px;padding:4px 9px;font-size:11px;font-family:Prompt,sans-serif;cursor:pointer}.staff-steps{margin:16px 0 0 18px;color:var(--t2);font-size:13px;line-height:1.8}.staff-steps strong{color:var(--text);font-weight:500}.profile-code{margin-top:14px;padding:12px;border-radius:10px;background:var(--inp);border:.5px solid var(--br);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--text);word-break:break-word}.staff-work{max-width:1120px;margin:0 auto;width:100%}.staff-work-head{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;margin-bottom:18px}.staff-work-head h1{font-size:30px;margin-top:14px}.staff-work-head p{margin-top:6px}.staff-work-user{padding:14px;display:grid;gap:10px}.staff-work-user label,.staff-field{display:grid;gap:6px;font-size:12px;color:var(--t2)}.staff-work-user span,.staff-field span{font-size:12px;color:var(--t2)}.staff-work-notice{margin:0 0 14px}.staff-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;width:100%}.staff-stat-grid.small{grid-template-columns:repeat(3,1fr);margin-top:20px}.staff-stat{padding:14px;min-width:0}.staff-stat span{display:block;font-size:11px;color:var(--t2)}.staff-stat strong{display:block;margin-top:4px;font-size:24px;color:var(--text)}.staff-stat.ok strong{color:var(--teal)}.staff-stat.warn strong{color:#bd7a13}.staff-stat.bad strong{color:#d84f4f}.staff-stat.info strong{color:#3b73c4}.staff-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.staff-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;min-width:0}.staff-section-head h2{font-size:20px}.staff-section-head p{margin-top:4px;font-size:13px}.staff-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;width:100%}.staff-card-grid.compact{grid-template-columns:minmax(0,1fr)}.staff-task-card{padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}.staff-task-card.late{border-color:#d84f4f59}.staff-task-card h3{font-size:16px;line-height:1.45}.staff-task-card p{font-size:12px;line-height:1.6}.staff-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--t3);font-size:11px}.staff-status{display:inline-flex;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:500;background:var(--acc2);color:var(--t2);flex-shrink:0}.staff-status.ok{background:var(--teal-bg);color:var(--teal)}.staff-status.warn{background:#bd7a131a;color:#bd7a13}.staff-status.bad{background:#d84f4f1a;color:#d84f4f}.staff-status.info{background:#3b73c41a;color:#3b73c4}.staff-platforms{display:flex;gap:6px;flex-wrap:wrap}.staff-platforms span{font-size:10px;background:var(--bg2);color:var(--t2);border-radius:20px;padding:3px 8px}.staff-role-list{display:grid;gap:3px;margin-top:auto;font-size:11px;color:var(--t2);padding:10px;border-radius:8px;background:var(--bg2)}.staff-card-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.staff-card-actions .btn{padding:7px 12px;font-size:12px}.staff-card-actions .danger{color:#d84f4f;border-color:#d84f4f38}.staff-feedback{padding:10px;border-radius:8px;background:#bd7a1314;color:#bd7a13;font-size:12px;line-height:1.6}.staff-form{padding:18px;display:grid;gap:14px}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.staff-form-actions{display:flex;justify-content:flex-end}.staff-choice-row{display:flex;gap:6px;flex-wrap:wrap}.staff-archive-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.staff-mag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.staff-mag-card{padding:16px;position:relative;min-width:0}.staff-mag-card span{display:block;font-size:12px;color:var(--t2)}.staff-mag-card strong{display:block;margin-top:4px;font-size:20px}.staff-mag-card em{display:inline-block;margin-top:10px;font-size:11px;color:var(--teal);font-style:normal}.staff-mag-card.current{border-color:var(--acc-br)}.staff-mag-card.mine{background:var(--teal-bg);border-color:#0f6e562e}.staff-profile-card{padding:28px;text-align:center;max-width:640px;margin:0 auto;min-width:0;width:100%}.staff-profile-card .profile-avatar{margin:0 auto 12px}.staff-tool-grid{grid-template-columns:repeat(auto-fit,minmax(280px,520px))}.translation-page{max-width:1120px;margin:0 auto;width:100%}.translation-toolbar{padding:14px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;margin-bottom:14px}.translation-table{overflow:hidden}.translation-row{display:grid;grid-template-columns:minmax(260px,1.5fr) 170px 150px minmax(160px,1fr);gap:10px;align-items:center;padding:12px 14px;border-top:.5px solid var(--br2)}.translation-row:first-child{border-top:0}.translation-head{background:var(--acc2);color:var(--t2);font-size:12px;font-weight:500}.translation-row a{color:var(--text);font-size:13px;font-weight:500;text-decoration:none}.translation-row a:hover{color:var(--teal)}.translation-row small{display:block;margin-top:3px;color:var(--t3);font-size:10px;word-break:break-all}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:767px){main{padding:24px 16px 100px}h1{font-size:24px}h2{font-size:17px}p{font-size:14px;line-height:1.6}.grid2,.grid3,.grid4,.grid-art,.grid-auto{grid-template-columns:minmax(0,1fr)!important;gap:12px;width:100%}.card{border-radius:12px;padding:16px}.hero-stat{display:none}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1;min-width:120px;text-align:center;justify-content:center}.ayah-block{padding:14px 16px!important}.ayah-block .ayah-ar{font-size:16px!important}.sec-hd{margin-bottom:12px}.auth-page{margin:18px auto;width:100%}.auth-card{padding:20px}.auth-tabs .pill{flex:1;text-align:center}.member-hero{display:block}.member-actions{width:100%}.member-actions .btn{flex:1}.member-tabs .pill{flex:1;text-align:center}.profile-layout{grid-template-columns:minmax(0,1fr)}.profile-section-head{display:block}.profile-actions{justify-content:stretch}.profile-actions .btn{width:100%}.profile-row{display:block}.profile-row div{text-align:left;margin-top:4px}.copy-btn{margin-left:0}.article-page{max-width:100%}.article-title{font-size:24px;line-height:1.4}.reader-tools{display:grid;grid-template-columns:1fr;gap:8px;margin-top:-8px}.reader-control{width:100%;justify-content:center}.reader-btn{flex:1}.reader-size-sm{font-size:14px}.reader-size-md{font-size:15.5px}.reader-size-lg{font-size:17.5px}.article-body{line-height:1.8}.staff-work-head{grid-template-columns:minmax(0,1fr)}.staff-stat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.staff-section-head{display:block}.staff-section-head input{margin-top:10px;max-width:none!important}.staff-tabs .pill{flex:1;text-align:center}.staff-form-grid,.staff-archive-layout{grid-template-columns:minmax(0,1fr)}.staff-form-actions .btn{width:100%}.translation-toolbar{grid-template-columns:minmax(0,1fr)}.translation-row{grid-template-columns:minmax(0,1fr);padding:14px}.translation-head{display:none}.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:768px) and (max-width:1024px){main{padding:28px 24px 90px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-art,.grid3{grid-template-columns:1fr 1fr}}@media (min-width: 1025px){p{font-size:15px;line-height:1.8}h1{font-size:38px}h2{font-size:22px}h3{font-size:16px}.btn{font-size:14px;padding:10px 22px}.sec-title{font-size:17px}.staff-task-card h3,.translation-row a{font-size:15px}.staff-task-card p,.translation-row small{font-size:13px}nav a,.nav-links a{font-size:15px}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}}.show-mobile{display:none}:root{--green: #3ecf8e;--green-dim: #1a5c40;--blue: #4da6ff;--blue-dim: #1a3d66;--purple: #a78bfa;--purple-dim: #3b2f6e;--amber: #f59e0b;--amber-dim: #5c3a08;--red: #f87171;--red-dim: #5c1e1e;--teal-dim: #0d4a42;--rose: #fb7185;--rose-dim: #5c1e2a;--gray-dim: #2a2a30;--border: #2a2a30}.grid-mockup{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.card-mockup{background:var(--bg);padding:16px 18px;transition:background .15s;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.card-mockup:hover{background:var(--bg2);border-color:transparent;box-shadow:none}.card-name-mockup{font-size:13.5px;font-weight:500;color:var(--text);margin-bottom:2px;line-height:1.4}.card-latin-mockup{font-size:11px;color:var(--text3);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;margin-bottom:4px}.card-dates-mockup{font-size:11px;color:var(--text3);margin-bottom:8px}.badges-mockup{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.card-desc-mockup{font-size:11.5px;color:var(--t2);line-height:1.55;font-weight:300}.badge-mockup{display:inline-block;font-size:10.5px;padding:2px 9px;border-radius:20px;font-weight:500;white-space:nowrap}.baq-salafi{background:var(--green-dim);color:var(--green)}.baq-ashari{background:var(--blue-dim);color:var(--blue)}.baq-maturidi{background:var(--purple-dim);color:var(--purple)}.baq-unknown{background:var(--gray-dim);color:var(--t3)}.bmh-salafi{background:#0d3d2a;color:#3ecf8e}.bmh-sufi{background:#2e1e5c;color:#c4b5fd}.bmh-deobandi{background:#3d2000;color:#fbbf24}.bmh-bareilwi{background:#3d0020;color:#fb7185}.bmh-tabligh{background:#002040;color:#7dd3fc}.bmh-ikhwan{background:#1a3d00;color:#86efac}.bmh-classic{background:#1a2040;color:#93c5fd}.bmh-unknown{background:var(--gray-dim);color:var(--t3)}.bmz-hanbali{background:#3d1000;color:#fb923c}.bmz-shafii{background:#3d0030;color:#f9a8d4}.bmz-maliki{background:#0d3000;color:#6ee7b7}.bmz-hanafi{background:#302000;color:#fde68a}.bmz-zahiri{background:#300020;color:#e879f9}.bmz-unknown{background:var(--gray-dim);color:var(--t3)}.pagination-container{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:36px;flex-wrap:wrap}.pagination-btn{font-family:Prompt,sans-serif;font-size:11.5px;font-weight:300;padding:6px 14px;border-radius:20px;border:.5px solid var(--br);cursor:pointer;background:var(--card);color:var(--t2);transition:all .15s}.pagination-btn:hover:not(.disabled){background:var(--bg3);color:var(--text)}.pagination-btn.active{background:var(--acc);color:var(--bg);border-color:var(--acc);font-weight:500}.pagination-btn.disabled{opacity:.35;cursor:not-allowed}.fade-in-active{animation:pageFadeIn .22s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app.light{--border: #dfdbd4;--gray-dim: #e4e1db}@media (max-width:767px){.grid-mockup{grid-template-columns:minmax(0,1fr)!important;gap:12px;background:transparent;border:none;border-radius:0}.card-mockup{border-radius:12px;border:.5px solid var(--br);box-shadow:0 4px 16px #00000008;margin-bottom:4px}}