@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#edf4ef;font-synthesis:none;text-rendering:optimizelegibility;background:#081610;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#081610;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app{background:linear-gradient(155deg,#10271d,#081610 55%);width:100%;max-width:760px;min-height:100vh;margin:auto;padding:22px 19px 105px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-icon{color:#d7bd79;border:1px solid #b89a54;border-radius:13px;place-items:center;width:43px;height:43px;font-size:28px;display:grid}.brand strong{letter-spacing:2px;font-size:15px;display:block}.brand span{color:#92a99b;letter-spacing:1.5px;margin-top:4px;font-size:9px;display:block}.profile{color:#d6bd7d;background:#183326;border:1px solid #385444;border-radius:50%;width:38px;height:38px}.welcome{background:radial-gradient(at 90% 10%,#31573b,#0000 55%),linear-gradient(135deg,#1b4932,#10291e);border:1px solid #49664e;border-radius:22px;padding:29px 23px 24px;position:relative;overflow:hidden}.eyebrow{color:#c4aa68;letter-spacing:2px;font-size:9px;font-weight:800}.welcome h1{letter-spacing:-1.8px;margin:15px 0 12px;font-size:clamp(34px,9vw,49px);line-height:1.12}.welcome h1 span{color:#d9c083}.arabic{color:#f1d99a;text-align:center;margin:31px 0 23px;font-family:Amiri,serif;font-size:25px}.welcome-bottom{color:#a8bca9;text-align:center;letter-spacing:2px;font-size:8px}.daily{background:#13261c;border:1px solid #344b3b;border-radius:17px;justify-content:space-between;align-items:center;margin-top:20px;padding:20px 18px;display:flex}.daily h2{margin:9px 0 5px;font-size:15px}.daily p{color:#a5b7aa;margin:0;font-size:10px}.daily-icon{color:#d1b873;padding:8px;font-size:34px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-heading h2{margin:6px 0 0;font-size:20px}.module-count{color:#92a99b;letter-spacing:1px;font-size:8px}.modules{grid-template-columns:1fr 1fr;gap:12px;display:grid}.module{text-align:left;color:#edf4ef;cursor:pointer;background:#14271d;border:1px solid #354b3c;border-radius:17px;min-height:166px;padding:15px}.module:active{background:#203b2b}.module-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.module-icon{font-size:25px}.arrow{color:#cbb476}.module-tag{color:#c4aa68;letter-spacing:1px;margin-bottom:7px;font-size:8px;display:block}.module strong{font-size:14px;display:block}.module p{color:#a9b9ae;margin:7px 0 0;font-size:10px;line-height:1.6}.verse{text-align:center;background:#182b20;border:1px solid #4b573a;border-radius:17px;margin-top:22px;padding:21px}.verse-arabic{color:#e4ce91;margin:14px 0 5px;font-family:Amiri,serif;font-size:30px}.verse p{color:#c4d0c7;font-size:11px}.verse-ref{color:#c4aa68;letter-spacing:1.5px;font-size:8px}.notice{background:#203b2b;border-radius:15px;margin-top:18px;padding:17px;font-size:13px}.notice p{color:#c0cec3;font-size:11px}.notice button{color:#e5d39e;background:0 0;border:1px solid #8d8053;border-radius:8px;padding:8px 13px}.bottom-nav{width:100%;max-width:760px;padding:12px 5px calc(12px + env(safe-area-inset-bottom));z-index:5;background:#102319;border-top:1px solid #354c3b;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#91a599;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;font-size:9px;display:flex}.nav-item span{font-size:19px}.nav-item.selected{color:#e2c77f}footer{text-align:center;color:#72877a;letter-spacing:1.3px;margin-top:25px;font-size:8px}@media (width>=600px){.app{padding:30px 35px 110px}.modules{grid-template-columns:repeat(2,1fr)}}.continue-btn{color:#e4ce91;background:#213e2c;border:1px solid #65764e;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:10px}.reader{padding:10px 0 25px}.reader-heading{margin-bottom:23px}.reader-heading h1{margin:9px 0;font-size:29px}.reader-heading p{color:#aabbb0;font-size:12px}.field-label{color:#c4aa68;letter-spacing:1.5px;margin-bottom:9px;font-size:9px;font-weight:700;display:block}.surah-select,.search-box{color:#edf4ef;background:#14271d;border:1px solid #49634e;border-radius:12px;outline:none;width:100%;margin-bottom:17px;padding:14px;font-size:13px;display:block}.surah-select option{color:#fff;background:#14271d}.surah-banner{text-align:center;background:radial-gradient(at top,#31583c,#13271c);border:1px solid #526d4d;border-radius:17px;margin-bottom:18px;padding:25px 15px}.surah-banner h2{margin:10px 0;font-size:22px}.surah-arabic{color:#e4ce91;margin:10px 0;font-family:Amiri,serif;font-size:30px}.surah-banner p{color:#b4c5b8;margin:0;font-size:10px}.search-box::placeholder{color:#829889}.reader-tools{color:#9eafa2;justify-content:space-between;margin:15px 2px;font-size:10px;display:flex}.verse-card{background:#13261c;border:1px solid #354c3b;border-radius:15px;margin-bottom:13px;padding:17px 15px}.last-verse{border-color:#c4aa68}.verse-card-top{justify-content:space-between;align-items:center;display:flex}.verse-number{color:#d4bd7e;font-size:10px;font-weight:700}.bookmark{color:#d4bd7e;background:0 0;border:0;padding:0 5px;font-size:23px}.bookmark.active{color:#e9c66d}.quran-text{color:#f1e7ca;text-align:right;overflow-wrap:anywhere;margin:19px 0;font-family:Amiri,serif;font-size:29px;line-height:2.1}.read-action,.remove-bookmark{color:#d4bd7e;background:0 0;border:1px solid #53674b;border-radius:8px;padding:8px 11px;font-size:10px}.remove-bookmark{margin-left:7px}.status{color:#b9c9bc;text-align:center;padding:25px 10px;font-size:12px}.error{color:#f3a69a}.feature-panel{text-align:center;background:#14271d;border:1px solid #49634e;border-radius:18px;margin-top:25px;padding:28px 18px}.feature-icon{font-size:42px}.feature-panel h2{color:#e4ce91}.feature-panel p{color:#bdcbbf;font-size:12px;line-height:1.8}.feature-panel .muted{color:#8fa393;font-size:10px}.reading-controls{color:#b8c8bc;background:#14271d;border:1px solid #354c3b;border-radius:12px;justify-content:space-between;align-items:center;margin:15px 0;padding:12px;font-size:11px;display:flex}.reading-controls div{align-items:center;gap:12px;display:flex}.reading-controls button,.surah-navigation button{color:#e4ce91;background:#203b2b;border:1px solid #68794f;border-radius:8px;padding:9px 13px}.reading-controls strong{color:#e4ce91;text-align:center;min-width:42px}.surah-navigation{justify-content:space-between;gap:10px;margin:20px 0;display:flex}.surah-navigation button:disabled{opacity:.35}footer a{color:#d4bd7e}.bismillah{text-align:center;direction:rtl;margin:12px 0;font-family:Amiri,serif;font-size:27px;line-height:2}.floating-top-button{color:#fff;z-index:1000;cursor:pointer;background:#176b45;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;font-weight:700;display:flex;position:fixed;bottom:90px;right:18px;box-shadow:0 4px 12px #00000040}.competition-page{padding-top:12px}.competition-page>.eyebrow{text-align:center;color:#d7bd79;letter-spacing:3px;margin-bottom:18px;font-size:10px;font-weight:800;display:block}.competition-groups-panel{text-align:left;background:linear-gradient(145deg,#193528,#102319);border:1px solid #526b52;border-radius:20px;margin-top:0;padding:25px 18px;box-shadow:0 12px 30px #00000030}.competition-title{text-align:center;color:#ead69e;margin:0 0 8px;font-size:23px}.competition-groups-panel>p{text-align:center;margin-bottom:25px}.competition-label{text-align:left;color:#d9e4d9;margin:16px 0 7px;font-size:12px;font-weight:700;display:block}.competition-groups-panel input{color:#f4f4e9;background:#091910;border:1px solid #526b52;border-radius:11px;outline:none;width:100%;min-height:46px;padding:12px 14px;display:block}.competition-groups-panel input:focus{border-color:#d7bd79}.competition-page button{cursor:pointer;transition:all .2s}.competition-create-button,.competition-toggle-delete{border-radius:11px;width:100%;min-height:45px;margin-top:14px;font-weight:800}.competition-create-button{color:#102319;background:#d7bd79;border:0}.competition-toggle-delete{color:#e7d9b4;background:#243b2c;border:1px solid #687c5b}.competition-group-card,.competition-select-card{text-align:left;color:#f0f3e9;background:#142b20;border:1px solid #405d48;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:12px;padding:17px;font-size:14px;font-weight:700;display:flex}.competition-group-card:after{content:"›";color:#d7bd79;font-size:25px}.competition-group-card:active,.competition-select-card:active{transform:scale(.98)}.competition-delete-panel{background:#241c19;border:1px solid #8b6250;border-radius:16px;margin-top:22px;padding:18px 14px}.competition-delete-panel h3{color:#f0c4a7}.competition-select-card{background:#30251f;border-color:#725b48}.competition-page .competition-group-card{text-align:left;justify-content:space-between;align-items:center;width:100%;min-height:76px;margin:12px 0 0;padding:15px 18px;display:flex}.competition-group-details{flex-direction:column;gap:7px;display:flex}.competition-group-details strong{color:#f1dfad;align-items:center;gap:10px;font-size:15px;display:flex}.competition-group-quran-icon{fill:#d8bd78;stroke:#f5e6b8;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px #0005);flex:0 0 25px;width:25px;height:25px}.competition-group-details small{color:#a9bcae;font-size:11px;font-weight:500}.competition-groups-panel .competition-create-button,.competition-groups-panel .competition-toggle-delete{vertical-align:middle;border-radius:12px;justify-content:center;align-items:center;width:calc(50% - 4px);min-width:0;min-height:48px;margin-top:18px;margin-right:8px;padding:10px 5px;font-size:12px;font-weight:800;display:inline-flex}.competition-groups-panel .competition-toggle-delete{color:#ffe0d8;background:#512c2b;border:1px solid #a45d53;margin-right:0}.competition-groups-panel .competition-create-button{color:#14251a;float:right;background:linear-gradient(135deg,#e8d39a,#c5a65d);border:1px solid #e8d39a;margin-right:0}.competition-groups-panel .competition-toggle-delete{float:left;margin-right:0}.competition-groups-panel .competition-delete-panel,.competition-groups-panel .competition-group-card{clear:both}.competition-group-detail{text-align:left;background:linear-gradient(145deg,#193528,#102319);border:1px solid #526b52;border-radius:20px;margin-top:12px;padding:22px 18px;box-shadow:0 12px 30px #00000030}.competition-group-detail .group-back-button{color:#e7d9b4;background:#243b2c;border:1px solid #526b52;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700}.group-detail-title{color:#f1dfad;text-align:center;margin:25px 0 7px;font-size:26px}.group-detail-juz{color:#e8d39a;background:#243b2c;border:1px solid #687c5b;border-radius:30px;width:fit-content;margin:0 auto 28px;padding:7px 18px;font-size:12px;font-weight:800}.group-participants-title{color:#f1dfad;border-bottom:1px solid #405d48;margin:0 0 14px;padding-bottom:12px;font-size:17px}.group-empty-state{color:#b9c8b9;text-align:center;background:#10251b;border:1px dashed #526b52;border-radius:13px;margin:0 0 20px;padding:22px 14px;font-size:13px;line-height:1.7}.participant-code-card{color:#f1dfad;background:#243b2c;border:1px solid #687c5b;border-radius:11px;width:100%;min-height:48px;margin:9px 0;padding:12px;font-weight:800;display:block}.group-action-button{border-radius:12px;width:100%;min-height:49px;margin-top:12px;padding:12px;font-size:13px;font-weight:800;display:block}.participant-access-button{color:#14251a;background:linear-gradient(135deg,#e8d39a,#c5a65d);border:1px solid #e8d39a}.judge-panel-button{color:#e7d9b4;background:#243b2c;border:1px solid #687c5b}.competition-access-panel{text-align:left;background:linear-gradient(145deg,#193528,#102319);border:1px solid #526b52;border-radius:20px;margin-top:12px;padding:22px 18px;box-shadow:0 12px 30px #00000030}.access-back-button{color:#e7d9b4;background:#243b2c;border:1px solid #526b52;border-radius:10px;padding:9px 13px;font-size:12px;font-weight:700}.access-title{color:#f1dfad;text-align:center;margin:28px 0;font-size:23px}.access-code-label{color:#d9e4d9;margin-bottom:9px;font-size:13px;font-weight:700;display:block}.competition-access-panel .access-code-input{color:#f4f4e9;letter-spacing:1px;background:#091910;border:1px solid #687c5b;border-radius:12px;width:100%;min-height:50px;padding:12px 14px;font-size:16px;display:block}.access-code-input:focus{border-color:#e8d39a;outline:none}.access-submit-button{color:#14251a;background:linear-gradient(135deg,#e8d39a,#c5a65d);border:1px solid #e8d39a;border-radius:12px;width:100%;min-height:50px;margin-top:20px;font-size:14px;font-weight:800;display:block}.competition-judge-page{text-align:left;padding:12px 0 28px}.judge-main-title{color:#ead69e;text-align:center;margin:22px 0;font-size:25px}.judge-back-button{color:#e7d9b4;background:#243b2c;border:1px solid #526b52;border-radius:10px;padding:10px 15px;font-weight:700}.competition-judge-page .judge-panel-card{background:linear-gradient(145deg,#193528,#102319);border:1px solid #526b52;border-radius:16px;margin:18px 0;padding:18px 15px;box-shadow:0 8px 22px #00000025}.judge-field-label{color:#e7d9b4;margin:15px 0 8px;font-size:13px;font-weight:700;display:block}.competition-judge-page .judge-field-input,.competition-judge-page .judge-field-select{color:#f4f4e9;background:#091910;border:1px solid #526b52;border-radius:11px;width:100%;min-height:48px;padding:11px 13px;font-size:14px;display:block}.judge-progress-title,.judge-section-title{color:#ead69e;margin:22px 0 13px;font-size:17px}.judge-save-button,.judge-open-button{border-radius:12px;width:100%;min-height:49px;margin:14px 0;padding:12px;font-size:13px;font-weight:800;display:block}.judge-save-button{color:#14251a;background:linear-gradient(135deg,#e8d39a,#c5a65d);border:1px solid #e8d39a}.judge-open-button{color:#e7d9b4;background:#243b2c;border:1px solid #687c5b}.judge-save-button:disabled{opacity:.45}.competition-judge-page .judge-panel-card p{line-height:1.8}.competition-judge-page .judge-panel-card h2,.competition-judge-page .judge-panel-card h3{color:#ead69e}.competition-group-detail{background:radial-gradient(at 50% 0,#315743 0%,#0000 55%),linear-gradient(155deg,#193c2d,#0c2118 85%);border:1px solid #dcbe7361;border-radius:23px;margin:18px 0;padding:22px 17px 25px;position:relative;overflow:hidden;box-shadow:0 16px 38px #0005}.competition-group-detail .group-back-button{color:#f2dfae;background:#244534;border:1px solid #607d67;border-radius:12px;min-height:40px;padding:9px 15px;font-weight:700}.group-detail-title{color:#f6e4b5;letter-spacing:.5px;text-align:center;text-transform:capitalize;margin:28px 0 9px;font-size:30px;font-weight:850}.group-detail-juz{color:#193326;background:linear-gradient(135deg,#e8d49d,#b99a58);border:1px solid #b99b5b;margin-bottom:28px;padding:8px 22px;font-size:13px;box-shadow:0 5px 14px #0003}.group-participants-title{color:#f2dfae;border-bottom:1px solid #496b55;margin:0 0 17px;padding-bottom:13px;font-size:19px;font-weight:800}.competition-group-detail .judge-field-input{color:#193326;background:#f4f5ed;border:1px solid #597963;border-radius:13px;width:100%;min-height:49px;margin:5px 0 10px;padding:13px 15px;font-size:14px}.competition-group-detail .judge-field-input:focus{border-color:#d9bd78;outline:2px solid #d9bd78}.group-participant-name{color:#fff8e8;background:linear-gradient(110deg,#294b38,#1b392b);border:1px solid #45664f;border-radius:14px;align-items:center;min-height:55px;margin:9px 0;padding:12px 15px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 12px #0002}.group-participant-name:before{content:"";box-sizing:border-box;background-color:#d9bd78;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183326' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:20px 20px;border:1px solid #f0dca5;border-radius:50%;flex:0 0 34px;width:34px;height:34px;margin-right:13px;display:inline-flex;box-shadow:0 2px 6px #0002}.competition-group-detail>.group-action-button:not(.participant-access-button):not(.judge-panel-button){color:#172c20;background:linear-gradient(135deg,#e8d39a,#c5a65d);border:1px solid #e8d39a;border-radius:13px;margin:10px 0 22px;font-size:14px;box-shadow:0 6px 15px #0003}.competition-group-detail .participant-access-button,.competition-group-detail .judge-panel-button{letter-spacing:.2px;border-radius:14px;min-height:53px;margin-top:13px;font-size:14px}.competition-group-detail .judge-panel-button{color:#f7e8c0;background:linear-gradient(135deg,#315b43,#203e2e);border:1px solid #739078}.competition-group-detail .group-empty-state{background:#142e21;border-color:#607d67;margin:8px 0 18px}@media (width<=380px){.competition-group-detail{padding:18px 13px 22px}.group-detail-title{font-size:26px}}.competition-judge-page{padding:16px 12px 32px}.judge-main-title{color:#f2dfae;letter-spacing:.4px;border-bottom:1px solid #526b52;margin:20px 0 24px;padding-bottom:15px;font-size:27px;font-weight:850}.judge-back-button{color:#f2dfae;background:#244534;border-radius:12px;min-height:42px}.competition-judge-page .group-action-button{color:#193326;background:linear-gradient(135deg,#e8d39a,#c5a65d);border:1px solid #c5a65d;border-radius:13px;min-height:50px;margin:12px 0 18px;font-size:14px;font-weight:800;box-shadow:0 5px 14px #0003}.recorded-participants-panel{background:linear-gradient(145deg,#193b2c,#10251b);border:1px solid #496b55;border-radius:17px;flex-direction:column;gap:10px;margin:0 0 24px;padding:13px;display:flex;box-shadow:0 8px 22px #0003}.recorded-participant-row{color:#fff8e8;background:#254735;border:1px solid #496b55;border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:12px 13px;font-size:14px;font-weight:750;display:flex}.recorded-participant-row>span:first-child{overflow-wrap:anywhere;flex:1;min-width:90px}.recorded-participant-status{color:#17432b;background:#d9eddb;border:1px solid #7ca98a;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:850}.recorded-participant-mark{color:#193326;background:#e8d39a;border:1px solid #d7bd7d;border-radius:10px;min-height:36px;padding:8px 11px;font-size:11px;font-weight:800}.competition-judge-page .judge-field-label{color:#f0dfb3;margin:18px 0 8px;font-size:13px;font-weight:800}.competition-judge-page .judge-field-input,.competition-judge-page .judge-field-select{color:#193326;background:#f5f5ed;border:1px solid #617e68;border-radius:13px;min-height:51px;font-size:15px}.competition-judge-page .judge-field-input:focus,.competition-judge-page .judge-field-select:focus{border-color:#d9bd78;outline:2px solid #d9bd78}.judge-progress-title,.judge-section-title{color:#f2dfae;background:#1b3b2b;border-left:4px solid #d9bd78;border-radius:7px;padding:12px 14px;font-size:17px;font-weight:800}.competition-judge-page .judge-save-button,.competition-judge-page .judge-open-button{letter-spacing:.2px;border-radius:14px;min-height:53px;font-size:14px;box-shadow:0 5px 14px #0003}.competition-judge-page .judge-open-button{background:linear-gradient(135deg,#315b43,#203e2e);border:1px solid #739078}.competition-judge-page .judge-save-button:active,.competition-judge-page .judge-open-button:active,.competition-judge-page .group-action-button:active{transform:scale(.98)}@media (width<=380px){.competition-judge-page{padding-left:8px;padding-right:8px}.recorded-participant-row{padding:10px}}.competition-judge-page .judge-panel-card{overflow-wrap:anywhere;width:100%;max-width:100%;padding:24px 18px}.competition-judge-page .judge-panel-card p{margin:16px 0;font-size:17px;line-height:2}.competition-judge-page .judge-panel-card p:has(strong){text-align:right;color:#fff8df;direction:rtl;border-bottom:1px solid #526b52;padding:12px 10px;font-family:Noto Naskh Arabic,Traditional Arabic,serif;font-size:29px;line-height:2.2}@media (width<=480px){.competition-judge-page .judge-panel-card{padding:22px 14px}.competition-judge-page .judge-panel-card p:has(strong){font-size:27px;line-height:2.3}}.record-question-trigger{color:#252014;background:linear-gradient(135deg,#e8d39a,#c5a65d);border:1px solid #c5a65d;border-radius:12px;width:100%;margin:16px 0;padding:15px;font-size:16px;font-weight:700;display:block}.record-question-modal-backdrop{z-index:9999;background:#000000c7;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.record-question-modal{color:#fff;background:#17231d;border:1px solid #b99b58;border-radius:16px;width:100%;max-width:620px;max-height:90vh;padding:18px;overflow-y:auto;box-shadow:0 15px 50px #00000080}.record-question-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.record-question-modal-header h2{margin:0;font-size:19px}.record-question-modal-header button{color:#fff;background:0 0;border:1px solid #c5a65d;border-radius:9px;min-width:40px;min-height:40px;font-size:20px}.record-question-modal .judge-panel-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff1a,#ffffff06);border:1px solid #dcbe7352;border-radius:18px;box-shadow:0 12px 35px #00000038}.record-question-modal .judge-field-select{color:#fff8df;-webkit-backdrop-filter:blur(14px);background:#ffffff17;border:1px solid #dcbe738c;border-radius:14px;outline:none;width:100%;min-height:54px;padding:12px 15px;font-size:16px}.record-question-modal .judge-field-select:focus{border-color:#d8b969;box-shadow:0 0 0 3px #d8b9692e}.record-question-modal .judge-field-select option{color:#fff8df;background:#172b23;padding:12px}.recorded-participant-row{flex-wrap:nowrap;gap:18px}.recorded-participant-select{text-align:left;flex:1;min-width:0}.recorded-participant-status{flex-shrink:0;margin-left:auto}.saved-question-tabs{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px;margin-top:20px;display:grid}.saved-question-tab{color:#f8efd8;text-align:left;-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff17,#ffffff06);border:1px solid #dabe784d;border-radius:15px;justify-content:flex-start;align-items:center;gap:11px;min-height:58px;padding:10px 13px;font-size:13px;font-weight:750;transition:transform .2s,background .2s,border-color .2s;display:flex;box-shadow:0 5px 16px #00000029}.saved-question-tab:active{transform:scale(.97)}.saved-question-number{color:#e5c77e;background:#dabe7821;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.saved-question-tab.active{color:#17251c;background:linear-gradient(135deg,#d9bd79,#a98743);border-color:#e3c477;box-shadow:0 7px 20px #c9a55b40}.saved-question-tab.active .saved-question-number{color:#17251c;background:#17251c24}@media (width<=380px){.saved-question-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.saved-question-tab{gap:7px;min-height:54px;padding:8px;font-size:12px}}.saved-question-management{margin-top:18px}.saved-question-management-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.saved-question-select-all,.saved-question-check{color:#e9dfc9;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.saved-question-select-all input,.saved-question-check input{accent-color:#d9bd79;width:18px;height:18px}.saved-question-delete-button{color:#ffb7b7;background:#96232329;border:1px solid #dc5a5a73;border-radius:11px;padding:10px 14px;font-weight:800}.saved-question-delete-button:disabled{opacity:.4;cursor:not-allowed}.saved-question-item{align-items:center;gap:8px;min-width:0;display:flex}.saved-question-item .saved-question-tab{flex:1;min-width:0}.saved-question-check{flex-shrink:0;justify-content:center;padding:8px 2px}.question-action-backdrop{z-index:9999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000b8;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.question-action-popup{background:#17251f;border:1px solid #dabe7866;border-radius:20px;width:100%;max-width:330px;padding:22px;box-shadow:0 20px 60px #00000073}.question-action-popup h3{color:#e5c77e;text-align:center;margin:0 0 18px}.question-action-popup button{color:#f8efd8;background:#ffffff0f;border:1px solid #dabe784d;border-radius:12px;width:100%;margin-top:10px;padding:13px;font-weight:750;display:block}.question-action-popup button:first-of-type{color:#ffb7b7;border-color:#dc5a5a80}.saved-question-management-head:not(.selection-active) .saved-question-select-all,.saved-question-management-head:not(.selection-active) .saved-question-delete-button{display:none}.recorded-participant-row{background:linear-gradient(135deg,#184131b8,#0d1f19f0);border:1px solid #dabe7833;border-radius:17px;align-items:center;gap:12px;margin:10px 0;padding:9px;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 5px 16px #0000002e}.recorded-participant-row:has(.recorded-participant-select:active){transform:scale(.985)}.recorded-participant-select{color:#fff4d8;letter-spacing:.35px;text-align:left;cursor:pointer;background:linear-gradient(120deg,#dabe7821,#ffffff09);border:1px solid #dabe784d;border-radius:12px;flex:1;align-items:center;min-width:0;min-height:49px;padding:11px 14px;font-size:15px;font-weight:800;transition:all .2s;display:flex;box-shadow:inset 0 1px #ffffff12}.recorded-participant-select:before{content:"";background-color:#d9bd78;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23183326' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:19px 19px;border:1px solid #dabe7861;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;margin-right:11px;display:inline-flex}.recorded-participant-select:hover{background:linear-gradient(120deg,#dabe7838,#ffffff12);border-color:#e5c77ebf;transform:translateY(-1px)}.recorded-participant-select:focus-visible{outline-offset:3px;outline:2px solid #e5c77e}.recorded-participant-status{color:#e8d9ad;letter-spacing:.35px;white-space:nowrap;background:#ffffff0e;border:1px solid #dabe7840;border-radius:10px;flex-shrink:0;margin-left:auto;padding:7px 10px;font-size:10px;font-weight:800}@media (width<=380px){.recorded-participant-row{gap:7px;padding:7px}.recorded-participant-select{padding:9px;font-size:13px}.recorded-participant-status{padding:6px 7px;font-size:9px}}.recorded-participant-status.examined{color:#a8f0c2;background:linear-gradient(135deg,#16a34a40,#14532d61);border:1px solid #4ade80a6;box-shadow:0 0 12px #22c55e24}.recorded-participant-status.not-examined{color:#ffd28a;background:linear-gradient(135deg,#d9770640,#78350f61);border:1px solid #fbbf24a6;box-shadow:0 0 12px #f59e0b1f}.saved-questions-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#000000c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.saved-questions-modal{background:linear-gradient(145deg,#1b3027,#101d18);border:1px solid #dabe786b;border-radius:22px;width:100%;max-width:470px;max-height:85vh;padding:20px;overflow-y:auto;box-shadow:0 24px 70px #0000008c}.saved-questions-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.saved-questions-header h2{color:#e8cb88;margin:0;font-size:19px}.saved-questions-header p{color:#b9c9bd;margin:6px 0 0;font-size:12px}.saved-questions-header>button{color:#f8efd8;background:#ffffff12;border:1px solid #dabe7859;border-radius:10px;padding:8px 11px}.saved-questions-code-list,.saved-questions-list{gap:10px;display:grid}.saved-questions-code-button,.saved-questions-item{color:#f8efd8;text-align:left;background:#ffffff0e;border:1px solid #dabe7847;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.saved-questions-code-name{color:#e8cb88;letter-spacing:1px;font-weight:850}.saved-questions-count{color:#b9c9bd;font-size:12px}.saved-questions-back{color:#e8cb88;background:#dabe781a;border:1px solid #dabe784d;border-radius:10px;margin-bottom:14px;padding:9px 13px;font-weight:750}.saved-questions-item{flex-direction:column;align-items:flex-start}.saved-questions-item span{color:#bdcabe;font-size:12px}.saved-questions-item.active{background:#dabe7826;border-color:#e8cb88}.saved-questions-preview{color:#f8efd8;overflow-wrap:anywhere;background:#0000002e;border:1px solid #dabe784d;border-radius:14px;margin-top:16px;padding:16px;line-height:1.9}.saved-questions-preview h3{color:#e8cb88}.saved-questions-trigger{margin-bottom:10px}.saved-questions-code-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:14px 2px;display:grid}.saved-library-code{color:#f6e6ad;background:linear-gradient(145deg,#123c31,#09251f);border:1px solid #d4af376b;border-radius:16px;justify-content:center;align-items:center;min-height:82px;transition:transform .2s,border-color .2s;display:flex;position:relative;box-shadow:0 5px 15px #0003}.saved-library-code strong{letter-spacing:3px;font-size:23px;font-weight:800}.saved-library-code:active{transform:scale(.96)}.saved-library-code:hover{background:linear-gradient(145deg,#19513f,#0c3027);border-color:#e7c96b}.saved-library-question{color:#f5f0df;text-align:left;background:#0f372ca6;border:1px solid #d4af3740;border-radius:13px;align-items:center;gap:13px;width:100%;margin:8px 0;padding:14px;display:flex}.saved-library-question-number{color:#f3d47e;background:#d4af3729;border-radius:11px;place-items:center;min-width:43px;height:43px;font-weight:800;display:grid}.saved-library-question-detail{flex-direction:column;flex:1;gap:5px;display:flex}.saved-library-question-detail small{color:#b9c9c0}.saved-library-question:active{background:#19513fe6}@media (width<=360px){.saved-questions-code-list{grid-template-columns:1fr}}.saved-library-question{color:#f5f0df;text-align:left;background:linear-gradient(120deg,#0f372cf5,#08231dfa);border:1px solid #d4af3747;border-radius:15px;align-items:center;gap:14px;width:100%;min-height:76px;margin:9px 0;padding:13px 15px;transition:all .2s;display:flex;box-shadow:0 5px 16px #00000029}.saved-library-question-number{color:#f4d77f;background:linear-gradient(145deg,#d4af3740,#d4af3714);border:1px solid #d4af3766;border-radius:13px;flex-shrink:0;place-items:center;width:45px;height:45px;font-size:17px;font-weight:800;display:grid}.saved-library-question-detail{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.saved-library-question-detail strong{color:#fff4d0;font-size:15px;font-weight:700}.saved-library-question-detail small{color:#b8c9bd;font-size:12px}.saved-library-question-arrow{color:#e7c96b;font-size:25px}.saved-library-question.active{background:linear-gradient(120deg,#1e5b42fa,#0d362afa);border-color:#e4c45e;box-shadow:0 0 0 1px #d4af3726,0 7px 20px #0003}.saved-library-question:active{transform:scale(.985)}.saved-questions-verses{margin-top:16px}.saved-questions-verse{border-bottom:1px solid #dabe7829;flex-direction:row-reverse;align-items:flex-start;gap:12px;padding:14px 10px;display:flex}.saved-questions-verse p{text-align:right;color:#fff7e6;direction:rtl;flex:1;min-width:0;margin:0;font-family:Amiri,Noto Naskh Arabic,serif;font-size:24px;line-height:2.1}.saved-questions-verse-number{color:#f4d77f;background:#d4af371a;border:1px solid #d4af3766;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.record-question-modal .ayah-number-button{color:#183d30;opacity:1;visibility:visible;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#fff,#f0f5f1);border:1px solid #dce6df;border-radius:14px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;margin:3px;padding:0;font-size:15px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 3px 8px #12372817;display:inline-flex!important}.record-question-modal .ayah-number-button:active{transform:scale(.91)}.record-question-modal .ayah-number-button:hover{border-color:#b9cdbf;box-shadow:0 5px 13px #12372826}.record-question-modal .ayah-number-button[style*="background: rgb(22, 115, 74)"]{box-shadow:0 4px 12px #16734a47;color:#fff!important;background:linear-gradient(145deg,#16865b,#105b40)!important;border:2px solid #b9e5ce!important}.record-question-modal .ayah-number-button[style*="background: rgb(163, 107, 22)"]{box-shadow:0 4px 12px #a36b1640;color:#fff!important;background:linear-gradient(145deg,#e3a52f,#a36b16)!important;border:2px solid #f5d58e!important}@media (width>=900px){.app{width:100%;max-width:1200px;padding:36px 48px 120px}.welcome{padding:42px 36px 32px}.welcome h1{font-size:54px}.welcome-text{max-width:420px;font-size:14px}.modules{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.module{min-height:180px;padding:20px}.bottom-nav{border:1px solid #354c3b;border-radius:16px;justify-content:center;gap:70px;width:calc(100% - 48px);max-width:1104px;padding:15px 24px;bottom:16px;box-shadow:0 8px 30px #00000059}.nav-item{gap:7px;min-width:90px;font-size:12px}.nav-item span{font-size:22px}footer{font-size:10px}}.competition-group-detail .group-participant-actions{align-items:stretch;gap:10px;margin:10px 0 22px;display:flex}.competition-group-detail .group-participant-actions button{letter-spacing:.1px;border-radius:13px;flex:1;min-width:0;min-height:52px;margin:0;padding:10px 8px;font-size:12px;font-weight:800}.group-delete-participants-button{color:#fff;background:linear-gradient(135deg,#ef5350,#b71c1c);border:1px solid #ff8a80;box-shadow:0 5px 14px #0003}.group-register-participant-button{color:#172c20;background:linear-gradient(135deg,#e8d39a,#c5a65d);border:1px solid #e8d39a;box-shadow:0 5px 14px #0003}.participant-delete-backdrop{z-index:9998;background:#000000c2;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.participant-delete-modal{color:#f5ecd5;background:#172c20;border:1px solid #8b7950;border-radius:18px;width:100%;max-width:420px;max-height:82vh;padding:22px 18px;overflow-y:auto;box-shadow:0 18px 55px #0009}.participant-delete-modal h3{color:#e8d39a;margin:0 0 10px;font-size:19px}.participant-delete-modal p{color:#d5d9d1;font-size:13px;line-height:1.6}.participant-delete-list{flex-direction:column;gap:9px;margin:16px 0;display:flex}.participant-delete-option{color:#fff;text-align:left;background:#243b2c;border:1px solid #526c59;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:11px 13px;font-size:14px;font-weight:700;display:flex}.participant-delete-option span:last-child{color:#e8d39a;font-size:22px}.participant-delete-empty{background:#243b2c;border-radius:10px;padding:12px}.participant-delete-cancel,.participant-delete-confirm{color:#fff;background:#304b39;border:1px solid #718477;border-radius:11px;min-height:45px;padding:10px 16px;font-weight:800}.participant-delete-confirm-backdrop{z-index:9999;background:#000000d1}.participant-delete-confirm-modal{border-color:#d65b56}.participant-delete-warning{background:#243b2c;border-left:3px solid #e8d39a;padding:9px 11px}.participant-delete-confirm-actions{gap:10px;margin-top:18px;display:flex}.participant-delete-confirm-actions button{flex:1}.participant-delete-confirm{background:linear-gradient(135deg,#ef5350,#b71c1c);border-color:#ff8a80}.competition-auth-loading{box-sizing:border-box;color:#f5edda;justify-content:center;align-items:center;min-height:68vh;padding:24px 16px;display:flex}.islamic-loading-card{isolation:isolate;box-sizing:border-box;text-align:center;background:radial-gradient(at 50% 35%,#305b3eb8,#0000 65%),linear-gradient(145deg,#10291e,#091a13 75%);border:1px solid #d3b1678c;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:390px;min-height:370px;padding:34px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000004d,inset 0 0 35px #dab86f0f}.islamic-loading-card:before,.islamic-loading-card:after{content:"";z-index:-1;pointer-events:none;border:1px solid #dab86f21;width:180px;height:180px;position:absolute;transform:rotate(45deg)}.islamic-loading-card:before{top:-125px;left:-95px;box-shadow:0 0 0 12px #dab86f09,0 0 0 24px #dab86f06}.islamic-loading-card:after{bottom:-125px;right:-95px;box-shadow:0 0 0 12px #dab86f09,0 0 0 24px #dab86f06}.islamic-loading-pattern{pointer-events:none;position:absolute;inset:0;overflow:hidden}.loading-star{color:#e5c77f;opacity:.7;animation:5s ease-in-out infinite alternate islamic-star-glow;position:absolute}.star-one{font-size:21px;top:17%;left:15%}.star-two{font-size:25px;animation-delay:.8s;top:24%;right:15%}.star-three{font-size:17px;animation-delay:1.2s;bottom:20%;left:19%}.star-four{font-size:22px;animation-delay:.4s;bottom:17%;right:18%}.islamic-loading-emblem{background:radial-gradient(circle,#dab86f21,#dab86f04 70%);border:1px solid #e0c07759;border-radius:50%;place-items:center;width:126px;height:126px;margin-bottom:23px;display:grid;box-shadow:0 0 28px #dab86f1f}.islamic-loading-emblem svg{width:104px;height:104px;animation:5s ease-in-out infinite islamic-emblem-float;overflow:visible}.loading-orbit{fill:none;stroke:#e1c37ea6;stroke-width:1.5px;stroke-dasharray:8 7;transform-origin:60px 60px;animation:20s linear infinite islamic-orbit-spin}.loading-crescent{fill:#e6c77e;filter:drop-shadow(0 0 7px #e6c77e59)}.loading-moon-star{fill:#fff0bd}.islamic-loading-heading{color:#d9bd78;letter-spacing:3px;margin-bottom:12px;font-size:11px;font-weight:900}.islamic-loading-card h2{color:#fff4d9;margin:0;font-size:clamp(19px,5vw,23px);font-weight:800}.islamic-loading-card p{color:#c4d0c5;margin:11px 0 22px;font-size:13px}.islamic-loading-progress{background:#e1c37e33;border-radius:10px;width:150px;height:3px;overflow:hidden}.islamic-loading-progress span{border-radius:inherit;background:linear-gradient(90deg,#b28d48,#fff0bd,#b28d48);width:42%;height:100%;animation:3.5s ease-in-out infinite islamic-progress-move;display:block}.islamic-loading-footer{color:#b8c4b7;letter-spacing:.4px;margin-top:24px;font-size:11px}@keyframes islamic-orbit-spin{to{transform:rotate(360deg)}}@keyframes islamic-emblem-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes islamic-star-glow{0%{opacity:.35;transform:scale(.85)}to{opacity:.95;transform:scale(1.12)}}@keyframes islamic-progress-move{0%{transform:translate(-110%)}to{transform:translate(360%)}}@media (prefers-reduced-motion:reduce){.islamic-loading-emblem svg,.loading-orbit,.loading-star,.islamic-loading-progress span{animation:none!important}}.welcome{isolation:isolate;background:radial-gradient(at 88% 12%,#be9d5233,#0000 38%),radial-gradient(at 5% 100%,#436f494d,#0000 45%),linear-gradient(145deg,#1c4932 0%,#10291e 58%,#0d2118 100%);border:1px solid #d3b9776b;border-radius:25px;min-height:300px;padding:34px 25px 27px;box-shadow:0 18px 42px #0003}.welcome:before{content:"";pointer-events:none;z-index:-1;border:1px solid #dac1842b;border-radius:50%;width:205px;height:205px;position:absolute;top:30px;right:-82px;box-shadow:0 0 0 16px #dac18409,0 0 0 34px #dac18406}.welcome h1{letter-spacing:-2px;max-width:340px;margin:18px 0 14px;font-size:clamp(38px,10vw,52px);line-height:1.08}.welcome h1 span{color:#e4cc91;text-shadow:0 4px 22px #dabe7a21}.welcome-text{color:#d0ddd3;max-width:290px;font-size:13px;line-height:1.85}.welcome .arabic{text-shadow:0 3px 18px #e5cb8f29;margin:34px 0 25px;font-size:clamp(25px,7vw,31px)}.welcome-bottom{letter-spacing:2.4px;border-top:1px solid #dac1842e;padding-top:15px;font-weight:700}.daily{background:radial-gradient(circle at 100% 0,#c2aa681f,#0000 42%),linear-gradient(135deg,#1b3828,#12271c);border:1px solid #c2aa6859;border-radius:20px;margin-top:21px;padding:22px 19px;box-shadow:0 10px 25px #00000021}.daily h2{letter-spacing:-.3px;font-size:17px}.daily p{max-width:235px;font-size:11px;line-height:1.7}.daily-icon{color:#e0c785;text-shadow:0 0 22px #e0c78538;font-size:39px}.continue-btn{color:#17281d;background:linear-gradient(135deg,#d9c184,#b69a5d);border:1px solid #e6cf998c;border-radius:11px;margin-top:15px;padding:11px 16px;font-size:11px;font-weight:800;transition:transform .2s,filter .2s;box-shadow:0 5px 15px #0000002b}.continue-btn:active{filter:brightness(1.08);transform:scale(.97)}.section{margin-top:34px}.section-heading{margin-bottom:18px}.section-heading h2{letter-spacing:-.7px;font-size:22px}.module-count{color:#cdb77d;background:#c4aa6812;border:1px solid #c4aa6840;border-radius:20px;padding:7px 9px}.modules{gap:13px}.module{background:radial-gradient(circle at 100% 0,#c4aa6817,#0000 48%),linear-gradient(145deg,#1a3425,#11251a);border:1px solid #96b19938;border-radius:19px;min-height:174px;padding:17px 15px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 9px 22px #0000001f}.module:active{border-color:#d7bd79a6;transform:scale(.975)}.module-top{margin-bottom:17px}.module-icon{background:#d7bd7917;border:1px solid #d7bd7940;border-radius:14px;place-items:center;width:43px;height:43px;font-size:23px;display:grid}.module-tag{letter-spacing:1.4px;font-weight:800}.module strong{letter-spacing:-.2px;font-size:14px}.module p{color:#bdcbbf;margin-top:8px;font-size:10px;line-height:1.75}.arrow{color:#d9c184;font-size:17px}.verse{background:radial-gradient(at 50% 0,#c5a86526,#0000 65%),linear-gradient(145deg,#1b3426,#10241a);border:1px solid #cfb57361;border-radius:21px;margin-top:25px;margin-bottom:25px;padding:27px 19px;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000026}.verse-arabic{color:#ecd9a7;margin:17px 0 8px;font-size:clamp(30px,8vw,36px);line-height:1.8}.verse p{color:#d0dbd1;font-size:12px;line-height:1.8}.verse-ref{background:#cfb57312;border:1px solid #cfb5733b;border-radius:20px;margin-top:7px;padding:7px 12px;font-weight:700;display:inline-block}@media (width>=600px){.welcome{padding:42px 38px 32px}.modules{gap:16px}.module{min-height:185px;padding:20px}.daily{padding:25px 24px}}@media (prefers-reduced-motion:reduce){.module,.continue-btn{transition:none}}.home-dates{background:linear-gradient(145deg,#23422eeb,#11271bf5);border:1px solid #d7bd7957;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;min-width:112px;padding:9px 11px;display:flex;box-shadow:0 5px 15px #00000024}.home-date-item{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.home-date-label{color:#c5ad70;letter-spacing:1.25px;font-size:7px;font-weight:800}.home-date-item strong{color:#edf2e8;white-space:nowrap;font-size:10px;font-weight:700}.home-date-divider{background:#d7bd7933;width:100%;height:1px}@media (width<=360px){.home-dates{min-width:103px;padding:8px}.home-date-item strong{font-size:9px}.brand strong{font-size:13px}.brand span{font-size:8px}}.translation-panel{background:linear-gradient(145deg,#193526,#10251a);border:1px solid #c4aa6852;border-radius:17px;margin:18px 0;padding:16px;box-shadow:0 8px 22px #00000029}.translation-heading{align-items:center;gap:11px;margin-bottom:15px;display:flex}.translation-icon{color:#e4ce91;background:#e4ce911a;border:1px solid #e4ce9159;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.translation-heading strong,.translation-heading small{display:block}.translation-heading strong{color:#f0e5c5;font-size:13px;font-weight:700}.translation-heading small{color:#9eb2a3;margin-top:4px;font-size:10px}.translation-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.translation-option{color:#bdcbbf;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#14291e;border:1px solid #405d49;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:76px;padding:10px 4px;font-size:11px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:flex}.translation-option-mark{color:#d9c58d;background:#254333;border-radius:9px;place-items:center;width:31px;height:29px;font-size:11px;font-weight:800;display:grid}.translation-option.active{color:#f5e5b7;background:linear-gradient(145deg,#3a5639,#263f2d);border-color:#d7bd78;box-shadow:0 0 0 1px #d7bd7824,0 5px 14px #00000026}.translation-option.active .translation-option-mark{color:#193323;background:#d7bd78}.translation-option:active{transform:scale(.97)}.translation-option:focus-visible{outline-offset:3px;outline:2px solid #e4ce91}@media (width<=360px){.translation-panel{padding:12px}.translation-options{gap:6px}.translation-option{font-size:10px}}@media (prefers-reduced-motion:reduce){.translation-option{transition:none}}.competition-delete-panel{text-align:left;background:radial-gradient(at 95% 0,#b9974429,#0000 38%),linear-gradient(145deg,#123a29,#071b12 75%);border:1px solid #b89a54;border-radius:22px;margin-top:22px;padding:20px 14px;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000047}.competition-delete-heading{border-bottom:1px solid #d3b97047;align-items:center;gap:14px;padding:4px 2px 18px;display:flex}.competition-delete-icon{color:#f0d58d;background:linear-gradient(145deg,#28553a,#102b1d);border:1px solid #d8bb70;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.competition-delete-heading h3{color:#f0dca8;margin:0 0 6px;font-size:clamp(17px,4.5vw,21px);line-height:1.3}.competition-delete-heading p{color:#b9cbbd;margin:0;font-size:11px;line-height:1.6}.competition-delete-list{gap:10px;max-height:390px;padding:15px 1px 8px;display:grid;overflow-y:auto}.competition-delete-option{text-align:left;color:#f4f0df;background:linear-gradient(110deg,#183a29,#10291d);border:1px solid #405f49;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px;transition:border-color .2s,background .2s,transform .2s;display:flex}.competition-delete-option.selected{background:linear-gradient(110deg,#28543a,#183523);border:1px solid #e0c16e;box-shadow:inset 0 0 0 1px #e0c16e1f}.competition-delete-checkbox{color:#102319;border:2px solid #d7bd79;border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;font-size:16px;font-weight:900;display:grid}.competition-delete-option.selected .competition-delete-checkbox{background:#e6c66f}.competition-delete-book{color:#f1d68d;background:linear-gradient(145deg,#356d45,#193b29);border:1px solid #668d58;border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:27px;display:grid}.competition-delete-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.competition-delete-info strong{overflow-wrap:anywhere;color:#f5f0df;font-size:14px;font-weight:700}.competition-delete-info small{color:#e0c16e;font-size:12px;font-weight:700}.competition-delete-summary{color:#f0dca8;background:linear-gradient(110deg,#202d1b,#17271a);border:1px solid #d2b3637a;border-radius:14px;align-items:center;gap:9px;margin-top:14px;padding:14px 12px;font-size:13px;display:flex}.competition-delete-summary-icon{color:#14251a;background:#e4c467;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.competition-delete-summary>span:last-child{color:#fff;font-weight:700}.competition-delete-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.competition-delete-actions button{border-radius:13px;min-width:0;min-height:49px;padding:10px 8px;font-size:12px;font-weight:800}.competition-delete-cancel{color:#f1f4e9;background:linear-gradient(145deg,#24543a,#153323);border:1px solid #6a9277}.competition-delete-confirm{color:#1c281b;background:linear-gradient(145deg,#f0d18a,#c49b4c);border:1px solid #f0d18a}.competition-delete-option:active,.competition-delete-actions button:active{transform:scale(.98)}.competition-delete-option:focus-visible,.competition-delete-actions button:focus-visible{outline-offset:3px;outline:2px solid #f0d18a}@media (width<=380px){.competition-delete-panel{padding:16px 10px}.competition-delete-option{gap:8px;padding:10px 8px}.competition-delete-book{flex-basis:38px;width:38px;height:38px}.competition-delete-actions button{font-size:10px}}@media (prefers-reduced-motion:reduce){.competition-delete-option,.competition-delete-actions button{transition:none}}.app-toast{top:max(18px, env(safe-area-inset-top));z-index:10050;color:#fff;background:#102b22;border:1px solid #d4af3759;border-radius:15px;align-items:center;gap:12px;width:min(92vw,460px);padding:15px 16px;animation:.25s ease-out appMessageIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000052}.app-toast-symbol{color:#e7c66a;background:#d4af372b;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.app-toast-success .app-toast-symbol{color:#69dfa0;background:#34a86f33}.app-toast-error .app-toast-symbol{color:#ff9292;background:#dc464633}.app-toast-message{overflow-wrap:anywhere;flex:1;font-size:14px;line-height:1.5}.app-toast>button{color:#d8d8d8;cursor:pointer;background:0 0;border:0;padding:0 3px;font-size:24px}.app-confirm-backdrop{z-index:10060;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030e0ac2;place-items:center;padding:20px;animation:.2s ease-out appMessageIn;display:grid;position:fixed;inset:0}.app-confirm-modal{color:#fff;text-align:center;background:linear-gradient(155deg,#173b2e,#0d211a);border:1px solid #d4af378c;border-radius:21px;width:min(100%,420px);padding:27px 23px 22px;box-shadow:0 24px 65px #00000073}.app-confirm-icon{color:#e7c66a;background:#d4af3721;border:1px solid #e7c66a80;border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 15px;font-size:24px;font-weight:800;display:grid}.app-confirm-icon.danger{color:#f99;background:#dc464624;border-color:#ff787873}.app-confirm-modal h3{color:#f1d889;margin:0 0 10px;font-size:20px}.app-confirm-modal p{color:#e2e9e4;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.65}.app-confirm-actions{gap:11px;margin-top:24px;display:flex}.app-confirm-actions button{cursor:pointer;border-radius:11px;flex:1;min-height:44px;font-weight:700}.app-confirm-cancel{color:#fff;background:#ffffff12;border:1px solid #fff3}.app-confirm-submit{color:#17271e;background:linear-gradient(135deg,#d8bd70,#b18a35);border:1px solid #d5b65b}.app-confirm-submit.danger{color:#fff;background:linear-gradient(135deg,#d96a6a,#a93636);border-color:#c85d5d}@keyframes appMessageIn{0%{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.app-toast{top:max(12px, env(safe-area-inset-top))}.app-confirm-modal{padding:24px 18px 19px}}.competition-account-shell{padding:12px 16px 14px}.competition-account-toolbar{background:linear-gradient(115deg,#102f25,#194535 58%,#173b30);border:1px solid #cdb3704d;border-radius:17px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex;box-shadow:0 8px 24px #0c251c29}.competition-account-identity{align-items:center;gap:11px;display:flex}.competition-account-avatar{background:linear-gradient(145deg,#f0dca7,#c9a95f);border:1px solid #ebd39d8c;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.competition-account-avatar svg{stroke:#173b2d;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.competition-account-role{color:#f4e7c7;letter-spacing:.045em;font-size:14px;font-weight:750}.competition-account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.competition-account-actions button{min-height:39px;font:inherit;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:750;transition:transform .18s,box-shadow .18s;display:inline-flex}.competition-account-actions button:hover:not(:disabled){transform:translateY(-2px)}.competition-account-actions button:disabled{opacity:.58;cursor:not-allowed}.competition-super-admin-button{color:#24331f;background:linear-gradient(135deg,#f3e2b6,#d9b968);border:1px solid #f0d99f;box-shadow:0 3px 10px #00000021}.competition-super-admin-button:hover:not(:disabled){box-shadow:0 6px 15px #0003}.competition-logout-button{color:#fff1ee;background:#8f312b52;border:1px solid #ffbeb14d}.competition-logout-button:hover:not(:disabled){background:#ad393194}.competition-activation-form{background:var(--card-bg,#fff);border:1px solid #bea05f47;border-radius:17px;box-shadow:0 8px 25px #142d2117;margin:14px auto 8px!important;padding:22px!important}.competition-activation-form h3{color:var(--text-primary,#183b2d);margin-top:0}.competition-activation-form p{line-height:1.6}.competition-activation-submit{margin-top:8px}@media (width<=520px){.competition-account-shell{padding:10px 12px 12px}.competition-account-toolbar{align-items:flex-start;gap:12px;padding:12px}.competition-account-actions{justify-content:stretch;width:100%}.competition-account-actions button{flex:auto;padding:9px 10px;font-size:11px}.competition-activation-form{padding:17px!important}}.profile{place-items:center;display:grid}.profile svg{stroke:#e2c77f;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.competition-logout-confirm-overlay{z-index:9999;-webkit-backdrop-filter:blur(7px);background:#030c08c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.competition-logout-confirm-dialog{color:#edf4ef;text-align:center;background:linear-gradient(150deg,#193b2a,#0c1d14);border:1px solid #d7bd7961;border-radius:22px;width:min(100%,390px);padding:30px 25px 24px;animation:.18s ease-out competitionLogoutAppear;box-shadow:0 24px 75px #0000007a}.competition-logout-confirm-icon{color:#e2c77f;background:#d7bd791a;border:1px solid #d7bd798c;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 17px;display:grid}.competition-logout-confirm-icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.competition-logout-confirm-dialog h2{color:#f4e6bd;margin:0 0 9px;font-size:20px}.competition-logout-confirm-dialog p{color:#b9c9be;max-width:280px;margin:0 auto 24px;font-size:13px;line-height:1.7}.competition-logout-confirm-actions{gap:11px;display:flex}.competition-logout-confirm-actions button{min-height:45px;font:inherit;cursor:pointer;border-radius:12px;flex:1;font-size:13px;font-weight:700;transition:transform .16s,opacity .16s}.competition-logout-confirm-actions button:active{transform:scale(.97)}.competition-logout-confirm-actions button:disabled{opacity:.6;cursor:not-allowed}.competition-logout-cancel{color:#dce9df;background:#203d2c;border:1px solid #58715f}.competition-logout-confirm{color:#fff5f3;background:linear-gradient(135deg,#a84740,#7f302c);border:1px solid #bd7770}@keyframes competitionLogoutAppear{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.topbar{z-index:30;position:relative}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.quran-more-menu-wrap{flex-shrink:0;position:relative}.quran-more-trigger{cursor:pointer;background:linear-gradient(145deg,#1b3c2b,#10271c);border:1px solid #d7bd796b;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:39px;height:39px;padding:0;display:flex;box-shadow:0 5px 16px #0000002e}.quran-more-trigger span{background:#e2c77f;border-radius:50%;width:4px;height:4px}.quran-more-trigger:active{transform:scale(.94)}.quran-more-backdrop{z-index:40;background:#00000029;position:fixed;inset:0}.quran-more-menu{z-index:41;color:#edf4ef;background:linear-gradient(155deg,#193b2a,#0b1d14 85%);border:1px solid #d7bd7959;border-radius:19px;width:min(290px,100vw - 38px);max-height:min(75vh,560px);padding:13px;animation:.16s ease-out quranMoreAppear;position:absolute;top:calc(100% + 11px);right:0;overflow-y:auto;box-shadow:0 20px 55px #0000007a}.quran-more-heading{flex-direction:column;gap:5px;padding:8px 9px 11px;display:flex}.quran-more-heading strong{color:#f1dfae;font-size:15px}.quran-more-heading span{color:#91a99a;letter-spacing:1.4px;font-size:9px;font-weight:800}.quran-more-item{color:#e8efe9;text-align:left;width:100%;min-height:48px;font:inherit;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:8px 9px;font-size:12px;display:flex}.quran-more-item:not(:disabled){cursor:pointer}.quran-more-item:not(:disabled):active{background:#d7bd791f}.quran-more-item:disabled{opacity:.85;cursor:default}.quran-more-item-icon{color:#dfc47e;background:#d7bd7914;border:1px solid #d7bd7938;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.quran-more-item>span:last-child{flex-direction:column;gap:3px;display:flex}.quran-more-item small{color:#8fa798;font-size:9px}.quran-more-divider{background:#d7bd7930;height:1px;margin:8px 5px}.quran-more-footer{color:#8fa798;letter-spacing:1px;text-align:center;border-top:1px solid #d7bd7929;margin-top:8px;padding:12px 8px 4px;font-size:8px}@keyframes quranMoreAppear{0%{opacity:0;transform:translateY(-7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=390px){.topbar-actions{gap:6px}.quran-more-trigger{width:35px;height:35px}}.islamic-loading-bismillah{box-sizing:border-box;color:#f2d58d;text-align:center;text-shadow:0 0 8px #f2d58d59,0 0 22px #dab86f33;width:100%;max-width:340px;margin:0 auto 30px;padding:28px 10px;font-family:Aref Ruqaa,Traditional Arabic,serif;font-size:clamp(25px,7vw,36px);font-weight:700;line-height:2;animation:3s ease-in-out infinite bismillah-soft-glow}@keyframes bismillah-soft-glow{0%,to{opacity:.78;text-shadow:0 0 7px #f2d58d33;transform:translateY(2px)}50%{opacity:1;text-shadow:0 0 12px #f2d58d8c,0 0 28px #dab86f4d;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.islamic-loading-bismillah{animation:none!important}}.islamic-writing-scene{width:100%;max-width:390px;height:190px;margin:0 auto 18px;position:relative;overflow:hidden}.islamic-writing-title{white-space:nowrap;color:#d8bd7c;text-shadow:0 1px 1px #17120b,0 0 10px #d8bd7c2e;clip-path:inset(0 0 0 100%);direction:rtl;justify-content:center;align-items:center;min-height:76px;font-family:Aref Ruqaa,Amiri,Traditional Arabic,serif;font-size:clamp(23px,6.6vw,34px);font-weight:700;line-height:1.9;animation:3.8s ease-in-out 1.8s forwards ink-write-reveal;display:flex;position:absolute;top:25px;left:8px;right:8px}.islamic-ink-pot{filter:drop-shadow(0 5px 7px #00000059);width:66px;height:66px;position:absolute;bottom:5px;right:24px}.islamic-writing-quill{z-index:2;transform-origin:8px 76px;filter:drop-shadow(0 3px 4px #00000059);width:126px;height:54px;animation:6.2s cubic-bezier(.45,.05,.35,1) .15s forwards quill-dip-and-write;position:absolute;bottom:34px;right:42px}@keyframes quill-dip-and-write{0%{transform:translate(0)rotate(42deg)}12%{transform:translate(8px,24px)rotate(58deg)}22%{transform:translate(8px,24px)rotate(58deg)}31%{transform:translate(-8px,-24px)rotate(25deg)}42%{transform:translate(-12px,-83px)rotate(13deg)}88%{transform:translate(-210px,-83px)rotate(13deg)}to{transform:translate(-225px,-80px)rotate(8deg)}}@keyframes ink-write-reveal{0%,38%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.islamic-writing-quill,.islamic-writing-title{clip-path:none;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.photorealistic-quill-scene{aspect-ratio:507/336;background:#b99a6b;border-radius:14px;width:min(100%,390px);margin:0 auto 18px;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000052,0 0 0 1px #d6b47047}.photorealistic-quill-film{object-fit:cover;width:100%;height:100%;display:block}.photorealistic-bismillah{box-sizing:border-box;white-space:nowrap;color:#21170f;text-shadow:0 1px #fff5dc73;clip-path:inset(0 0 0 100%);direction:rtl;background:#dabe91e0;border-radius:5px;justify-content:center;align-items:center;min-height:24%;padding:2px 7px 7px;font-family:Aref Ruqaa,Amiri,Traditional Arabic,serif;font-size:clamp(19px,5.8vw,29px);font-weight:700;line-height:1.8;animation:3.2s ease-in-out 1.2s forwards photorealistic-ink-write;display:flex;position:absolute;bottom:10%;left:7%;right:7%}@keyframes photorealistic-ink-write{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.photorealistic-bismillah{clip-path:none;animation:none!important}}.about-page{width:min(100% - 32px,820px);color:var(--text,#f5f2e9);margin:0 auto;padding:22px 0 110px}.about-hero{background:radial-gradient(circle at 85% 15%,#d4af3721,#0000 38%),linear-gradient(145deg,#0f4130f5,#071e18fa);border:1px solid #d4af373b;border-radius:22px;padding:25px 22px 30px;position:relative;overflow:hidden;box-shadow:0 14px 38px #00000038}.about-back-button{color:#e7d49a;font:inherit;cursor:pointer;background:#ffffff0b;border:1px solid #d4af3740;border-radius:30px;align-items:center;gap:9px;padding:9px 14px;font-size:12px;display:inline-flex}.about-back-button span{font-size:18px}.about-hero-symbol{color:#d4af37;margin:25px 0 10px;font-size:38px}.about-hero>.eyebrow{color:#d4af37;letter-spacing:2px;font-size:10px}.about-hero h1{margin:10px 0;font-size:clamp(29px,7vw,43px);line-height:1.15}.about-hero h1 span{color:#d4af37}.about-hero>p{color:#f5f2e9c2;max-width:560px;margin:12px 0 0;font-size:14px;line-height:1.8}.about-section-heading{margin:30px 3px 16px}.about-section-heading .eyebrow{color:#c9a94b;letter-spacing:1.8px;font-size:10px}.about-section-heading h2{margin:7px 0 4px;font-size:23px}.about-section-heading p{color:#f5f2e994;margin:0;font-size:13px}.about-accordion{gap:11px;display:grid}.about-accordion-item{background:#ffffff09;border:1px solid #d4af372b;border-radius:16px;transition:border-color .2s,background .2s;overflow:hidden}.about-accordion-item.is-open{background:#11433157;border-color:#d4af377a}.about-accordion-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:17px 15px;display:flex}.about-accordion-icon{color:#d4af37;background:#d4af3714;border:1px solid #d4af3740;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.about-accordion-label{flex:1;gap:5px;min-width:0;display:grid}.about-accordion-label strong{font-size:14px;font-weight:700}.about-accordion-label small{color:#f5f2e98c;font-size:11px;line-height:1.5}.about-accordion-arrow{color:#d4af37;font-size:24px;font-weight:300}.about-accordion-content{color:#f5f2e9c7;padding:2px 18px 20px 68px;font-size:13px;line-height:1.85;animation:.22s both about-content-in}@keyframes about-content-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.about-accordion-content h3{color:#e4c66c;margin:0 0 9px;font-size:15px}.about-accordion-content p{margin:8px 0 12px}.about-accordion-content ul{margin:8px 0 0;padding-left:18px}.about-accordion-content li{margin:0 0 12px;padding-left:3px}.about-accordion-content li::marker{color:#d4af37}.about-accordion-content li strong,.about-accordion-content p strong{color:#e4c66c}.about-info-row{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:15px;padding:10px 0;font-size:12px;display:flex}.about-info-row span{color:#f5f2e98c}.about-info-row strong{color:#e4c66c;text-align:right}.about-credits-note{color:#f5f2e98f;font-size:11px;margin-top:16px!important}.about-footer{text-align:center;justify-items:center;gap:7px;padding:30px 10px 5px;display:grid}.about-footer>span{color:#d4af37;font-size:28px}.about-footer strong{color:#d4af37;letter-spacing:1.5px;font-size:10px}.about-footer small{color:#f5f2e97a;letter-spacing:1px;font-size:10px}@media (width<=420px){.about-page{width:min(100% - 22px,820px)}.about-hero{padding:20px 17px 24px}.about-accordion-content{padding-left:17px;padding-right:16px}.about-info-row{font-size:11px}}.profile.competition-privacy-toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;place-items:center;padding:0;transition:border-color .25s,box-shadow .3s,transform .25s,background .25s;display:grid}.profile.competition-privacy-toggle:active{transform:scale(.91)}.profile.competition-privacy-toggle svg{fill:none;stroke:#e2c77f;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.profile.competition-privacy-toggle.is-active{background:linear-gradient(145deg,#315b3e,#12291d);border-color:#e6c269e6;animation:2.8s ease-in-out infinite privacy-eye-pulse;box-shadow:0 0 12px #d4af3752,inset 0 0 10px #d4af371f}@keyframes privacy-eye-pulse{0%,to{box-shadow:0 0 8px #d4af3738}50%{box-shadow:0 0 19px #d4af3785}}.app.competition-privacy-active{isolation:isolate}.app.competition-privacy-active>:not(.topbar){filter:blur(9px);opacity:.66;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .45s,opacity .45s}.app.competition-privacy-active:after{content:"";z-index:25;pointer-events:none;opacity:.2;background:radial-gradient(at 50% 105%,#d4af3738 0%,#d4af3717 22%,#0000 53%);animation:4.8s ease-in-out infinite privacy-gold-rise;position:fixed;inset:-15% 0;transform:translateY(13%)}@keyframes privacy-gold-rise{0%{opacity:.12;transform:translateY(13%)}48%{opacity:.72;transform:translateY(-5%)}to{opacity:.12;transform:translateY(-19%)}}@media (prefers-reduced-motion:reduce){.profile.competition-privacy-toggle.is-active,.app.competition-privacy-active:after{animation:none}}.app{padding-top:93px}.topbar{box-sizing:border-box;z-index:30;background:linear-gradient(155deg,#10271d,#081610 55%);width:min(100%,760px);margin:0;padding:22px 19px 14px;position:fixed;top:0;left:50%;transform:translate(-50%)}.mushaf-reader{background:radial-gradient(at 50% 0,#36684645,#0000 48%),linear-gradient(155deg,#112a1e,#091710 75%);border:1px solid #cfb06738;border-radius:25px;margin:5px -5px 25px;padding:16px 13px 35px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000038}.mushaf-reader:before{content:"";background:linear-gradient(90deg,#0000,#d6b76d,#0000);height:1px;position:absolute;top:0;left:18%;right:18%}.mushaf-reader .reader-heading{text-align:center;margin-bottom:8px;padding:20px 8px 23px}.mushaf-reader .reader-heading .eyebrow{color:#d8bd78;letter-spacing:3px;font-size:9px}.mushaf-reader .reader-heading h1{color:#f0dfb4;letter-spacing:.2px;text-shadow:0 3px 18px #d6b76d21;margin:12px 0 5px;font-family:Amiri,serif;font-size:clamp(30px,8vw,39px);font-weight:700}.mushaf-reader .reader-heading p{color:#a9bdad;letter-spacing:1.2px;margin:5px 0 17px;font-size:11px}.mushaf-reader .reader-heading .read-action{color:#e4ce91;letter-spacing:.2px;background:linear-gradient(135deg,#1d4932,#142d20);border:1px solid #d3b4696b;border-radius:30px;padding:10px 19px;font-size:11px;font-weight:700;transition:all .25s}.mushaf-reader .reader-heading .read-action:active{transform:scale(.96)}.mushaf-reader>div:nth-of-type(2){background:#183525d1;border:1px solid #cfb06738;border-radius:16px;box-shadow:inset 0 1px #ffffff06;gap:9px!important;margin:10px 0 17px!important;padding:13px 9px!important}.mushaf-reader>div:nth-of-type(2) button{color:#f0dfb4;cursor:pointer;background:linear-gradient(145deg,#315a3e,#1b3828);border:1px solid #d5b76f66;border-radius:10px;min-height:39px;padding:9px 13px;font-size:11px;font-weight:700;transition:transform .2s,background .2s}.mushaf-reader>div:nth-of-type(2) button:active:not(:disabled){transform:scale(.94)}.mushaf-reader>div:nth-of-type(2) button:disabled{opacity:.35;cursor:not-allowed}.mushaf-reader>div:nth-of-type(2) label{color:#c8d3c9;font-size:11px;font-weight:600}.mushaf-reader>div:nth-of-type(2) input{color:#f0dfb4;background:#0c1c13;border:1px solid #8f7746;border-radius:9px;outline:none;height:39px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.mushaf-reader>div:nth-of-type(2) input:focus{border-color:#e0c47d;box-shadow:0 0 0 3px #d4af3721}.mushaf-reader>div:nth-of-type(2) span{color:#a9bdad;font-size:10px}.mushaf-reader>div:nth-of-type(3){background:linear-gradient(145deg,#f8f1e2,#e9ddc3);border:1px solid #bca875;border-radius:17px;box-shadow:0 12px 30px #00000047,inset 0 0 0 3px #ffffff73;padding:12px!important}.mushaf-reader>div:nth-of-type(3) img{border-radius:5px;width:100%;max-width:520px;height:auto;display:block;box-shadow:0 4px 15px #4634171f}.mushaf-reader>p{color:#d2c18e;letter-spacing:1.2px;font-size:10px;font-weight:700;margin:17px 0 5px!important}@media (width<=420px){.mushaf-reader{border-radius:19px;margin-left:-8px;margin-right:-8px;padding:11px 8px 27px}.mushaf-reader .reader-heading{padding-top:16px}.mushaf-reader>div:nth-of-type(2){gap:6px!important;padding:10px 5px!important}.mushaf-reader>div:nth-of-type(2) button{padding:8px 9px;font-size:10px}.mushaf-reader>div:nth-of-type(3){padding:7px!important}}@media (prefers-reduced-motion:reduce){.mushaf-reader *{transition:none!important}}.mushaf-reader .mushaf-navigation{background:linear-gradient(145deg,#102f23,#091d16);border:1px solid #d4af378c;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;margin:14px 0 17px;padding:13px 9px;display:flex;box-shadow:0 5px 18px #0000003d,inset 0 1px #d4af371f}.mushaf-reader .mushaf-navigation button{color:#f5e8c8;background:linear-gradient(145deg,#315a3e,#173a2a);border:1px solid #d4af37a6;border-radius:10px;min-height:39px;padding:9px 13px;font-size:11px;font-weight:700}.mushaf-reader .mushaf-navigation button:disabled{opacity:.4;color:#c4b98e;border-color:#d4af3740}.mushaf-reader .mushaf-navigation label,.mushaf-reader .mushaf-navigation span{color:#e2c978;font-size:11px;font-weight:600}.mushaf-reader .mushaf-navigation input{text-align:center;color:#f5e8c8;background:#091d16;border:1px solid #d4af37;border-radius:9px;outline:none;width:76px;height:39px;font-size:14px;font-weight:700;box-shadow:inset 0 1px 4px #00000059}.mushaf-reader .mushaf-navigation input:focus{border-color:#f2d675;box-shadow:0 0 0 2px #d4af372e}.mushaf-reader .mushaf-page-stage{cursor:zoom-in;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#f8f1e2,#e9ddc3);border:1px solid #bca875;border-radius:17px;justify-content:center;align-items:center;width:100%;padding:12px;display:flex}.mushaf-reader .mushaf-page-stage img{object-fit:contain;pointer-events:none;border-radius:5px;width:100%;max-width:520px;height:auto;display:block}.mushaf-reader .mushaf-page-caption{text-align:center;color:#d2c18e;letter-spacing:1px;font-size:10px;font-weight:700}.mushaf-reader .mushaf-page-caption span{color:#a9bdad;letter-spacing:0;margin-top:7px;font-size:10px;font-weight:400;display:block}.mushaf-reader.mushaf-reader-fullscreen{flex-direction:column;justify-content:center;align-items:center;display:flex;z-index:99999!important;background:#050a07!important;border:0!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}.mushaf-reader-fullscreen .mushaf-page-stage{cursor:default;touch-action:pan-y;justify-content:center;align-items:center;display:flex;background:#050a07!important;border:0!important;border-radius:0!important;width:100vw!important;height:100dvh!important;padding:0!important}.mushaf-reader-fullscreen .mushaf-page-stage img{object-fit:contain!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important}.mushaf-exit-fullscreen{top:max(12px, env(safe-area-inset-top));z-index:100000;color:#f0dfb4;background:#0a1910c7;border:1px solid #d5b76f8c;border-radius:50%;width:38px;height:38px;font-size:17px;position:fixed;right:12px}@media (width<=420px){.mushaf-reader .mushaf-page-stage{padding:7px}.mushaf-reader .mushaf-navigation{gap:6px;padding:10px 5px}.mushaf-reader .mushaf-navigation button{padding:8px 9px;font-size:10px}}.mushaf-surah-picker{box-sizing:border-box;background:#0a231bd1;border:1px solid #d4af3759;border-radius:13px;align-items:center;gap:12px;width:min(100%,520px);margin:0 auto 12px;padding:11px 13px;display:flex}.mushaf-surah-picker label{color:#d4af37;white-space:nowrap;font-weight:700}.mushaf-surah-picker select{color:#f5e8c8;background:#123629;border:1px solid #d4af3766;border-radius:9px;flex:1;min-width:0;padding:10px;font-size:14px}.mushaf-surah-picker option{color:#f5e8c8;background:#123629}@media (width<=480px){.mushaf-surah-picker{width:100%}}.mushaf-reader .mushaf-navigation,.mushaf-reader .mushaf-navigation *{box-sizing:border-box!important}.mushaf-reader .mushaf-navigation{background:#0b2118!important;border:1px solid #c9a94b!important;border-radius:16px!important;box-shadow:0 4px 18px #00000059!important}.mushaf-reader .mushaf-navigation button{color:#f5e8c8!important;background:linear-gradient(145deg,#315a3e,#102c20)!important;border:1px solid #c9a94b!important}.mushaf-reader .mushaf-navigation input{color:#f5e8c8!important;-webkit-text-fill-color:#f5e8c8!important;background:#061810!important;border:1px solid #d4af37!important}.mushaf-reader .mushaf-navigation label,.mushaf-reader .mushaf-navigation span{color:#e4c66e!important}.mushaf-reader .mushaf-navigation button:disabled{color:#b7a878!important;opacity:.65!important;background:#142b20!important}.mushaf-juz-picker{box-sizing:border-box;background:#0a231bd1;border:1px solid #d4af3759;border-radius:13px;align-items:center;gap:12px;width:min(100%,520px);margin:0 auto 12px;padding:11px 13px;display:flex}.mushaf-juz-picker label{color:#d4af37;white-space:nowrap;font-weight:700}.mushaf-juz-picker select{color:#f5e8c8;background:#123629;border:1px solid #d4af3766;border-radius:9px;flex:1;min-width:0;padding:10px;font-size:14px}.mushaf-juz-picker option{color:#f5e8c8;background:#123629}@media (width<=480px){.mushaf-juz-picker{width:100%}}.mushaf-surah-picker,.mushaf-juz-picker{box-sizing:border-box;background:#0a231bd1;border:1px solid #d4af3759;border-radius:13px;align-items:center;gap:12px;width:min(100%,520px);margin:0 auto 12px;padding:11px 13px;display:flex}.mushaf-surah-picker label,.mushaf-juz-picker label{color:#d4af37;white-space:nowrap;font-weight:700}.mushaf-surah-picker select,.mushaf-juz-picker select{color:#f5e8c8;background:#123629;border:1px solid #d4af3766;border-radius:9px;flex:1;min-width:0;padding:10px;font-size:14px}.mushaf-surah-picker option,.mushaf-juz-picker option{color:#f5e8c8;background:#123629}@media (width<=480px){.mushaf-surah-picker,.mushaf-juz-picker{width:100%}}.mushaf-reader>div.mushaf-juz-picker{box-shadow:none!important;box-sizing:border-box!important;background:#0a231bd1!important;border:1px solid #d4af3759!important;border-radius:13px!important;margin:0 auto 12px!important;padding:11px 13px!important}.mushaf-reader>div.mushaf-juz-picker label{color:#d4af37!important}.mushaf-reader>div.mushaf-juz-picker select{color:#f5e8c8!important;background:#123629!important;border:1px solid #d4af3766!important}@media (width<=480px){.mushaf-reader>div.mushaf-juz-picker{width:100%!important;padding:11px 13px!important}}.mushaf-reader>div.mushaf-juz-picker label{color:#fff!important;font-size:14px!important;font-weight:400!important}.question-manager-modal{background:radial-gradient(at 100% 0,#c29d3f1f,#0000 38%),linear-gradient(145deg,#142d24 0%,#0b1d17 100%)!important;border:1px solid #e0be5d7a!important;width:min(94%,590px)!important;max-width:590px!important;max-height:91vh!important;padding:22px!important;box-shadow:0 28px 90px #0000009e,inset 0 1px #ffffff0a!important}.question-manager-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.question-manager-eyebrow{color:#d9b95d;letter-spacing:2px;font-size:10px;font-weight:800}.question-manager-heading h2{color:#f4dfaa;letter-spacing:-.5px;margin:5px 0;font-size:23px}.question-manager-heading p{color:#9fb5a8;margin:0;font-size:12px}.question-manager-close{color:#f2d78f;background:#ffffff0b;border:1px solid #e0be5d4d;border-radius:12px;width:38px;height:38px;font-size:19px}.question-manager-code{background:#ffffff09;border:1px solid #dabe782b;border-radius:15px;padding:14px}.question-manager-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 18px;display:grid}.question-manager-stats>div{text-align:center;background:linear-gradient(145deg,#d4af3717,#ffffff06);border:1px solid #d4af3730;border-radius:13px;flex-direction:column;gap:5px;min-width:0;padding:12px 8px;display:flex}.question-manager-stats strong{color:#f1d27c;overflow-wrap:anywhere;font-size:19px}.question-manager-stats span{color:#a9bdb1;text-transform:uppercase;letter-spacing:.6px;font-size:10px}.question-manager-tabs{background:#0000003d;border:1px solid #ffffff0f;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:17px;padding:6px;display:grid}.question-manager-tabs button{color:#a9bdb1;background:0 0;border:1px solid #0000;border-radius:11px;min-height:43px;font-size:13px;font-weight:800}.question-manager-tabs button.active{color:#f6df9d;background:linear-gradient(135deg,#b7913140,#d4af3714);border-color:#e0be5d61;box-shadow:0 4px 14px #0000002e}.question-manager-tabs button.active.danger{color:#ffc0b7;background:#a0302733;border-color:#ee695866}.question-manager-list{background:#00000024;border:1px solid #d4af3729;border-radius:16px;margin-bottom:16px;padding:13px}.question-manager-list-heading{color:#e9d69f;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.question-manager-list-heading span{color:#91a99b}.question-manager-item{text-align:left;color:#f5f0df;background:linear-gradient(110deg,#11392bc7,#09221bcc);border:1px solid #d4af3729;border-radius:13px;align-items:center;gap:12px;width:100%;margin:7px 0;padding:11px;transition:all .18s;display:flex}.question-manager-item.selected{background:linear-gradient(110deg,#2b6446ad,#4a411f4d);border-color:#d7b85e;box-shadow:0 0 0 1px #d7b85e1f}.question-manager-number{color:#f2d47e;background:#d4af3721;border:1px solid #d4af374d;border-radius:12px;flex:0 0 42px;place-items:center;height:42px;font-weight:900;display:grid}.question-manager-item-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.question-manager-item-info strong{color:#f5e8c1;font-size:13px}.question-manager-item-info small{color:#a9bdb1;font-size:11px}.question-manager-check{color:#e7c96b;font-size:21px;font-weight:800}.question-manager-editor{background:linear-gradient(145deg,#d4af3712,#00000021);border:1px solid #d4af3747;border-radius:17px;padding:16px}.question-manager-editor-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.question-manager-editor-title>div>span{color:#d6b45b;letter-spacing:1.5px;font-size:9px;font-weight:900}.question-manager-editor-title h3{color:#f4dfaa;margin:4px 0 0;font-size:19px}.question-manager-edit-icon{color:#f1d27c;background:#d4af371f;border:1px solid #d4af3740;border-radius:13px;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.question-manager-range{grid-template-columns:1fr 1fr;gap:12px;display:grid}.question-manager-preview{background:#0003;border:1px solid #ffffff12;border-radius:13px;margin-top:15px;padding:13px}.question-manager-preview-heading{color:#d9b95d;letter-spacing:1.4px;font-size:9px;font-weight:900}.question-manager-preview>p{color:#e9d69f;margin:7px 0;font-size:12px;font-weight:700}.question-manager-preview>small{color:#9fb5a8}.question-manager-apply{color:#17251c;background:linear-gradient(110deg,#b18a2f,#e0c36b);border:1px solid #ffe08e73;border-radius:13px;width:100%;min-height:48px;margin-top:17px;font-size:14px;font-weight:900;box-shadow:0 7px 20px #0000003b}.question-manager-apply:active{transform:scale(.985)}.question-manager-remove-button{color:#fff0eb;background:linear-gradient(110deg,#7d3029,#a8473c);border:1px solid #ff776566;border-radius:12px;width:100%;min-height:46px;font-weight:800}.question-manager-action-panel{background:#8c2b231a;border:1px solid #ee695840;border-radius:14px;padding:14px}.question-manager-action-panel p{color:#d8c7bd;font-size:12px;line-height:1.6}.question-manager-action-panel strong{color:#ffe0a0}.question-manager-empty,.question-manager-hint{color:#a9bdb1;text-align:center;padding:13px;font-size:12px}@media (width<=390px){.question-manager-modal{padding:15px!important}.question-manager-heading h2{font-size:20px}.question-manager-stats>div{padding:10px 5px}.question-manager-stats strong{font-size:16px}.question-manager-stats span{font-size:9px}.question-manager-range{gap:8px}}.saved-questions-close{color:#e6c65c;cursor:pointer;background:linear-gradient(145deg,#d4af3729,#08231bf5);border:1px solid #d4af378c;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:21px;font-weight:500;line-height:1;transition:transform .22s,background .22s,box-shadow .22s,border-color .22s;display:inline-flex;box-shadow:0 3px 12px #00000038,inset 0 1px 3px #ffffff14}.saved-questions-close:hover{color:#10251c;background:linear-gradient(145deg,#d4af37,#a77c20);border-color:#f3d77a;transform:rotate(90deg)scale(1.08);box-shadow:0 0 16px #d4af3761}.saved-questions-close:active{transform:scale(.91)}.saved-questions-close:focus-visible{outline-offset:3px;outline:2px solid #e6c65c}.record-question-modal{background:radial-gradient(at 10% 0,#236f4c33,#0000 42%),linear-gradient(145deg,#172b23,#101c17)!important;border:1px solid #d4af376b!important;border-radius:24px!important;width:min(100%,700px)!important;padding:clamp(17px,3vw,27px)!important;box-shadow:0 28px 90px #00000094,inset 0 1px #ffffff0f!important}.record-question-modal .ayah-pick-heading{color:#f4d77f;letter-spacing:1.15px;margin:22px 0 13px;font-size:12px;font-weight:900}.record-question-modal .ayah-pick-heading span{color:#ebf1eba6;letter-spacing:0;font-weight:500}.record-question-modal .ayah-pick-mode{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 17px;gap:13px!important;display:grid!important}.record-question-modal .ayah-pick-mode button{color:#fff;text-align:left;background:linear-gradient(145deg,#ffffff16,#ffffff06);border:1px solid #dce6dc29;border-radius:17px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:9px;width:100%;min-width:0;min-height:112px;padding:16px;transition:all .2s;display:flex!important}.record-question-modal .ayah-pick-mode button span{color:#ebf1ebad;letter-spacing:1.5px;font-size:10px;font-weight:900}.record-question-modal .ayah-pick-mode button strong{color:#fff;font-size:35px;font-weight:850;line-height:1}.record-question-modal .ayah-pick-mode button.active.start-active{border:1px solid #5ad a9d;background:linear-gradient(135deg,#1b895b61,#0d4d35b8);border-color:#5ada9d}.record-question-modal .ayah-pick-mode button.active.start-active strong{color:#7ce5ad}.record-question-modal .ayah-pick-mode button.active.end-active{background:linear-gradient(135deg,#ad7b2061,#634311b8);border:1px solid #eec25b}.record-question-modal .ayah-pick-mode button.active.end-active strong{color:#f4d17a}.record-question-modal .ayah-number-grid{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d4af378c transparent;background:#00000030;border:1px solid #d4af372b;border-radius:17px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:260px;padding:13px;overflow-y:auto;gap:8px!important;display:grid!important}.record-question-modal .ayah-number-button{aspect-ratio:1;place-items:center;font-size:14px;font-weight:850;transition:all .16s;box-shadow:0 3px 8px #00000021;color:#183d30!important;background:linear-gradient(145deg,#f5f7f2,#dfe8df)!important;border:1px solid #dae8dc26!important;border-radius:12px!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;display:grid!important}.record-question-modal .ayah-number-button.is-start{color:#fff!important;background:linear-gradient(145deg,#20a36b,#116342)!important;border:2px solid #8ce8b7!important}.record-question-modal .ayah-number-button.is-end{color:#fff!important;background:linear-gradient(145deg,#e6b84e,#a8751d)!important;border:2px solid #ffe3a0!important}.record-question-modal .ayah-number-button.in-range{color:#164d35!important;background:linear-gradient(145deg,#d5eadb,#b7d9c3)!important;border:1px solid #78b990!important}.record-question-modal .selected-question-verse{border-bottom:1px solid #d4af3729;padding:17px 9px}.record-question-modal .selected-question-arabic{color:#fff9e9;text-align:right;direction:rtl;margin:0 0 10px;font-family:Noto Naskh Arabic,Amiri,Traditional Arabic,serif;font-size:clamp(25px,5vw,31px);line-height:2.05}.record-question-modal .judge-save-button{color:#17271e;background:linear-gradient(110deg,#d6ad4b,#f0d58b 48%,#bd9134);border:1px solid #ffe1978c;border-radius:15px;min-height:54px;font-size:14px;font-weight:900;box-shadow:0 8px 22px #b98b3033}@media (width<=480px){.record-question-modal{border-radius:20px!important;max-height:92dvh!important;padding:15px!important}.record-question-modal .ayah-pick-mode{gap:9px!important}.record-question-modal .ayah-pick-mode button{min-height:96px;padding:13px}.record-question-modal .ayah-pick-mode button strong{font-size:31px}.record-question-modal .ayah-number-grid{grid-template-columns:repeat(auto-fill,minmax(35px,1fr));max-height:235px;padding:10px;gap:6px!important}}.record-question-modal .verse-size-toolbar{background:linear-gradient(120deg,#d4af3717,#ffffff06);border:1px solid #d4af373d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 16px;padding:11px 13px;display:flex}.record-question-modal .verse-size-label{color:#d9c58f;letter-spacing:1.2px;font-size:10px;font-weight:800}.record-question-modal .verse-size-controls{align-items:center;gap:10px;display:flex}.record-question-modal .verse-size-controls button{color:#f4d98e;cursor:pointer;background:linear-gradient(145deg,#214d38,#102d22);border:1px solid #d4af378c;border-radius:11px;width:42px;height:38px;font-size:17px;font-weight:900}.record-question-modal .verse-size-controls button:disabled{opacity:.35;cursor:not-allowed}.record-question-modal .verse-size-controls span{color:#fff4d5;text-align:center;font-variant-numeric:tabular-nums;min-width:43px;font-size:12px;font-weight:800}.record-question-modal .selected-question-arabic{line-height:2.15!important}@media (width<=480px){.record-question-modal .verse-size-toolbar{padding:9px 10px}.record-question-modal .verse-size-controls{gap:7px}}.quran-reveal-overlay{z-index:10000;background:radial-gradient(at 50% 43%,#2d69466b,#0000 48%),radial-gradient(at 50% 100%,#b1872b1a,#0000 48%),linear-gradient(145deg,#07150f 0%,#10291d 48%,#07140e 100%);justify-content:center;align-items:center;padding:24px;animation:.35s both quranRevealFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.quran-reveal-overlay:before,.quran-reveal-overlay:after{content:"";pointer-events:none;border:1px solid #d8b8691f;border-radius:24px;position:absolute;inset:16px}.quran-reveal-overlay:after{border-color:#d8b8690e;border-radius:19px;inset:24px}.quran-reveal-content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:min(100%,340px);display:flex;position:relative}.quran-reveal-emblem{justify-content:center;align-items:center;width:142px;height:142px;margin-bottom:29px;display:flex;position:relative}.quran-reveal-symbol{color:#f4d995;background:linear-gradient(145deg,#dcb9672b,#0c3120b8);border:1px solid #efd28bcc;border-radius:28px;justify-content:center;align-items:center;width:94px;height:94px;font-family:serif;font-size:67px;line-height:1;animation:2.4s ease-in-out infinite quranEmblemPulse;display:flex;box-shadow:0 0 20px #dab04e29,inset 0 0 24px #dab04e1a}.quran-reveal-orbit{border:1px solid #e0be7059;border-radius:50%;position:absolute}.quran-orbit-one{animation:8s linear infinite quranOrbitSpin;inset:3px}.quran-orbit-two{border-style:dashed;border-color:#e0be703d;animation:13s linear infinite reverse quranOrbitSpin;inset:14px}.quran-reveal-spark{background:#f3d58d;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 12px #f3d58de6}.quran-reveal-spark.spark-one{animation:1.8s ease-in-out infinite quranSpark;top:14px;left:37px}.quran-reveal-spark.spark-two{animation:2.1s ease-in-out .4s infinite quranSpark;top:64px;right:13px}.quran-reveal-spark.spark-three{animation:2s ease-in-out .8s infinite quranSpark;bottom:15px;left:31px}.quran-reveal-brand{color:#f0d38e;letter-spacing:6px;text-indent:6px;text-shadow:0 2px 18px #ddb55b38;font-size:25px;font-weight:900}.quran-reveal-tagline{color:#b7c9b8;letter-spacing:2.1px;margin-top:11px;font-size:9px;font-weight:700}.quran-reveal-divider{background:linear-gradient(90deg,#0000,#dcb868a6,#0000);width:150px;height:1px;margin:27px 0 23px;position:relative}.quran-reveal-divider span{background:#e8c778;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:calc(50% - 2.5px);box-shadow:0 0 9px #e8c778}.quran-reveal-message{color:#f4e7c5;letter-spacing:.5px;font-size:14px;font-weight:700}.quran-reveal-submessage{color:#8fa797;letter-spacing:.35px;margin-top:9px;font-size:10px}.quran-reveal-progress{background:#dcbe7c26;border-radius:10px;width:155px;height:3px;margin-top:27px;overflow:hidden}.quran-reveal-progress span{border-radius:inherit;background:linear-gradient(90deg,#a77c31,#f5df9e,#a77c31);width:42%;height:100%;animation:1.25s ease-in-out infinite quranProgressFlow;display:block;box-shadow:0 0 10px #f2cf7da6}@keyframes quranRevealFadeIn{0%{opacity:0}to{opacity:1}}@keyframes quranEmblemPulse{0%,to{transform:scale(.96);box-shadow:0 0 15px #dab04e21,inset 0 0 20px #dab04e14}50%{transform:scale(1.04);box-shadow:0 0 32px #dab04e47,inset 0 0 27px #dab04e29}}@keyframes quranOrbitSpin{to{transform:rotate(360deg)}}@keyframes quranSpark{0%,to{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes quranProgressFlow{0%{transform:translate(-110%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.quran-reveal-overlay,.quran-reveal-symbol,.quran-reveal-orbit,.quran-reveal-spark,.quran-reveal-progress span{animation:none!important}}.tafsir-selector-wrap{width:100%;margin:14px 0 20px}.tafsir-selector-trigger{color:#f5f0df;text-align:left;cursor:pointer;background:linear-gradient(120deg,#0c3024f5,#124130d1);border:1px solid #d4af374d;border-radius:17px;align-items:center;gap:13px;width:100%;padding:15px 16px;transition:all .2s;display:flex;box-shadow:0 8px 24px #00000029,inset 0 1px #ffffff0a}.tafsir-selector-trigger:hover{border-color:#e2be57bf;transform:translateY(-1px);box-shadow:0 9px 28px #00000038,0 0 18px #d4af3714}.tafsir-selector-trigger.has-selection{border-color:#d4af379e}.tafsir-trigger-icon{color:#e4c56d;background:#d4af371a;border:1px solid #d4af3780;border-radius:13px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-family:serif;font-size:25px;display:grid}.tafsir-trigger-copy,.tafsir-choice-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.tafsir-trigger-copy strong{letter-spacing:.25px;font-size:14px}.tafsir-trigger-copy small{color:#c6cdbf;font-size:11px}.tafsir-trigger-action{color:#e1c36c;white-space:nowrap;font-size:11px}.tafsir-trigger-action span{margin-left:5px;font-size:17px}.tafsir-modal-backdrop{z-index:12000;-webkit-backdrop-filter:blur(12px);background:#020c09c7;justify-content:center;align-items:center;padding:18px;animation:.2s both tafsirBackdropIn;display:flex;position:fixed;inset:0}.tafsir-modal{color:#f6f1e4;background:radial-gradient(at 90% 0,#d4af371c,#0000 42%),linear-gradient(145deg,#102d24,#091b16 78%);border:1px solid #d4af375c;border-radius:23px;width:min(100%,470px);max-height:min(82vh,680px);padding:23px;animation:.28s cubic-bezier(.2,.8,.2,1) both tafsirModalIn;overflow-y:auto;box-shadow:0 25px 80px #0000008c,inset 0 1px #ffffff0f}.tafsir-modal-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.tafsir-modal-eyebrow{color:#d4af37;letter-spacing:2px;font-size:9px;font-weight:800}.tafsir-modal-top h2{color:#fff8e7;margin:8px 0 5px;font-size:21px;line-height:1.25}.tafsir-modal-top p{color:#c5cbbf;margin:0;font-family:serif;font-size:15px}.tafsir-modal-close{color:#e6ca79;cursor:pointer;background:#ffffff0b;border:1px solid #d4af3766;border-radius:50%;flex:0 0 35px;width:35px;height:35px;font-size:17px}.tafsir-choice-list{gap:10px;display:grid}.tafsir-choice{color:#f4f0e5;text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff17;border-radius:15px;align-items:center;gap:13px;width:100%;padding:14px;transition:all .2s;display:flex}.tafsir-choice:hover,.tafsir-choice.active{background:#d4af371b;border-color:#d4af37b8}.tafsir-choice-icon{color:#e2c46e;background:#d4af3714;border:1px solid #d4af3759;border-radius:12px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-family:serif;font-size:18px;display:grid}.tafsir-choice-copy strong,.tafsir-none-choice strong{font-size:13px}.tafsir-choice-copy>span{color:#e2c46e;font-family:serif;font-size:15px}.tafsir-choice-copy small,.tafsir-none-choice small{color:#aebbae;font-size:10px}.tafsir-choice-check{color:#e3c36a;margin-left:auto;font-size:21px}.tafsir-none-section{border-top:1px solid #ffffff1a;margin-top:17px;padding-top:16px}.tafsir-none-choice{color:#e8eadf;text-align:left;cursor:pointer;background:#ffffff06;border:1px dashed #bec5b74d;border-radius:14px;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.tafsir-none-choice.active{background:#d4af3717;border-color:#d4af37b3}.tafsir-none-icon{color:#c9cfc2;background:#ffffff12;border-radius:11px;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.tafsir-none-choice>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.tafsir-modal-note{color:#aebbae;text-align:center;margin:16px 2px 0;font-size:10px;line-height:1.6}@keyframes tafsirBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes tafsirModalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=420px){.tafsir-modal{border-radius:19px;padding:18px}.tafsir-modal-top h2{font-size:19px}.tafsir-trigger-action{font-size:10px}}@media (prefers-reduced-motion:reduce){.tafsir-modal-backdrop,.tafsir-modal{animation:none}.tafsir-selector-trigger,.tafsir-choice{transition:none}}.tafsir-status{color:#e6d39b;text-align:center;background:#1241308c;border:1px solid #d4af3740;border-radius:12px;margin:12px 0;padding:11px 15px;font-size:13px}.tafsir-error{color:#ffc0b0;border-color:#dc645066}.tafsir-source{color:#b7a66e;text-align:center;margin:8px 0 14px;font-size:11px}.tafsir-text{color:#e9e2cf;text-align:right;direction:rtl;background:linear-gradient(145deg,#13372ab8,#0a1f18d1);border:1px solid #d4af373d;border-right:3px solid #c9a94b;border-radius:13px;margin:14px 0 5px;padding:16px 17px}.tafsir-text p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:Noto Naskh Arabic,Amiri,serif;font-size:16px;line-height:2.05}.tafsir-text .tafsir-unavailable{color:#c7b98e;font-size:14px}.competition-judge-page .participant-hukmu-button{justify-content:space-between;align-items:center;gap:12px;display:flex}.participant-hukmu-main-icon,.participant-hukmu-icon{border:1px solid #c5a65d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:22px;font-weight:800;line-height:1;display:inline-flex}.participant-hukmu-item{background:#254735;border:1px solid #496b55;border-radius:13px;overflow:hidden}.participant-hukmu-toggle{color:#fff8e8;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 14px;font-size:15px;font-weight:800;display:flex}.participant-hukmu-task-area{color:#e7d9b4;background:#142e21;border-top:1px solid #496b55;min-height:85px;padding:16px}.participant-hukmu-task-area>span{color:#e8d39a;font-size:13px;font-weight:800}.participant-hukmu-task-area p{color:#c5d0c5;margin:10px 0 0;font-size:13px;line-height:1.7}.competition-judge-page .participant-hukmu-button{text-align:center;justify-content:center;position:relative}.competition-judge-page .participant-hukmu-button .participant-hukmu-main-icon{position:absolute;right:12px}.competition-judge-page .participant-hukmu-button{color:#173526;letter-spacing:.35px;text-align:center;background:linear-gradient(120deg,#f0dfad 0%,#d2b66f 48%,#b99449 100%);border:1px solid #ffe7aebf;border-radius:15px;justify-content:center;align-items:center;min-height:56px;padding:12px 54px;font-size:14px;font-weight:900;transition:transform .22s,box-shadow .22s;display:flex;position:relative;box-shadow:0 7px 18px #0000003d,inset 0 1px #ffffff8c}.competition-judge-page .participant-hukmu-button:active{transform:scale(.985)}.competition-judge-page .participant-hukmu-button .participant-hukmu-main-icon{color:#173526;background:#ffffff38;border:1px solid #26392359;border-radius:50%;width:31px;height:31px;font-size:23px;position:absolute;right:12px}.participant-hukmu-panel{background:radial-gradient(at 100% 0,#c5a65d1a,#0000 55%),linear-gradient(145deg,#193d2d,#10251b 75%);border:1px solid #c5a65d6b;border-radius:20px;flex-direction:column;gap:12px;margin:0 0 25px;padding:14px;display:flex;box-shadow:0 12px 28px #00000040,inset 0 1px #ffffff0b}.participant-hukmu-item{background:linear-gradient(135deg,#294d39,#1d3b2b);border:1px solid #9db7973b;border-radius:15px;transition:border-color .22s,box-shadow .22s;overflow:hidden;box-shadow:0 4px 12px #00000029,inset 0 1px #ffffff09}.participant-hukmu-item:has(.participant-hukmu-task-area){border-color:#d6bb75a6;box-shadow:0 6px 17px #00000038,0 0 0 1px #d6bb7512}.participant-hukmu-toggle{color:#fff8e8;letter-spacing:.25px;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px;padding:13px 15px;font-size:15px;font-weight:850;transition:background .2s;display:flex}.participant-hukmu-toggle:active{background:#ffffff0b}.participant-hukmu-icon{color:#f0d99e;background:linear-gradient(145deg,#ddc38033,#ddc38012);border:1px solid #ddc380a6;border-radius:50%;width:32px;height:32px;font-size:22px;font-weight:700;transition:transform .22s,background .22s;box-shadow:inset 0 1px #ffffff14}.participant-hukmu-toggle[aria-expanded=true] .participant-hukmu-icon{color:#173526;background:linear-gradient(145deg,#e8d39a,#bd9d58);transform:rotate(180deg)}.participant-hukmu-task-area{color:#e7d9b4;background:radial-gradient(at 0 0,#c5a65d12,#0000 65%),linear-gradient(145deg,#172f23,#10251b);border-top:1px solid #c5a65d47;min-height:105px;padding:17px;animation:.28s both hukmuTaskReveal}.participant-hukmu-task-area>span{color:#e8d39a;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.participant-hukmu-task-area p{color:#c5d0c5;background:#ffffff06;border:1px dashed #c5a65d40;border-radius:11px;margin:12px 0 0;padding:12px 13px;font-size:13px;line-height:1.7}@keyframes hukmuTaskReveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover){.participant-hukmu-item:hover{border-color:#d6bb758c}.participant-hukmu-toggle:hover{background:#ffffff09}.competition-judge-page .participant-hukmu-button:hover{box-shadow:0 9px 23px #0000004d}}@media (prefers-reduced-motion:reduce){.participant-hukmu-item,.participant-hukmu-toggle,.participant-hukmu-icon,.participant-hukmu-task-area,.competition-judge-page .participant-hukmu-button{transition:none;animation:none}}.hukmu-table-wrapper{-webkit-overflow-scrolling:touch;background:#0718107a;border:1px solid #c5a65d52;border-radius:13px;width:100%;margin-top:15px;overflow-x:auto}.hukmu-score-table{border-collapse:separate;border-spacing:0;text-align:center;width:100%;min-width:290px}.hukmu-score-table th{color:#f0d99e;letter-spacing:.35px;white-space:nowrap;background:linear-gradient(135deg,#315640,#203f2e);border-bottom:1px solid #c5a65d59;padding:13px 8px;font-size:12px;font-weight:900}.hukmu-score-table td{color:#e8eadf;border-right:1px solid #c5a65d21;padding:15px 8px;font-size:14px;font-weight:700}.hukmu-score-table th:last-child,.hukmu-score-table td:last-child{border-right:0}.hukmu-score-table tbody tr{background:#ffffff06}.hukmu-score-table .hukmu-total-cell{color:#f0d99e;background:#c5a65d17;font-weight:900}@media (width<=380px){.hukmu-score-table th{padding:11px 5px;font-size:11px}.hukmu-score-table td{padding:13px 5px}}