:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e7ede6;background:#0d211d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 85% 6%,#24443a 0%,transparent 34%),#0d211d}.topbar{height:84px;border-bottom:1px solid #45615966;display:flex;justify-content:space-between;align-items:center;padding:0 max(32px,calc((100vw - 1180px)/2));gap:20px}.brand{border:0;background:none;color:#f1f5ef;font-size:18px;font-weight:800;letter-spacing:.18em;padding:0;display:flex;align-items:center;gap:14px}.brand strong{color:#e9ba79}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d9bb84;border-radius:12px;color:#e9ba79;font-size:26px;font-weight:300;letter-spacing:0}.top-note{color:#a6b9af;font-size:13px;letter-spacing:.04em}.main{width:min(100% - 48px,1040px);margin:0 auto;flex:1;display:flex;align-items:center;padding:70px 0}.hero{max-width:770px}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d5ac75;font-weight:700;margin-bottom:26px}h1{font-family:Georgia,Times New Roman,serif;letter-spacing:-.045em;font-weight:400;line-height:1.09;font-size:clamp(52px,7vw,90px);margin:0 0 28px}h1 em{color:#e4b776;font-weight:400}h1 small{font-family:Inter,ui-sans-serif,sans-serif;font-size:.38em;color:#d2af79;letter-spacing:0;margin-left:10px}.hero>p{max-width:570px;font-size:19px;line-height:1.7;color:#aec2b5;margin:0 0 32px}.primary,.secondary{border-radius:8px;padding:16px 22px;border:1px solid #e6bc80;transition:background .15s,transform .15s}.primary:hover,.secondary:hover{transform:translateY(-2px)}.primary{background:#e6bc80;color:#183129;font-weight:700;min-width:228px;display:inline-flex;justify-content:space-between;gap:36px}.primary span{font-size:18px}.secondary{background:transparent;color:#edf2eb;border-color:#728e80}.subtle,.hero .subtle{font-size:13px;color:#849e8f;line-height:1.55;margin-top:22px}.panel{width:100%;max-width:790px}.back{background:none;color:#a7bbae;border:0;padding:0;margin-bottom:42px}.back:hover{color:#fff}.panel h1{font-size:clamp(44px,5.4vw,72px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:34px 0 36px}.form-grid label{font-size:13px;color:#b6c9bc;display:flex;flex-direction:column;gap:9px}.form-grid select,.form-grid input[type=number]{height:51px;background:#19342d;border:1px solid #506c5b;border-radius:7px;color:#f0f3ed;padding:0 16px;width:100%}.form-grid .check{grid-column:1/-1;flex-direction:row;align-items:center;font-size:15px;gap:11px}.check input{accent-color:#e6bc80;width:18px;height:18px}.recitation .ayah{background:#1c3930;border:1px solid #577466;border-radius:12px;min-height:132px;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px 34px;font-family:Noto Naskh Arabic,Traditional Arabic,Times New Roman,serif;font-size:clamp(28px,3.5vw,40px);line-height:2.1;margin:32px 0}.instructions{color:#b7cbbd;line-height:1.7;max-width:580px;font-size:17px;margin-bottom:28px}.listening{display:flex;align-items:center;gap:20px;background:#1b382f;border:1px solid #536d5e;border-radius:12px;padding:24px;margin:28px 0;max-width:650px}.pulse{width:16px;height:16px;border-radius:100%;background:#e5b976;box-shadow:0 0 0 8px #e5b97622;animation:pulse 1.8s infinite}.listening strong{display:block;font-size:18px}.listening small{display:block;color:#9fb5a7;margin-top:5px}@keyframes pulse{50%{box-shadow:0 0 0 14px #e5b97608}}.notice{border-radius:10px;border:1px solid;padding:20px;margin:18px 0;max-width:710px;display:flex;flex-direction:column;gap:8px}.notice.amber{border-color:#be9a5f;background:#5a492b44;color:#f5d9a8}.notice.red{border-color:#c78175;background:#6b332d77;color:#ffe5df}.notice.help{border-color:#6e9983;background:#285c4666}.notice strong{font-size:18px}.notice span{color:inherit}.notice .expected{font-family:Noto Naskh Arabic,Traditional Arabic,Times New Roman,serif;font-size:26px;line-height:2;padding:10px 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 8px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#597063;border:1px solid #597063;border-radius:10px;overflow:hidden;margin:32px 0}.stats>div{background:#19362d;min-height:125px;padding:22px;display:flex;flex-direction:column;justify-content:center}.stats strong{font-size:37px;color:#e7bd81;font-family:Georgia,serif;font-weight:400}.stats span{font-size:13px;color:#b5c6ba;margin-top:7px}.error-banner{position:fixed;bottom:24px;left:24px;right:24px;max-width:700px;margin:auto;background:#773d39;color:#fff2e9;border:1px solid #ca8177;border-radius:8px;padding:16px 46px 16px 18px;z-index:4}.error-banner button{background:none;border:none;color:inherit;font-size:25px;position:absolute;right:12px;top:9px}footer{border-top:1px solid #45615966;padding:24px max(32px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px;color:#7f9b8a;font-size:12px}footer a{color:#b8c8b4;text-decoration:none}@media(max-width:650px){.topbar{height:68px;padding:0 24px}.top-note{display:none}.topbar-end{gap:0}.main{width:min(100% - 40px,1040px);padding:48px 0}.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}footer{padding:22px 24px;flex-direction:column}.hero>p{font-size:17px}}.topbar-end{display:flex;align-items:center;gap:18px}.lang-switch{display:inline-flex;border:1px solid #567066;border-radius:8px;overflow:hidden}.lang-switch button{background:transparent;border:0;color:#9fb5a7;padding:8px 12px;font-size:12px;font-weight:700;letter-spacing:.08em}.lang-switch button.active{background:#e6bc80;color:#183129}.lang-switch button:not(.active):hover{color:#f1f5ef;background:#1b382f}.notice-head{display:flex;justify-content:space-between;align-items:center}.badge{font-size:11px;background:#e6bc8033;color:#e6bc80;border:1px solid #e6bc80;padding:2px 8px;border-radius:12px;font-weight:600;text-transform:uppercase}.expected-pill{display:inline-flex;align-items:center;gap:10px;background:#e9ba7926;border:1px solid #d9bb84;border-radius:8px;padding:6px 14px;margin:6px 0;width:fit-content}.pill-label{font-size:12px;color:#d2af79;font-weight:600}.pill-word{font-size:22px;color:#ffd699;font-family:Noto Naskh Arabic,Traditional Arabic,Times New Roman,serif}.highlight-target{background:#e5b976;color:#183129;border-radius:4px;padding:2px 8px;font-weight:700;box-shadow:0 0 12px #e5b97699;display:inline-block}.heard-box{display:block;margin-top:6px;font-size:13px;color:#f8c1ba}.heard-word{font-size:18px;color:#ff9e94;padding:0 4px;font-family:Noto Naskh Arabic,serif}.auth-block{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:8px 0 0}.primary.google{text-decoration:none}.dev-link{color:#d5ac75;font-size:14px}.user-chip{display:flex;align-items:center;gap:10px;color:#c5d6cb;font-size:13px}.user-chip img{width:28px;height:28px;border-radius:50%;border:1px solid #567066}.linkish{background:none;border:0;color:#e6bc80;padding:0;font-size:13px}.subhead{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#d5ac75;margin:28px 0 14px}.fav-grid{display:flex;flex-wrap:wrap;gap:8px;max-height:220px;overflow:auto;padding-bottom:6px}.fav-grid.surah{max-height:320px}.fav-chip{background:#19342d;border:1px solid #506c5b;color:#d7e4db;border-radius:7px;padding:8px 12px;font-size:13px}.fav-chip.on{border-color:#e6bc80;color:#e6bc80;background:#2a4538}@font-face{font-family:Noto Naskh Arabic;src:url(/fonts/noto-naskh-arabic.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Amiri;src:url(/fonts/amiri.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.font-switch{display:flex;align-items:center;gap:7px;color:#9fb5a7;font-size:11px;white-space:nowrap}.font-switch select{max-width:150px;padding:7px 25px 7px 9px;border:1px solid #567066;border-radius:7px;background:#142d26;color:#e7eee8;font-size:12px}.quran-home-cta{margin-top:14px}.quran-reader{max-width:900px}.quran-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 22px}.quran-pager span{color:#c5d6cb;font-size:13px;white-space:nowrap}.quran-pager button:disabled,.quran-actions button:disabled{opacity:.45;cursor:not-allowed}.quran-text{min-height:260px;padding:28px 30px;border:1px solid #597063;border-radius:12px;background:#152f27;color:#f3ead8;text-align:justify;text-align-last:right;font-size:clamp(25px,4vw,36px);line-height:2.25;overflow-wrap:anywhere}.quran-verse{white-space:normal}.quran-verse-number{color:#e5b976;font-size:.7em;white-space:nowrap}.quran-verse.test-verse{background:#e5b97622;border-radius:5px}.quran-error{padding:16px;border:1px solid #c78175;border-radius:8px;color:#ffe5df}.quran-actions{margin-top:22px}.quran-attribution{margin-top:16px;color:#9fb5a7;font-size:12px}.quran-attribution a{color:#e5b976}@media(max-width:650px){.font-switch span{display:none}.font-switch select{max-width:130px}.quran-text{padding:20px 16px;line-height:2.05}.quran-pager button{font-size:12px;padding:10px}.quran-pager{gap:6px}}.connection-note{padding:10px 20px;text-align:center;color:#f4d7a6;background:#52432b;border-bottom:1px solid #806941;font-size:13px;line-height:1.5}.font-size-switch input[type=range]{width:78px;accent-color:#e5b976}.font-size-switch small{min-width:34px;color:#d7e4db;font-size:11px}@media(max-width:650px){.font-size-switch input[type=range]{width:48px}.font-size-switch small{display:none}}.page-jump{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 20px;color:#b5c6ba;font-size:13px}.page-jump input{width:82px;padding:9px;border:1px solid #567066;border-radius:7px;background:#142d26;color:#e7eee8;font-size:14px}.install-app{background:#e6bc80;color:#183129;border:1px solid #e6bc80;border-radius:7px;padding:8px 11px;font-size:12px;font-weight:700;white-space:nowrap}.install-note{display:flex;align-items:center;justify-content:center;gap:14px}.install-note button{background:none;border:0;color:inherit;font-size:22px;line-height:1;padding:0 4px}.reciter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;background:#142d26;border:1px solid #4a6759;border-radius:10px;padding:12px 18px;margin:14px 0 20px}.reciter-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reciter-controls select{background:#1b382f;border:1px solid #567066;border-radius:7px;color:#e7eee8;padding:7px 12px;font-size:12px}.turn-badge{display:inline-flex;align-items:center;gap:6px;background:#e5b97626;border:1px solid #d9bb84;border-radius:16px;padding:4px 12px;color:#e9ba79;font-size:12px;font-weight:600}.verse-audio-btn{background:transparent;border:1px solid #567066;color:#d5ac75;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;margin:0 4px;font-size:11px;vertical-align:middle;transition:all .15s}.verse-audio-btn:hover{background:#e5b976;color:#183129;border-color:#e5b976;transform:scale(1.1)}.verse-audio-btn.playing{background:#e5b976;color:#183129;border-color:#e5b976;animation:pulse 1.5s infinite}.sm2-tag{font-size:11px;background:#19342d;border:1px solid #506c5b;color:#a8c4b6;padding:2px 8px;border-radius:6px;margin-left:8px}.asr-mode-box{grid-column:1/-1;background:#16322a;border:1px solid #486558;border-radius:8px;padding:14px;margin-top:6px}.asr-mode-box label{font-size:13px;color:#e9ba79;font-weight:600;display:flex;flex-direction:row;align-items:center;gap:8px}.asr-mode-desc{font-size:12px;color:#a3b8ad;margin-top:4px;line-height:1.4}.offline-ready-badge{display:inline-flex;align-items:center;gap:6px;color:#a8c4b6;font-size:11px;white-space:nowrap}.offline-ready-dot{width:8px;height:8px;border-radius:50%;background:#72bd91;box-shadow:0 0 0 3px #72bd9122}.offline-ready-label{display:inline}@media(max-width:650px){.offline-ready-label{display:none}}.last-read-card{width:min(100%,540px);margin-top:22px;padding:18px;border:1px solid #536d5e;border-radius:14px;background:linear-gradient(135deg,#1b382f,#142c25);box-shadow:0 10px 24px #0002;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.last-read-card-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e6bc80;font-size:11px;font-weight:700;letter-spacing:.12em}.last-read-turn{border:1px solid #a88756;border-radius:999px;padding:5px 10px;color:#f0d6a8;letter-spacing:0;font-size:12px;text-align:center}.last-read-card>strong{font-size:17px;color:#f1f5ef}.last-read-card>.secondary{min-height:46px;padding:11px 16px;display:inline-flex;align-items:center;gap:18px}.last-read-card>.secondary span{color:#e6bc80}@media(max-width:480px){.last-read-card{padding:15px}.last-read-card-heading{align-items:flex-start;flex-direction:column}.last-read-turn{white-space:normal}}.daily-practice-card{width:min(100%,540px);margin:18px 0 26px;padding:17px 18px;border:1px solid #49685a;border-radius:12px;background:#17352c}.daily-practice-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e6bc80;font-size:12px;letter-spacing:.06em}.daily-practice-goal{display:flex;align-items:center;gap:8px;color:#a9c5b5;letter-spacing:0;font-size:12px}.daily-practice-goal select{border:1px solid #526f60;border-radius:7px;background:#102720;color:#f1f5ef;padding:6px 9px}.daily-practice-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.daily-practice-meta>span{color:#a9c5b5;font-size:12px;white-space:nowrap}.daily-practice-progress-label{margin:10px 0 8px;color:#dce9df;font-size:14px}.daily-practice-track{height:8px;border-radius:999px;background:#0e211c;overflow:hidden}.daily-practice-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d5a963,#f1d49a);transition:width .25s ease}@media(max-width:480px){.daily-practice-heading{align-items:flex-start;flex-direction:column;gap:9px}.daily-practice-goal{width:100%;justify-content:space-between}.daily-practice-meta{align-items:flex-start;flex-direction:column;gap:0}}.daily-practice-track-counts{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 10px}.daily-practice-track-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px 4px 9px;border:1px solid #49685a;border-radius:999px;background:#102720;color:#c5d5ca;font-size:11px}.daily-practice-track-chip select{max-width:42px;border:0;border-radius:5px;background:#17352c;color:#f1f5ef;padding:3px 2px;font-size:11px}.weekly-plan-editor{margin:8px 0 4px;border:1px solid #49685a;border-radius:10px;background:#102720;color:#dce9df;font-size:12px}.weekly-plan-editor summary{padding:9px 11px;color:#e6bc80;font-weight:700;cursor:pointer}.weekly-plan-editor>p{margin:0 11px 10px;color:#b4c9be}.weekly-plan-track{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;margin:0 10px 8px}.weekly-plan-track>strong{font-size:11px}.weekly-plan-track>div{display:flex;flex-wrap:wrap;gap:4px}.weekly-plan-track label{display:inline-flex;align-items:center;gap:2px;padding:3px 5px;border:1px solid #49685a;border-radius:99px;background:#17352c;font-size:10px}.weekly-plan-track input{accent-color:#e5b976;margin:0}.weekly-plan-editor>.linkish{margin:0 10px 8px}.weekly-plan-today{margin:2px 0 8px;color:#b4c9be;font-size:11px}.page-top-toggle{display:flex;align-items:center;gap:8px;margin:0 11px 12px;color:#dce9df}.page-top-toggle input{accent-color:#e5b976}.track-range-manager{grid-column:1/-1;padding:14px;border:1px solid #49685a;border-radius:10px;background:#102720}.track-range-manager>strong{display:block;margin-bottom:9px;color:#e6bc80}.track-range-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.track-range-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid #536d5e;border-radius:99px;color:#dce9df;font-size:12px}.track-range-pill button{border:0;background:transparent;color:#e6bc80;font-size:17px;line-height:1;cursor:pointer}.track-range-manager>.secondary{min-height:38px;padding:8px 12px}.track-range-inputs{display:flex;align-items:flex-end;flex-wrap:wrap;gap:9px;margin-top:12px}.track-range-inputs label{display:grid;gap:5px;color:#c5d5ca;font-size:12px}.track-range-inputs input{width:90px;padding:8px 9px;border:1px solid #49685a;border-radius:7px;background:#17352c;color:#f1f5ef}.quick-track-launcher{width:min(100%,540px);margin:0 0 16px;padding:14px 16px;border:1px solid #49685a;border-radius:12px;background:#17352c}.quick-track-launcher>span{display:block;margin-bottom:9px;color:#e6bc80;font-size:12px;font-weight:700;letter-spacing:.04em}.quick-track-launcher>div{display:flex;flex-wrap:wrap;gap:8px}.quick-track-launcher .secondary{min-height:40px;padding:9px 13px;font-size:13px}.verse-similar-btn{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin:0 4px;border:1px solid #567066;border-radius:50%;background:#17352c;color:#e5b976;font:600 14px/1 Inter,system-ui,sans-serif;vertical-align:middle}.verse-similar-btn:hover{background:#e5b976;color:#183129}.similar-ayah-panel{margin:22px 0;padding:18px;border:1px solid #5c7768;border-radius:12px;background:#17352c;color:#e7ede6}.similar-ayah-heading{display:flex;justify-content:space-between;gap:14px}.similar-ayah-heading>div{display:flex;flex-direction:column;gap:4px}.similar-ayah-heading strong{color:#e6bc80}.similar-ayah-heading span,.similar-ayah-panel p{color:#a9c5b5;font-size:13px}.similar-ayah-panel ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}.similar-ayah-panel li{padding:14px;border-radius:9px;background:#102720;border:1px solid #385448}.similar-ayah-location{font-size:12px;color:#e6bc80;font-weight:700}.similar-ayah-shared{margin:9px 0;color:#f2d49b;font-family:Noto Naskh Arabic,Traditional Arabic,Times New Roman,serif;font-size:20px;line-height:1.8}.similar-ayah-text{color:#d5e1d7;font-family:Noto Naskh Arabic,Traditional Arabic,Times New Roman,serif;font-size:18px;line-height:1.9}.similar-ayah-empty{padding:12px;border:1px dashed #536d5e;border-radius:8px;color:#b8c8bc;font-size:14px}.similar-ayah-heading-actions{display:flex;align-items:center;gap:8px}.similar-ayah-heading-actions .secondary,.similar-quiz-feedback>.secondary{padding:8px 12px;font-size:12px}.similar-ayah-quiz{margin:16px 0;padding:16px;border:1px solid #8e774f;border-radius:10px;background:#102720}.similar-ayah-quiz>strong{color:#e6bc80}.similar-quiz-phrase{margin:12px 0;padding:12px;border-radius:8px;background:#1b382f;color:#f2d49b;font-family:Noto Naskh Arabic,Traditional Arabic,Times New Roman,serif;font-size:22px;line-height:1.8}.similar-quiz-options{display:flex;flex-wrap:wrap;gap:8px}.similar-quiz-options button{padding:10px 14px}.similar-quiz-options button.correct{border-color:#7bb18b;background:#214936;color:#edfff0}.similar-quiz-options button.incorrect{border-color:#c78175;background:#633b37;color:#fff0ed}.similar-quiz-feedback{margin-top:14px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.similar-quiz-feedback>strong{color:#e6bc80}.similar-quiz-reveal{width:100%;padding:12px;border-radius:8px;background:#17352c}.similar-quiz-reveal span{font-size:12px;color:#e6bc80;font-weight:700}.similar-quiz-reveal p{font-family:Noto Naskh Arabic,Traditional Arabic,Times New Roman,serif;font-size:18px;line-height:1.9;color:#e7ede6;margin:8px 0 14px}.similar-quiz-reveal p:last-child{margin-bottom:0}.teacher-input-label{display:grid;gap:8px;margin:16px 0;color:#b6c9bc;font-size:13px}.teacher-input-label input,.teacher-input-label textarea{width:100%;border:1px solid #506c5b;border-radius:7px;background:#19342d;color:#f0f3ed;padding:12px;resize:vertical}.teacher-assignment{margin:24px 0;padding:18px;border:1px solid #536d5e;border-radius:12px;background:#17352c}.teacher-assignment>code{display:block;overflow-wrap:anywhere;color:#e6bc80}.teacher-report-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #385448}.teacher-report-row>div{display:grid;gap:4px}.teacher-report-row span{color:#a9c5b5;font-size:12px}.teacher-report-row .linkish{flex:none}.teacher-assignment h2{font-size:18px;color:#e6bc80}.teacher-aggregate-progress{height:7px;overflow:hidden;border-radius:99px;background:#0e211c}.teacher-aggregate-progress>span{display:block;height:100%;border-radius:inherit;background:#e5b976;transition:width .2s ease}.practice-plan-transfer{display:grid;gap:8px;margin:10px;padding:12px;border:1px solid #385448;border-radius:8px;background:#17352c}.practice-plan-transfer label{display:grid;gap:6px;color:#b6c9bc}.practice-plan-transfer textarea{width:100%;resize:vertical;border:1px solid #506c5b;border-radius:7px;background:#102720;color:#f0f3ed;padding:10px;font:12px/1.5 ui-monospace,monospace}.practice-plan-transfer p{margin:0;color:#e6bc80}body{min-width:280px}.main{min-width:0}.home-primary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 24px}@media(max-width:480px){.topbar{padding:0 12px;gap:8px}.brand{flex:0 0 auto;gap:6px;font-size:14px;letter-spacing:.1em}.brand-mark{width:30px;height:30px;font-size:21px}.topbar-end{flex:1;min-width:0;justify-content:flex-end}.font-switch{flex:0 1 92px;min-width:0}.font-switch select{width:100%;min-width:0;max-width:92px;padding:7px 17px 7px 6px;font-size:10px}.font-size-switch{flex:0 0 auto}.font-size-switch input[type=range]{width:34px}.lang-switch{flex:0 0 auto}.lang-switch button{padding:7px 6px;font-size:11px}}@media(max-width:360px){.topbar{padding:0 10px}.brand{font-size:12px}.brand-mark{width:28px;height:28px;font-size:20px}.font-switch{flex-basis:78px}.font-switch select{max-width:78px;padding-right:14px;font-size:9px}.font-size-switch input[type=range]{width:30px}h1{font-size:clamp(40px,12vw,48px);overflow-wrap:anywhere}.panel h1{font-size:clamp(34px,10vw,40px)}}:focus-visible{outline:3px solid #f1c878;outline-offset:3px}@media(max-width:650px){.verse-audio-btn,.verse-similar-btn{width:44px;height:44px;min-width:44px;margin:0 2px}.quran-pager button,.quran-actions button,.similar-quiz-options button{min-height:44px}.install-note button,.track-range-pill button,.error-banner button{min-width:44px;min-height:44px;display:inline-grid;place-items:center}}@media(max-width:480px){.reciter-bar{padding:10px 12px}.reciter-controls{width:100%;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 10px}.reciter-controls .pill-label{white-space:nowrap}.reciter-controls select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}.reciter-controls button{grid-column:1/-1;min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.daily-practice-empty{margin-top:14px;padding:14px;border:1px dashed #526f60;border-radius:9px;color:#dce9df}.daily-practice-empty strong{display:block;font-size:14px;font-weight:600}.daily-practice-empty p{margin:5px 0 0;color:#a9c5b5;font-size:13px;line-height:1.5}.local-data-controls{margin-top:32px;padding:18px;border:1px solid #a9645d;border-radius:10px;background:#422b2a55}.local-data-controls .subhead{margin-top:0;color:#e2a29a}.danger-action{border-color:#a9645d;color:#f0b0a7}.danger-action:hover{background:#522f2b}.session-history-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:10px 0;padding:14px;border:1px solid #385448;border-radius:10px;background:#102720}.session-history-main{display:grid;min-width:0;gap:4px;color:#c5d5ca;font-size:13px;overflow-wrap:anywhere}.session-history-main strong{color:#e6bc80;font-size:15px}.session-history-main span{color:#a9c5b5;font-size:12px;line-height:1.45}.session-history-row>.secondary{flex:none;align-self:center}@media(max-width:480px){.session-history-row{align-items:stretch;flex-direction:column;gap:10px}.session-history-row>.secondary{align-self:flex-start}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:auto;min-height:72px;padding-top:14px;padding-bottom:14px}.topbar-end{flex-wrap:wrap;justify-content:flex-end;gap:10px 14px}.brand{flex-shrink:0}.header-home-title{margin-right:auto;font-size:14px;color:#aec2b5;white-space:nowrap}.header-home-title em{color:#e6bc80;font-style:normal}.main{width:min(calc(100% - 48px),1180px);align-items:flex-start;padding:28px 0 40px}.hero,.panel{max-width:none;width:100%}.panel h1{font-size:clamp(30px,3.5vw,46px);margin-bottom:18px}.eyebrow{margin-bottom:12px}.back{margin-bottom:20px}.home-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.home-study-column,.home-account-column{min-width:0}.home-columns .daily-practice-card,.home-columns .auth-block{margin-top:0;max-width:none}.home-study-column .daily-practice-card,.home-study-column .quick-track-launcher,.home-study-column .last-read-card{width:100%;max-width:none}.home-columns .auth-block{padding:18px;border:1px solid #385448;border-radius:12px;background:#152f27;display:flex;flex-wrap:wrap;gap:10px}.home-columns .auth-block .secondary{font-size:14px;padding:12px 14px;flex:1 1 calc(50% - 10px);margin:0;min-height:44px}.home-columns .auth-block p{flex-basis:100%;margin:8px 0 0;font-size:13px}.home-primary-actions{margin-bottom:22px}.home-primary-actions .quran-home-cta{margin:0}.home-study-column .quick-track-launcher{margin-top:18px}.home-study-column>.subtle{margin-top:16px;font-size:12px}.ready-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.ready-reader-main,.ready-reader-sidebar{min-width:0}.recitation .ayah{min-height:100px;margin:0 0 18px;padding:18px 24px}.instructions{max-width:none;font-size:15px;line-height:1.6;margin:0 0 20px}.voice-controls,.voice-alt-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.voice-controls>[role=status]{flex-basis:100%;margin:0 0 4px;font-size:14px;color:#b7cbbd}.voice-controls .primary,.voice-controls .secondary,.voice-alt-actions .secondary{padding:13px 18px;font-size:14px;min-height:44px}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed;transform:none}.voice-alt-actions{margin:16px 0 0}.voice-info{border:1px solid #456159;border-radius:10px;padding:15px 16px;background:#152f27;font-size:13px;line-height:1.6}.voice-info summary,.voice-measurements summary{cursor:pointer;font-weight:600}.voice-info p{color:#aec2b5;margin:12px 0}.voice-info a{color:#e6bc80;text-underline-offset:3px}.voice-unavailable{margin:0 0 14px;padding:16px;max-width:none;font-size:14px;line-height:1.6}.voice-unavailable strong{font-size:16px}.voice-measurements{margin-top:6px;font-size:12px}.voice-measurements dl{margin:10px 0}.voice-measurements dl>div{padding:8px 0;border-bottom:1px solid #be9a5f44}.voice-measurements dt{font-weight:600}.voice-measurements dd{margin:3px 0 0;font-variant-numeric:tabular-nums}.voice-measurements p{margin:10px 0 0}.footer-motto{display:block;font-size:11px;line-height:1.5;margin-top:4px}.config-panel .back{margin-bottom:14px}.config-panel .eyebrow{margin-bottom:8px}.config-panel h1{font-size:clamp(34px,3.2vw,44px);margin-bottom:10px}.config-panel .form-grid{gap:12px 22px;margin:18px 0 20px}.config-panel .form-grid label{gap:6px}.config-panel .form-grid select,.config-panel .form-grid input[type=number]{height:44px}.config-panel .form-grid .form-help{align-self:center;margin:0;font-size:12px;line-height:1.45}.config-panel .form-grid .check{grid-column:auto;align-self:center;gap:8px;font-size:14px;white-space:nowrap}.config-panel .form-grid .check input{flex:none}.config-panel .actions{gap:8px;margin:18px 0 4px}.config-panel .actions .primary,.config-panel .actions .secondary{min-height:44px;padding:11px 16px;font-size:14px}.config-panel .actions .primary{min-width:200px;gap:18px}.config-panel>.subtle{margin:8px 0 0;font-size:11px;line-height:1.4}@media(max-width:760px){.config-panel .form-grid{grid-template-columns:1fr;gap:12px}.config-panel .form-grid .check{grid-column:1;white-space:normal}.config-panel .form-grid .form-help{grid-column:1}.config-panel .actions{margin-top:16px}}@media(min-width:761px)and (max-height:900px){.config-panel .back{margin-bottom:10px}.config-panel .form-grid{gap:10px 20px;margin:14px 0}.config-panel .actions{margin-top:12px}}@media(max-width:1000px){.header-home-title{display:none}.ready-reader-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.top-note{display:none}}@media(max-width:760px){.home-columns,.ready-reader-layout{grid-template-columns:1fr;gap:18px}.main{width:calc(100% - 32px);padding:22px 0 32px}.topbar{padding-top:10px;padding-bottom:10px}.voice-controls .primary{min-width:180px}.home-primary-actions>.primary,.home-primary-actions>.secondary{flex:1 1 200px}.ready-reader-sidebar{order:-1}.voice-unavailable{margin-bottom:12px}.panel h1{font-size:32px}}