.audio-download-floating[data-v-6236f580]{position:fixed;bottom:calc(var(--player-height, 0px) + var(--tab-bar-space, 0px) + 12px);right:16px;z-index:calc(var(--z-player) + 1)}.audio-download-btn[data-v-6236f580]{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;padding:0 8px;border-radius:50%;background:var(--color-gold);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px #00000040;transition:transform .15s ease,box-shadow .15s ease}.audio-download-btn[data-v-6236f580]:hover,.audio-download-btn[data-v-6236f580]:active{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.audio-download-icon[data-v-6236f580]{width:22px;height:22px;flex-shrink:0}.audio-download-menu[data-v-6236f580]{position:absolute;bottom:calc(100% + 8px);right:0;min-width:240px;background:var(--color-surface, #fff);border:1px solid var(--color-border, rgba(0, 0, 0, .12));border-radius:8px;box-shadow:0 4px 16px #0000002e;padding:4px;display:flex;flex-direction:column}.audio-download-menu-item[data-v-6236f580]{background:none;border:none;padding:12px 14px;text-align:left;cursor:pointer;font-size:14px;color:var(--color-text, #1a1a1a);border-radius:4px;white-space:nowrap}.audio-download-menu-item[data-v-6236f580]:hover:not(:disabled){background:var(--color-gold-subtle)}.audio-download-menu-item[data-v-6236f580]:disabled{opacity:.6;cursor:not-allowed}.audio-download-menu-item--cancel[data-v-6236f580]{color:var(--color-error);border-top:1px solid var(--color-border, rgba(0, 0, 0, .08));margin-top:2px;padding-top:12px}@font-face{font-family:me_quran;src:url(/fonts/me_quran.ttf?v=1) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Amiri;src:url(/fonts/Amiri-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:light;--color-gold: #856312;--color-gold-light: #a8842a;--color-gold-dark: #6d5010;--color-gold-hover: #7a5e12;--color-gold-muted: rgba(133, 99, 18, .1);--color-gold-subtle: rgba(133, 99, 18, .05);--color-gold-border: rgba(133, 99, 18, .3);--color-on-gold: #ffffff;--color-bg: #f5efe3;--color-bg-warm: #efe8d8;--color-surface: #faf6ee;--color-surface-raised: #ffffff;--color-surface-overlay: rgba(250, 246, 238, .97);--color-code-bg: #2a1f05;--color-code-text: #faf6ee;--color-scrim: rgba(42, 31, 5, .5);--color-scrim-strong: rgba(42, 31, 5, .65);--color-text: #2a1f05;--color-text-secondary: #4d3f20;--color-text-muted: #736451;--color-text-faint: #8a7d64;--color-border: #e0d5bf;--color-border-light: #ebe3d0;--color-border-strong: #c5b89c;--color-error: #9e2a1f;--color-error-hover: #8a2318;--color-error-bg: #fdf0ef;--color-error-border: rgba(158, 42, 31, .2);--color-on-error: #faf6ee;--color-success: #3a6e3a;--color-success-bg: #edf5ed;--color-success-border: rgba(58, 110, 58, .2);--color-on-success: #faf6ee;--color-warning: #a14b0a;--color-warning-bg: #fdf1e6;--color-info: #2a5f8b;--color-info-bg: #ebf2f8;--color-neutral: #655d4e;--color-neutral-bg: #ebe7de;--color-accent-alt: #75468a;--color-accent-alt-bg: #f1ecf4;--tajweed-ham-wasl: #686868;--tajweed-slnt: #686868;--tajweed-laam-shamsiyah: #b000b0;--tajweed-ghunnah: #0f6500;--tajweed-ikhafa: #9400a8;--tajweed-ikhafa-shafawi: #bf00a4;--tajweed-idgham-ghunnah: #11745b;--tajweed-idgham-wo-ghunnah: #a00000;--tajweed-idgham-shafawi: #3a7900;--tajweed-idgham-mutajanisayn: #be0000;--tajweed-idgham-mutaqaribayn: #be0000;--tajweed-iqlab: #016f9b;--tajweed-qalaqah: #d90008;--tajweed-madda-normal: #1f58ff;--tajweed-madda-permissible: #2437ff;--tajweed-madda-obligatory: #2144c1;--tajweed-madda-necessary: #000ebc;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-arabic: "me_quran", serif;--font-ayah-number: "Amiri", serif;--font-display: Georgia, "Times New Roman", "Noto Serif", serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-input: 1rem;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.8;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--quran-font-size: 1.7rem;--quran-line-height: 2;--translation-font-size: .9rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--btn-padding-y-xs: var(--space-1);--btn-padding-x-xs: var(--space-3);--btn-font-size-xs: var(--text-xs);--btn-padding-y-sm: var(--space-2);--btn-padding-x-sm: var(--space-4);--btn-font-size-sm: var(--text-sm);--btn-padding-y: var(--space-3);--btn-padding-x: var(--space-5);--btn-font-size: var(--text-base);--btn-padding-y-lg: var(--space-3);--btn-padding-x-lg: var(--space-8);--btn-font-size-lg: var(--text-md);--btn-radius: var(--radius);--badge-padding-y: var(--space-1);--badge-padding-x: var(--space-3);--badge-font-size: var(--text-xs);--badge-font-weight: var(--font-bold);--badge-radius: var(--radius);--badge-tracking: .05em;--shadow-xs: 0 1px 2px rgba(42, 31, 5, .04);--shadow-sm: 0 2px 8px rgba(42, 31, 5, .06);--shadow: 0 4px 20px rgba(42, 31, 5, .07);--shadow-md: 0 6px 24px rgba(42, 31, 5, .09);--shadow-lg: 0 8px 40px rgba(42, 31, 5, .12);--shadow-xl: 0 16px 56px rgba(42, 31, 5, .16);--shadow-gold: 0 4px 16px rgba(133, 99, 18, .15);--shadow-error: 0 4px 16px rgba(158, 42, 31, .2);--transition-fast: .12s ease;--transition: .2s ease;--transition-slow: .35s ease;--transition-interactive: color var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition), opacity var(--transition), transform var(--transition);--transition-interactive-fast: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);--z-dropdown: 200;--z-sticky: 100;--z-reader-toolbar: 90;--z-overlay: 1000;--z-sidebar: 1100;--z-modal: 1200;--z-tooltip: 1250;--z-toast: 1300;--z-player: 900;--z-tab-bar: 950;--header-height: 56px;--content-max-width: 780px;--content-wide-max-width: 1100px;--sidebar-width: 340px;--player-height: 0px;--tab-bar-height: 0px;--tab-bar-safe-area: 0px;--tab-bar-space: calc(var(--tab-bar-height) + var(--tab-bar-safe-area));--focus-ring: 0 0 0 3px rgba(133, 99, 18, .2);--focus-ring-error: 0 0 0 3px rgba(158, 42, 31, .15)}[data-theme=dark],.surface-dark{color-scheme:dark;--color-gold: #c5a24a;--color-gold-light: #d4b56a;--color-gold-dark: #a08030;--color-gold-hover: #b49240;--color-gold-muted: rgba(197, 162, 74, .12);--color-gold-subtle: rgba(197, 162, 74, .06);--color-gold-border: rgba(197, 162, 74, .3);--color-on-gold: #1a1610;--color-bg: #1a1610;--color-bg-warm: #221e16;--color-surface: #2a2518;--color-surface-raised: #342e20;--color-surface-overlay: rgba(42, 37, 24, .97);--color-code-bg: #0f0d08;--color-code-text: #e8e0d0;--color-scrim: rgba(10, 7, 2, .66);--color-scrim-strong: rgba(10, 7, 2, .8);--color-text: #e8e0d0;--color-text-secondary: #c0b8a0;--color-text-muted: #a29881;--color-text-faint: #847a60;--color-border: #3e3828;--color-border-light: #342e20;--color-border-strong: #4e4632;--color-error: #e2806f;--color-error-hover: #d4705f;--color-error-bg: rgba(158, 42, 31, .15);--color-error-border: rgba(226, 128, 111, .35);--color-on-error: #1a1610;--color-success: #7ab87a;--color-success-bg: rgba(58, 110, 58, .15);--color-success-border: rgba(122, 184, 122, .35);--color-on-success: #1a1610;--color-warning: #e8a05a;--color-warning-bg: rgba(161, 75, 10, .18);--color-info: #5a9ec5;--color-info-bg: rgba(90, 158, 197, .12);--color-neutral: #a8a190;--color-neutral-bg: rgba(101, 93, 78, .18);--color-accent-alt: #bb92d6;--color-accent-alt-bg: rgba(117, 70, 138, .22);--tajweed-ham-wasl: #aaaaaa;--tajweed-slnt: #aaaaaa;--tajweed-laam-shamsiyah: #ea44ea;--tajweed-ghunnah: #28a412;--tajweed-ikhafa: #dc71eb;--tajweed-ikhafa-shafawi: #e834cf;--tajweed-idgham-ghunnah: #239b7d;--tajweed-idgham-wo-ghunnah: #e98585;--tajweed-idgham-shafawi: #58b800;--tajweed-idgham-mutajanisayn: #ea6c6c;--tajweed-idgham-mutaqaribayn: #ea6c6c;--tajweed-iqlab: #26bffd;--tajweed-qalaqah: #ec5056;--tajweed-madda-normal: #537fff;--tajweed-madda-permissible: #7f89f5;--tajweed-madda-obligatory: #8196e0;--tajweed-madda-necessary: #a6acfa;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-md: 0 6px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 56px rgba(0, 0, 0, .5);--focus-ring: 0 0 0 3px rgba(197, 162, 74, .28);--focus-ring-error: 0 0 0 3px rgba(226, 128, 111, .28);--shadow-error: 0 4px 16px rgba(226, 128, 111, .28)}*,*:before,*:after,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;tab-size:4}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-normal);transition:background var(--transition-slow),color var(--transition-slow);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}input:where(:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file])),select,textarea{font-size:max(var(--text-input),1em)}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::placeholder{opacity:1}textarea{resize:vertical}table{text-indent:0;border-color:inherit;border-collapse:collapse}hr{height:0;color:inherit;border-top-width:1px}summary{display:list-item}progress{vertical-align:baseline}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}abbr:where([title]){text-decoration:underline dotted}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}[hidden]:where(:not([hidden=until-found])){display:none!important}:-moz-focusring{outline:auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::selection{background:#85631259;color:var(--color-text)}[data-theme=dark] ::selection,.surface-dark ::selection{background:#c5a24a66;color:var(--color-text)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.page{flex:1;display:flex;flex-direction:column;background:var(--color-bg)}@media(max-width:1040px){:root{--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.25rem;--header-height: 50px;--sidebar-width: 300px;--tab-bar-height: 56px;--tab-bar-safe-area: env(safe-area-inset-bottom, 0px)}}@media(max-width:480px){:root{--text-xl: 1.25rem;--text-2xl: 1.375rem;--text-3xl: 1.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}.btn-spinner,.spinner,.audio-spinner{animation-duration:.8s!important;animation-iteration-count:infinite!important}}.btn-primary{width:100%;padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:var(--font-semibold);font-family:var(--font-body);color:var(--color-on-gold);background:var(--color-gold);border:none;border-radius:var(--btn-radius);cursor:pointer;transition:background var(--transition),box-shadow var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;margin-top:var(--space-2)}.btn-primary:hover:not(:disabled){background:var(--color-gold-hover);box-shadow:var(--shadow-gold)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);font-size:var(--btn-font-size-sm);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition-interactive);text-decoration:none}.btn-secondary:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-gold)}.btn-spinner{width:18px;height:18px;border:2px solid rgba(250,246,238,.3);border-top-color:var(--color-on-gold);border-radius:50%;animation:spin .7s linear infinite}.spinner{width:28px;height:28px;border:2px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm)}.alert--error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.alert--success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge{display:inline-block;padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);letter-spacing:var(--badge-tracking);white-space:nowrap}.badge--success{background:var(--color-success-bg);color:var(--color-success)}.badge--error{background:var(--color-error-bg);color:var(--color-error)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge--accent{background:var(--color-gold-muted);color:var(--color-gold)}.badge--alt{background:var(--color-accent-alt-bg);color:var(--color-accent-alt)}.badge--neutral{background:var(--color-neutral-bg);color:var(--color-neutral)}.loading-state,.error-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.empty-state-icon{color:var(--color-text-faint);margin-bottom:var(--space-4)}.empty-state-text{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-2)}.empty-state-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.empty-state--inline{padding:var(--space-4) 0;font-size:var(--text-base);font-style:italic}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);font-size:var(--btn-font-size-sm);font-family:var(--font-body);background:none;border:1px solid var(--color-border);border-radius:var(--btn-radius);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-interactive)}.back-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.nav-arrows{display:flex;align-items:center;gap:var(--space-2)}.nav-arrow{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-interactive)}.nav-arrow:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-gold)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.juz-select{padding:var(--space-2) var(--space-3);font-size:var(--text-input);font-family:var(--font-body);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.15}}.skeleton{background:var(--color-gold);opacity:.25;border-radius:var(--radius);animation:skeletonPulse 1.8s ease-in-out infinite}.skeleton-line{height:12px;background:var(--color-gold);opacity:.2;border-radius:6px;animation:skeletonPulse 1.8s ease-in-out infinite}.skeleton-line--short{width:40%}.skeleton-line--medium{width:65%}.skeleton-line--long{width:85%}.skeleton-line--full{width:100%}.skeleton-line--lg{height:18px}.skeleton-line--xl{height:24px}.skeleton-line--quran{height:calc(var(--quran-font-size) * var(--quran-line-height));border-radius:8px}.skeleton-line--translation{height:calc(var(--translation-font-size) * var(--leading-relaxed))}.skeleton-circle{border-radius:50%;background:var(--color-gold);opacity:.2;animation:skeletonPulse 1.8s ease-in-out infinite}.skeleton-row:nth-child(2) .skeleton,.skeleton-row:nth-child(2) .skeleton-line{animation-delay:.1s}.skeleton-row:nth-child(3) .skeleton,.skeleton-row:nth-child(3) .skeleton-line{animation-delay:.2s}.skeleton-row:nth-child(4) .skeleton,.skeleton-row:nth-child(4) .skeleton-line{animation-delay:.3s}.skeleton-row:nth-child(5) .skeleton,.skeleton-row:nth-child(5) .skeleton-line{animation-delay:.4s}.skeleton-row:nth-child(6) .skeleton,.skeleton-row:nth-child(6) .skeleton-line{animation-delay:.5s}.skeleton-row:nth-child(7) .skeleton,.skeleton-row:nth-child(7) .skeleton-line{animation-delay:.6s}.skeleton-row:nth-child(8) .skeleton,.skeleton-row:nth-child(8) .skeleton-line{animation-delay:.7s}.skeleton-surah-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.skeleton-surah-num{width:32px;height:32px}.skeleton-surah-lines{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-reader-header{text-align:center;padding:var(--space-8) 0 var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.skeleton-reader-ayahs{display:flex;flex-direction:column;gap:0;padding-top:var(--space-4)}.skeleton-reader-ayah{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-2);border-bottom:1px solid var(--color-border-light)}.skeleton-bookmark{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1rem;text-align:center}.not-found-code{font-family:var(--font-ayah-number);font-size:6rem;color:var(--color-gold);line-height:1;margin-bottom:1.5rem}.not-found-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.not-found-desc{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8)}.not-found-btn{padding:var(--btn-padding-y-lg) var(--btn-padding-x-lg);background:var(--color-gold);color:var(--color-on-gold);border:none;border-radius:var(--btn-radius);font-size:var(--btn-font-size-lg);font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.not-found-btn:hover{background:var(--color-gold-hover)}.confirm-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:var(--color-scrim-strong);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--space-4)}.confirm-dialog{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6) var(--space-8);max-width:420px;width:100%;max-height:calc(100dvh - 2 * var(--space-4));overflow-y:auto;overscroll-behavior:contain}.confirm-title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.confirm-message{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-6);white-space:pre-line}.confirm-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.confirm-btn{padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);font-size:var(--btn-font-size-sm);font-weight:var(--font-medium);font-family:var(--font-body);border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition-interactive);border:none;line-height:var(--leading-snug)}.confirm-btn:focus-visible{box-shadow:var(--focus-ring)}.confirm-btn--cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.confirm-btn--cancel:hover{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.confirm-btn--confirm{background:var(--color-gold);color:var(--color-on-gold)}.confirm-btn--confirm:hover{background:var(--color-gold-hover);box-shadow:var(--shadow-gold)}.confirm-btn--danger{background:var(--color-error);color:var(--color-on-error)}.confirm-btn--danger:hover{background:var(--color-error-hover);box-shadow:var(--shadow-error)}.confirm-modal-enter-active{transition:opacity var(--transition)}.confirm-modal-leave-active{transition:opacity var(--transition-fast)}.confirm-modal-enter-from,.confirm-modal-leave-to{opacity:0}.confirm-modal-enter-active .confirm-dialog{animation:confirmDialogIn var(--transition)}.confirm-modal-leave-active .confirm-dialog{animation:confirmDialogOut var(--transition-fast)}@keyframes confirmDialogIn{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confirmDialogOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(4px)}}@media(max-width:480px){.confirm-dialog{padding:var(--space-5) var(--space-5);max-width:100%}.confirm-actions{flex-direction:column-reverse}.confirm-btn{width:100%;text-align:center;padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size)}}.email-verify-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-warning-bg);border-bottom:1px solid var(--color-gold-border);font-size:var(--text-sm);color:var(--color-text);text-align:center;flex-wrap:wrap}.email-verify-banner-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--btn-padding-y-xs) var(--btn-padding-x-xs);font-size:var(--btn-font-size-xs);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--color-on-gold);background:var(--color-gold);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);white-space:nowrap}.email-verify-banner-btn:hover:not(:disabled){background:var(--color-gold-hover)}.email-verify-banner-btn:disabled{opacity:.5;cursor:not-allowed}.note-modal-overlay{align-items:flex-start;padding-top:12vh}@media(max-width:480px){.note-modal-overlay{padding-top:var(--space-6)}}.note-modal-input{width:100%;padding:var(--space-3);margin-bottom:var(--space-5);font-family:var(--font-body);font-size:var(--text-input);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);outline:none}.note-modal-input:focus{border-color:var(--color-gold);box-shadow:var(--focus-ring)}.toast-container{position:fixed;top:calc(var(--header-height) + var(--space-4));right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:400px;width:calc(100vw - var(--space-8));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:var(--color-surface);border:1px solid var(--color-gold-muted);border-left:4px solid var(--color-gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-gold);font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-snug);pointer-events:auto}.toast--error{border-left-color:var(--color-error)}.toast--success{border-left-color:var(--color-success)}.toast--info{border-left-color:var(--color-gold)}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast--error .toast-icon{color:var(--color-error)}.toast--success .toast-icon{color:var(--color-success)}.toast--info .toast-icon{color:var(--color-gold)}.toast-body{flex:1;min-width:0;word-wrap:break-word;color:var(--color-text)}.toast-message{word-wrap:break-word}.toast-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.toast-action{background:none;border:1px solid var(--color-gold-muted);border-radius:var(--radius-sm);padding:6px 10px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-gold);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.toast-action:hover{background:var(--color-gold-subtle)}.toast-action:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toast--error .toast-action{border-color:var(--color-error-border);color:var(--color-error)}.toast--error .toast-action:hover{background:var(--color-error-bg)}.toast-close{flex-shrink:0;background:none;border:none;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-faint);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.toast-close:hover{color:var(--color-gold);background:var(--color-gold-subtle)}.toast-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.toast-enter-active{transition:opacity var(--transition),transform var(--transition)}.toast-leave-active{transition:opacity var(--transition-fast),transform var(--transition-fast)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(20px)}@media(max-width:480px){.toast-container{top:auto;bottom:calc(var(--player-height) + var(--tab-bar-offset, 0px) + var(--space-4));right:var(--space-3);left:var(--space-3);max-width:none;width:auto}}.offline-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);text-align:center;border-bottom:1px solid transparent}.offline-bar--offline{background:var(--color-warning-bg);border-bottom-color:var(--color-gold-border);color:var(--color-text)}.offline-bar--restored{background:var(--color-success-bg);border-bottom-color:var(--color-success-border);color:var(--color-text)}.offline-bar-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.offline-bar--offline .offline-bar-dot{background:var(--color-warning)}.offline-bar--restored .offline-bar-dot{background:var(--color-success)}.offline-sync-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm)}.offline-sync-label{color:var(--color-text-muted)}.offline-sync-value{color:var(--color-text);font-weight:var(--font-medium);text-align:right}.offline-sync-value--pending{color:var(--color-warning)}.offline-sync-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--color-bg);background-image:radial-gradient(ellipse at 30% 50%,var(--color-gold-subtle) 0%,transparent 60%)}.auth-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-10) var(--space-8);width:100%;max-width:400px;animation:fadeIn .5s ease}.auth-theme-toggle{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-2);border-radius:var(--radius);transition:color var(--transition),background var(--transition)}.auth-theme-toggle:hover{color:var(--color-gold);background:var(--color-gold-subtle)}@media(max-width:480px){.auth-card{padding:var(--space-8) var(--space-5)}.auth-page{align-items:flex-start;padding-top:var(--space-12)}}.auth-logo{text-align:center;margin-bottom:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:4px}.auth-logo-img{width:260px;height:auto;display:block}.auth-logo-img-dark,[data-theme=dark] .auth-logo-img{display:none}[data-theme=dark] .auth-logo-img-dark{display:block;width:260px;height:auto}.logo-sub{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted)}.auth-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--color-text);text-align:center;margin-bottom:var(--space-6)}.auth-description{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-6);line-height:var(--leading-normal)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5);text-align:left}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);line-height:var(--leading-snug)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-input);font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus{border-color:var(--color-gold);box-shadow:var(--focus-ring)}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:var(--focus-ring-error)}.form-error{font-size:var(--text-xs);color:var(--color-error)}.input-wrapper{position:relative}.input-wrapper .form-input{padding-right:2.8rem}.input-icon-btn{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-faint);padding:var(--space-1);display:flex;align-items:center}.input-icon-btn:hover{color:var(--color-text)}.form-forgot{display:flex;justify-content:flex-start;margin-top:calc(-1 * var(--space-1))}.auth-link{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px;font-weight:var(--font-normal);font-size:var(--text-sm);transition:color var(--transition)}.auth-link:hover,.auth-link:focus-visible{color:var(--color-gold)}.auth-link--quiet{color:var(--color-text-muted)}.auth-switch{text-align:left;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-switch .auth-link{margin-left:var(--space-1)}.auth-switch+.auth-switch{margin-top:var(--space-8)}.auth-success{text-align:center;padding:var(--space-4) 0}.success-icon{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:var(--radius-full);background:var(--color-gold-muted);color:var(--color-gold);margin:0 auto var(--space-5);font-size:var(--text-2xl)}.success-icon--green{background:var(--color-success-bg);color:var(--color-success)}.success-icon--red{background:var(--color-error-bg);color:var(--color-error)}.success-text{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-2)}[dir=rtl] .input-wrapper .form-input{padding-right:var(--space-4);padding-left:2.8rem}[dir=rtl] .input-icon-btn{right:auto;left:var(--space-3)}[dir=rtl] .auth-switch .auth-link{margin-left:0;margin-right:var(--space-1)}.skip-link{position:fixed;top:0;left:var(--space-4);z-index:calc(var(--z-sticky) + 1);padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);color:var(--color-gold);font-size:var(--text-sm);font-weight:var(--font-semibold);border:1px solid var(--color-gold);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-md);transform:translateY(-110%);transition:transform var(--transition)}.skip-link:focus-visible,.skip-link:focus{transform:translateY(0)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-main:focus{outline:none}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky)}.header-inner{max-width:var(--content-wide-max-width);margin:0 auto;padding:0 var(--space-6);height:var(--header-height);display:flex;align-items:center;gap:var(--space-4)}.header-logo{text-decoration:none;flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.header-logo-img{width:32px;height:32px;display:block}.header-logo-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);letter-spacing:.5px;position:relative;padding:6px 0}.header-logo-text:before,.header-logo-text:after{content:"";display:block;height:1px;background:var(--color-gold);opacity:.35}.header-logo-text:before{width:70%;margin-bottom:4px}.header-logo-text:after{width:90%;margin-top:4px}.header-logo-accent{color:var(--color-gold)}.header-nav{display:flex;gap:var(--space-2);flex:1;min-width:0}.nav-link{padding:var(--space-2) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius);transition:color var(--transition),background var(--transition);white-space:nowrap}.nav-link:hover{color:var(--color-text);background:var(--color-bg-warm)}.nav-link.router-link-active{color:var(--color-text);background:var(--color-gold-muted);font-weight:var(--font-semibold)}.nav-overflow{position:relative;display:flex;align-items:center}.nav-overflow-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius);cursor:pointer;color:var(--color-text-muted);transition:var(--transition-interactive)}.nav-overflow-btn:hover{color:var(--color-gold);background:var(--color-gold-subtle)}.nav-overflow-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);min-width:180px}.nav-overflow-item{display:block;width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;transition:var(--transition-interactive-fast);white-space:nowrap}.nav-overflow-item:first-child{border-radius:var(--radius) var(--radius) 0 0}.nav-overflow-item:last-child{border-radius:0 0 var(--radius) var(--radius)}.nav-overflow-item:hover{background:var(--color-bg-warm);color:var(--color-text)}.nav-overflow-item.router-link-active{color:var(--color-text);background:var(--color-gold-muted);font-weight:var(--font-semibold)}.header-right{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.settings-btn,.bookmarks-btn{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;border-radius:var(--radius);cursor:pointer;color:var(--color-text-muted);transition:var(--transition-interactive)}.header-icon,.mobile-nav-icon{width:18px;height:18px;flex-shrink:0}.settings-btn:hover,.bookmarks-btn:hover{color:var(--color-gold);background:var(--color-gold-subtle)}.bookmarks-btn-count{position:absolute;top:2px;right:2px;background:var(--color-gold);color:var(--color-on-gold);font-size:.55rem;font-weight:var(--font-bold);min-width:15px;height:15px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 3px}.sync-pending-count{position:absolute;bottom:0;right:0;background:var(--color-warning);color:var(--color-on-gold);font-size:.55rem;font-weight:var(--font-bold);min-width:15px;height:15px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 3px}.mobile-menu-sync-badge{margin-left:auto;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-warning);background:var(--color-warning-bg);border-radius:var(--radius-full);white-space:nowrap}.profile-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius);transition:var(--transition-interactive);max-width:180px}.profile-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-btn:hover{color:var(--color-text);background:var(--color-bg-warm)}.logout-btn{padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);font-size:var(--btn-font-size-sm);font-weight:var(--font-semibold);font-family:var(--font-body);color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition-interactive)}.logout-btn:hover{border-color:var(--color-error);color:var(--color-error)}.header-login-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);font-size:var(--btn-font-size-sm);font-weight:var(--font-semibold);font-family:var(--font-body);color:var(--color-on-gold);background:var(--color-gold);border:none;border-radius:var(--btn-radius);text-decoration:none;cursor:pointer;transition:background var(--transition)}.header-login-btn svg{width:14px;height:14px}.header-login-btn:hover{background:var(--color-gold-hover)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;background:none;border:none;border-radius:var(--radius);cursor:pointer;color:var(--color-text);padding:0}.mobile-menu-btn:hover{background:var(--color-bg-warm)}.mobile-menu-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-overlay)}.mobile-menu{display:none;position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100dvh;background:var(--color-surface);z-index:var(--z-sidebar);flex-direction:column;box-shadow:var(--shadow-xl);overflow-y:auto;overscroll-behavior:contain}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:none;border-radius:var(--radius);cursor:pointer;color:var(--color-text-muted);font-size:var(--text-md)}.mobile-menu-nav{display:flex;flex-direction:column;padding:var(--space-3);gap:var(--space-1);flex-shrink:0}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius);transition:var(--transition-interactive);background:none;border:none;cursor:pointer;font-family:var(--font-body);width:100%;text-align:left}.mobile-nav-link:hover{color:var(--color-text);background:var(--color-bg-warm)}.mobile-nav-link.router-link-active{color:var(--color-text);background:var(--color-gold-muted);font-weight:var(--font-semibold)}.mobile-menu-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-2) var(--space-4)}.mobile-menu-footer{padding:var(--space-4) var(--space-5);margin-top:auto;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0}.mobile-menu-user{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.mobile-menu-user strong{color:var(--color-text);font-weight:var(--font-semibold)}.mobile-menu-badge{margin-left:auto}.mobile-nav-link--compact{padding:var(--space-2) 0}.mobile-nav-link--danger{color:var(--color-error)}.mobile-nav-link--legal{padding-left:var(--space-4);padding-right:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-muted)}.mobile-menu-lang{padding:var(--space-2) var(--space-4);display:flex;align-items:center}.mobile-menu-lang .lang-dropdown-menu{left:0;right:auto}.lang-switcher{position:relative}.header-lang{display:flex;align-items:center}.lang-dropdown-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.08em;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-interactive);font-family:var(--font-body);text-transform:uppercase}.lang-dropdown-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.lang-dropdown-btn svg{width:12px;height:12px;transition:transform var(--transition)}.lang-dropdown-btn svg.open{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;z-index:var(--z-dropdown);min-width:80px}.lang-dropdown-item{display:block;width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-bold);text-align:left;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-interactive-fast);font-family:var(--font-body)}.lang-dropdown-item:hover{background:var(--color-bg-warm);color:var(--color-text)}.lang-dropdown-item--active{color:var(--color-text);background:var(--color-gold-muted)}.auth-card .lang-switcher{display:flex;justify-content:flex-start;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.auth-card .lang-dropdown-btn{border-color:transparent}.auth-card .lang-dropdown-btn:hover,.auth-card .lang-dropdown-btn:focus-visible{border-color:var(--color-gold)}.auth-card .lang-dropdown-menu{right:auto;left:0}@media(max-width:1040px){.header-inner{padding:0 var(--space-4);gap:var(--space-3)}.mobile-menu-btn{display:flex}.header-nav,.header-lang,.settings-btn,.bookmarks-btn,.profile-btn,.logout-btn,.header-login-btn{display:none}.header-right{flex:1;justify-content:flex-end}.mobile-menu-overlay--active{display:block}.mobile-menu--open{display:flex;animation:slideInLeft .25s ease}}@media(max-width:480px){.header-inner{padding:0 var(--space-3);gap:var(--space-2)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.tab-bar-spacer{flex:none;height:var(--tab-bar-space)}.tab-bar{display:none}@media(max-width:1040px){.tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--tab-bar-space);padding-bottom:var(--tab-bar-safe-area);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 12px #2a1f050f;z-index:var(--z-tab-bar)}}.tab-link{flex:1 1 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:var(--space-1) var(--space-2);background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-tight);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.tab-icon{width:24px;height:24px;flex:none}.tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-link--active{color:var(--color-gold)}.tab-link:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tab-more-overlay{position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-overlay)}.tab-more{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sidebar);display:flex;flex-direction:column;padding:var(--space-2) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-xl);max-height:60vh;overflow-y:auto;overscroll-behavior:contain}.tab-more-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3)}.tab-more-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted)}.tab-more-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:calc(-1 * var(--space-2));background:none;border:none;border-radius:var(--radius);cursor:pointer;color:var(--color-text-muted)}.tab-more-close:hover{color:var(--color-text);background:var(--color-bg-warm)}.tab-more-item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius);cursor:pointer;width:100%;text-align:left;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition),background var(--transition)}.tab-more-item:hover{color:var(--color-text);background:var(--color-bg-warm)}.tab-more-item.router-link-active{color:var(--color-gold);background:var(--color-gold-subtle)}.tab-more-icon{width:18px;height:18px;flex:none}.search-bar{position:relative;flex:0 1 180px;min-width:100px}.search-input-wrapper{display:flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:0 var(--space-3);transition:border-color var(--transition),box-shadow var(--transition);height:34px}.search-input-wrapper:focus-within{border-color:var(--color-gold);box-shadow:var(--focus-ring)}.search-icon{width:14px;height:14px;color:var(--color-text-faint);flex-shrink:0}.search-input{border:none;outline:none;background:transparent;font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);padding:0 var(--space-2);width:100%;min-width:0;box-shadow:none}.search-input:focus{outline:none;box-shadow:none}.search-input::placeholder{color:var(--color-text-faint)}.search-clear{background:none;border:none;color:var(--color-text-faint);cursor:pointer;font-size:var(--text-xs);padding:0 2px;flex-shrink:0}.search-clear:hover{color:var(--color-error)}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:360px;max-height:420px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.search-loading,.search-empty{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-faint)}.search-result{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result--active{background:var(--color-gold-subtle)}.search-result-icon{font-size:var(--text-md);flex-shrink:0;width:22px;text-align:center}.search-result-text{flex:1;min-width:0}.search-result-title{font-size:var(--text-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-subtitle{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-actions{display:flex;gap:var(--space-1);flex-shrink:0;align-self:center}.search-goto-btn{padding:2px var(--space-2);font-size:.6rem;font-weight:var(--font-semibold);font-family:var(--font-body);color:var(--color-gold);background:var(--color-gold-subtle);border:1px solid var(--color-gold-muted);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-interactive-fast)}.search-goto-btn:hover{background:var(--color-gold-muted);border-color:var(--color-gold)}@media(max-width:1040px){.search-bar{display:flex;flex:1 1 auto;max-width:400px}.search-input-wrapper{flex:1}.search-input{width:100%}.search-dropdown{position:fixed;top:var(--search-dropdown-top, calc(var(--header-height) + 6px));left:var(--space-3);right:var(--space-3);min-width:0}}@media(max-width:480px){.search-bar{max-width:100%}.search-result-actions{display:none}}.home-welcome{text-align:center;padding:var(--space-12) 0 var(--space-10)}.home-bismillah{height:3.5rem;width:60%;margin:0 auto var(--space-4);background-color:var(--color-gold-dark);-webkit-mask-image:url(/images/basmala.svg);mask-image:url(/images/basmala.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}[data-theme=dark] .home-bismillah{background-color:var(--color-gold-light)}@media(max-width:480px){.home-welcome{padding:var(--space-8) 0}.home-bismillah{height:2.5rem;width:80%}}.home-continue{max-width:520px;margin:0 auto var(--space-6)}.home-continue-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-3)}.home-continue-card{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-4) var(--space-5);background:var(--color-gold-subtle);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;transition:border-color var(--transition),background var(--transition)}.home-continue-card:hover,.home-continue-card:focus-visible{border-color:var(--color-gold)}.home-continue-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.home-continue-place{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-continue-ayah{font-size:var(--text-sm);color:var(--color-text-muted)}.home-continue-arrow{width:20px;height:20px;flex:none;color:var(--color-gold)}.home-continue-empty{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-4)}.home-links{display:flex;justify-content:center;gap:var(--space-4);max-width:520px;margin:0 auto}.home-card{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1;min-height:44px;padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition),background var(--transition);text-align:center;text-decoration:none}.home-card:hover{border-color:var(--color-gold);background:var(--color-gold-subtle)}.home-card:focus-visible{border-color:var(--color-gold);background:var(--color-gold-subtle)}.home-card-icon{width:24px;height:24px;flex:none;display:block;color:var(--color-gold)}.home-card-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.home-links{gap:var(--space-3)}.home-card{padding:var(--space-3)}.home-continue-card{padding:var(--space-3) var(--space-4)}}.quran-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6) var(--space-6) calc(var(--space-20) + env(safe-area-inset-bottom,0px) + var(--player-height));width:100%;flex:1}@media(max-width:768px){.quran-page{padding:var(--space-4) var(--space-4) calc(var(--space-16) + var(--player-height))}}@media(max-width:480px){.quran-page{padding:var(--space-3) var(--space-3) calc(var(--space-16) + var(--player-height))}}.quran-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.quran-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}.quran-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.quran-jump{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.quran-jump-field{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 140px;min-width:0}.quran-jump-field--number{flex:0 1 110px}.quran-jump-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-text-muted)}.quran-jump-select{width:100%;height:44px;padding:0 var(--space-8) 0 var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23736451' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}[data-theme=dark] .quran-jump-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a29881' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.quran-jump-select option{background-color:var(--color-bg);color:var(--color-text)}.quran-jump-select:focus-visible{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}.quran-jump-btn{height:44px;padding:0 var(--btn-padding-x);font-size:var(--btn-font-size-sm);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--color-on-gold);background:var(--color-gold);border:1px solid var(--color-gold);border-radius:var(--btn-radius);cursor:pointer;white-space:nowrap;transition:background var(--transition),box-shadow var(--transition)}@media(hover:hover){.quran-jump-btn:hover{background:var(--color-gold-hover)}}.quran-jump-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.quran-page:has(>.surah-grid){max-width:var(--content-wide-max-width)}.surah-grid{display:flex;flex-direction:column;gap:0}@media(min-width:1041px){.surah-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-8)}}.surah-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--color-border-light)}.surah-card:last-child{border-bottom:none}.surah-card:hover{background:var(--color-gold-subtle)}.surah-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px;box-shadow:none;background:var(--color-gold-subtle)}.surah-number{width:32px;height:32px;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;flex-shrink:0}.surah-info{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name arabic" "meta arabic";align-items:center;column-gap:var(--space-4)}.surah-name-arabic{grid-area:arabic;font-size:var(--text-xl);color:var(--color-text);direction:rtl;font-family:var(--font-arabic);line-height:var(--leading-tight)}.surah-name-translated{grid-area:name;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-text)}.surah-name-translit-inline{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-muted);font-style:italic;white-space:nowrap}.surah-meta{grid-area:meta;display:flex;gap:var(--space-3);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-text-muted)}.surah-type{color:var(--color-text-muted)}.bismillah{text-align:center;padding:var(--space-6) var(--space-8);color:var(--color-text)}.bismillah-svg{height:2.5rem;width:auto;max-width:60%;opacity:.8}.bismillah-ornament{color:var(--color-gold);font-size:var(--text-sm);opacity:.35;-webkit-user-select:none;user-select:none}[data-theme=dark] .bismillah-svg{filter:invert(1) brightness(.85)}.bismillah-inline{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4)}.bismillah-inline .bismillah-svg{height:2rem;max-width:50%}.bismillah-inline .bismillah-ornament{font-size:var(--text-xs)}.surah-divider{text-align:center;margin:var(--space-10) 0 var(--space-3);padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.surah-divider-name{font-size:var(--text-xl);font-family:var(--font-arabic);color:var(--color-text);direction:rtl}.surah-divider-translated{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text-secondary);line-height:var(--leading-snug);margin-top:var(--space-1)}.page-divider{text-align:center;padding:var(--space-4) 0;margin:var(--space-2) 0;font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}.juz-divider{text-align:center;margin:var(--space-6) 0 var(--space-4);padding:var(--space-3) 0;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gold);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.surah-nav-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4)}.surah-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--color-gold);background:transparent;border:1px solid var(--color-border);border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition-interactive)}.surah-nav-btn:hover{border-color:var(--color-gold);background:var(--color-gold-subtle)}.surah-nav-btn--next{margin-inline-start:auto}.ayah-block{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}@media(hover:hover){.ayah-block:hover{background:var(--color-gold-subtle)}}.ayah-block.ayah-block--bookmarked,.ayah-block.ayah-block--favorite{-webkit-box-decoration-break:clone;box-decoration-break:clone}.ayah-block.ayah-block--bookmarked{border-bottom:2px solid var(--color-success)}.ayah-block.ayah-block--favorite{border-bottom:2px solid var(--color-gold-light)}.ayah-block--highlight{background:var(--color-gold-muted)!important;transition:background .5s ease}.mushaf-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3) 0}.mushaf-control-group{display:flex;align-items:center;gap:var(--space-3)}.mushaf-control-label{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug);font-weight:var(--font-medium)}.mushaf-pages-toggle{display:flex;gap:2px}.mushaf-toggle-btn{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-interactive);font-family:var(--font-body)}.mushaf-toggle-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.mushaf-toggle-btn--active{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-on-gold)}.mushaf-viewer{display:flex;justify-content:center;gap:var(--space-4)}.mushaf-viewer--double{gap:2px}.mushaf-page-wrap{flex:1;max-width:700px;position:relative}.mushaf-page{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;aspect-ratio:var(--mushaf-page-ratio, 1 / 1.43)}.mushaf-page-img{display:block;width:100%;height:100%;object-fit:contain}.mushaf-page-loading,.mushaf-page-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-warm)}.mushaf-page-number{position:absolute;bottom:var(--space-3);left:50%;transform:translate(-50%);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-light);padding:2px var(--space-3);border-radius:var(--radius-full)}.mushaf-selector{margin-bottom:var(--space-4);text-align:center}.mushaf-selector--with-download{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.mushaf-select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23856312' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}[data-theme=dark] .mushaf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c5a24a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.mushaf-select option{background-color:var(--color-bg);color:var(--color-text)}.mushaf-select:focus{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}.mushaf-current-name{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);text-align:center}.mushaf-current-name-row{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.mushaf-current-name-row .mushaf-current-name{margin-bottom:0}.mushaf-description{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-4);line-height:var(--leading-normal)}.mushaf-bookmark-btn{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2);cursor:pointer;opacity:.5;transition:var(--transition-interactive);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.mushaf-bookmark-btn:hover{opacity:1;border-color:var(--color-gold);color:var(--color-gold)}.mushaf-bookmark-btn--active{opacity:1;color:var(--color-gold);border-color:var(--color-gold)}@media(max-width:768px){.mushaf-controls{flex-direction:column;gap:var(--space-3)}.mushaf-viewer--double{flex-direction:column;gap:var(--space-4)}}.mushaf-page{cursor:pointer}.mushaf-page:hover{opacity:.95}.mushaf-fs{position:fixed;inset:0;z-index:var(--z-overlay);background:#000;display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition)}.mushaf-fs-close{position:absolute;top:var(--space-3);left:var(--space-3);z-index:10;width:36px;height:36px;background:#0000004d;border:none;border-radius:var(--radius-full);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),color var(--transition)}.mushaf-fs-close:hover{background:#00000080;color:#fff}.mushaf-fs-page-num{display:none}.mushaf-fs-nav{position:absolute;top:0;bottom:0;z-index:5;width:80px;background:none;border:none;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.3;transition:opacity var(--transition)}.mushaf-fs:hover .mushaf-fs-nav{opacity:.6}.mushaf-fs-nav:hover{opacity:.9!important}.mushaf-fs-nav:disabled{opacity:0!important;cursor:default}.mushaf-fs-nav--left{left:max(24px,env(safe-area-inset-left,0px))}.mushaf-fs-nav--right{right:max(24px,env(safe-area-inset-right,0px))}.mushaf-fs-pages{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;direction:ltr}.mushaf-fs-page-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;height:100vh}.mushaf-fs-pages:not(.mushaf-fs-pages--double) .mushaf-fs-img{max-height:100vh;max-width:100vw;width:auto;height:100vh;aspect-ratio:var(--mushaf-page-ratio, 1 / 1.43);object-fit:contain}.mushaf-fs-pages--double{flex-direction:row-reverse}.mushaf-fs-pages--double .mushaf-fs-page-wrap{max-width:50vw}.mushaf-fs-pages--double .mushaf-fs-img{max-height:100vh;max-width:50vw;height:100vh;width:auto;aspect-ratio:var(--mushaf-page-ratio, 1 / 1.43);object-fit:contain}.mushaf-fs-page-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:12px;color:#ffffff80;background:#0000004d;padding:2px 12px;border-radius:10px;z-index:2}.mushaf-fs-bookmark{position:absolute;top:12px;right:12px;width:34px;height:34px;background:#0000004d;border:none;border-radius:var(--radius-full);color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:color var(--transition),background var(--transition)}.mushaf-fs-bookmark:hover{background:#00000080;color:#fff}.mushaf-fs-bookmark--active{color:var(--color-gold);background:#0006}@media(max-width:768px){.mushaf-fs-nav{width:50px}.mushaf-fs-pages{padding:var(--space-2)}.mushaf-fs-pages--double{flex-direction:column}.mushaf-fs-pages--double .mushaf-fs-img{max-width:100%;max-height:calc(50vh - 24px)}}@media(pointer:coarse){.mushaf-fs-nav,.mushaf-fs:hover .mushaf-fs-nav{opacity:.6}}.ayah-popup-overlay{position:fixed;inset:0;z-index:var(--z-modal)}.ayah-popup{position:fixed;background:var(--color-bg);border:1px solid var(--color-gold);border-radius:var(--radius);box-shadow:0 4px 24px #2a1f051f;width:260px;z-index:var(--z-modal);max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;animation:fadeIn var(--transition-fast)}.ayah-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);background:linear-gradient(var(--color-gold-subtle),var(--color-gold-subtle)),var(--color-bg);position:sticky;top:0;z-index:1}.ayah-popup-ref{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gold)}.ayah-popup-close{width:26px;height:26px;background:none;border:none;position:relative;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-faint);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-interactive)}.ayah-popup-close:hover{background:var(--color-bg-warm);color:var(--color-text)}@media(pointer:coarse){.ayah-popup-close:after{content:"";position:absolute;inset:-12px}}.ayah-popup-actions{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:0}.ayah-popup-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition-interactive);font-family:var(--font-body);text-align:left;width:100%}.ayah-popup-btn:hover{background:var(--color-gold-subtle);color:var(--color-gold)}.ayah-popup-btn--active{color:var(--color-gold)}.ayah-popup-btn-icon{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ayah-popup-btn--guest{text-decoration:none;color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:480px){.ayah-popup{position:fixed;inset:auto 0 0;width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:70dvh;animation:slideUp .25s ease;border:none;border-top:2px solid var(--color-gold)}.ayah-popup-overlay{background:var(--color-scrim)}}.sidebar-overlay{position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-overlay)}.bookmarks-sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);max-width:100vw;height:100dvh;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:var(--z-sidebar);transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.bookmarks-sidebar--open{transform:translate(0)}.bookmarks-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.bookmarks-sidebar-title{font-size:var(--text-md);font-weight:var(--font-semibold);margin:0}.bookmarks-sidebar-close{width:30px;height:30px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-md);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;position:relative}@media(pointer:coarse){.bookmarks-sidebar-close:after{content:"";position:absolute;inset:-12px}}.bookmarks-tabs{display:flex;border-bottom:1px solid var(--color-border)}.bookmarks-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-interactive-fast);font-family:var(--font-body)}.bookmarks-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmarks-tab:hover{color:var(--color-text)}.bookmarks-tab--active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.bookmarks-tab-count{font-size:var(--text-xs);background:var(--color-gold-muted);color:var(--color-gold);padding:1px var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-semibold);flex-shrink:0}@media(max-width:480px){.bookmarks-tab-label{display:none}}.bookmarks-loading{display:flex;justify-content:center;padding:var(--space-8)}.bookmarks-empty{padding:var(--space-4) 0;text-align:center;color:var(--color-text-muted);font-size:var(--text-base);font-style:italic}.bookmarks-guest{padding:var(--space-3)}.bookmarks-list{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.bookmark-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}.bookmark-item:last-child{border-bottom:none}.bookmark-item:hover{background:var(--color-gold-subtle)}.bookmark-type-badge{font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);letter-spacing:var(--badge-tracking)}.bookmark-type-badge--surah{background:var(--color-gold-muted);color:var(--color-gold)}.bookmark-type-badge--juz{background:var(--color-info-bg);color:var(--color-info)}.bookmark-type-badge--hizb{background:var(--color-success-bg);color:var(--color-success)}.bookmark-type-badge--page{background:var(--color-warning-bg);color:var(--color-warning)}.bookmark-type-badge--mushaf{background:var(--color-accent-alt-bg);color:var(--color-accent-alt)}.bookmark-item-info{flex:1;min-width:0}.bookmark-item-location{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.bookmark-item-note{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;overflow-wrap:break-word}.bookmark-item-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.bookmark-item-delete{background:none;border:none;color:var(--color-text-faint);cursor:pointer;font-size:var(--text-xs);padding:var(--space-1);opacity:.4;transition:opacity var(--transition-fast)}.bookmark-item-delete:hover{opacity:1;color:var(--color-error)}.counter-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}.counter-item:last-child{border-bottom:none}.counter-item:hover{background:var(--color-gold-subtle)}.counter-item-header{display:flex;align-items:flex-start;gap:var(--space-3)}.counter-item-info{flex:1;min-width:0}.counter-item-location{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.counter-item-date{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.counter-item-numbers{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gold);white-space:nowrap;font-variant-numeric:tabular-nums}.counter-item--completed .counter-item-numbers{color:var(--color-success)}.counter-item-progress{width:100%;height:4px;background:var(--color-gold-muted);border-radius:var(--radius-full);overflow:hidden}.counter-item-progress-bar{height:100%;background:var(--color-gold);transition:width var(--transition)}.counter-item--completed .counter-item-progress-bar{background:var(--color-success)}.counter-item-actions{display:flex;align-items:center;gap:var(--space-1);justify-content:flex-end}.counter-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);transition:var(--transition-interactive-fast);padding:0}.counter-action-btn:hover{background:var(--color-gold-muted);color:var(--color-gold);border-color:var(--color-gold)}.counter-action-btn--danger:hover{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.counter-action-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.read-counter-chip{display:inline-flex;align-items:center;padding:1px var(--space-2);margin:0 var(--space-1);background:var(--color-gold-muted);color:var(--color-gold);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.75rem;font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;direction:ltr;position:relative}@media(hover:hover){.read-counter-chip:hover{background:var(--color-gold);color:var(--color-on-gold)}}.read-counter-chip--completed{background:var(--color-success-bg);color:var(--color-success)}@media(hover:hover){.read-counter-chip--completed:hover{background:var(--color-success);color:var(--color-on-success)}}@media(pointer:coarse){.read-counter-chip:after{content:"";position:absolute;inset:-12px;z-index:2}}.counter-create-form{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border)}.counter-create-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);font-family:var(--font-body)}.counter-create-input:focus{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}.counter-create-actions{display:flex;gap:var(--space-2)}.counter-create-actions button{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);transition:var(--transition-interactive-fast)}.counter-create-save{background:var(--color-gold);color:var(--color-on-gold);border:1px solid var(--color-gold)}.counter-create-save:hover{background:var(--color-gold-hover)}.counter-create-skip{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.counter-create-skip:hover{background:var(--color-surface-raised)}.counter-form-overlay{position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.counter-form-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-5);max-width:360px;width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.counter-form-header{display:flex;justify-content:space-between;align-items:center}.counter-form-header h3{font-size:var(--text-md);font-weight:var(--font-semibold);margin:0;color:var(--color-text)}.counter-form-close{width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.counter-form-label{font-size:var(--text-sm);color:var(--color-text-muted)}.counter-form-error{margin:0;font-size:var(--text-sm);color:var(--color-error)}.counters-toolbar{padding:var(--space-3) var(--space-4) 0;display:flex;justify-content:flex-end}.counters-add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);background:var(--color-gold);color:var(--color-on-gold);border:none;border-radius:var(--btn-radius);font-size:var(--btn-font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast)}.counters-add-btn:hover{background:var(--color-gold-hover)}.counters-add-btn:active{transform:translateY(1px)}.reader-sidebar{position:fixed;top:0;right:0;width:var(--sidebar-width);max-width:85vw;height:100dvh;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:var(--z-sidebar);transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.reader-sidebar--open{transform:translate(0)}.reader-sidebar--dragging{will-change:transform}.reader-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--color-border)}.reader-sidebar-title{font-size:var(--text-md);font-weight:var(--font-semibold);margin:0}.reader-sidebar-close{width:30px;height:30px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-md);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;position:relative}@media(pointer:coarse){.reader-sidebar-close:after{content:"";position:absolute;inset:-12px}}.reader-sidebar-content{overflow-y:auto;overscroll-behavior:contain;flex:1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.reader-sidebar-handle{display:none;padding:var(--space-3) 0 var(--space-1)}.reader-sidebar-handle:before{content:"";display:block;width:40px;height:4px;margin:0 auto;border-radius:var(--radius-full);background:var(--color-border-strong)}@media(max-width:1040px){.reader-sidebar{inset:auto 0 0;width:100%;max-width:100%;height:auto;max-height:55dvh;border-left:none;border-top:2px solid var(--color-gold);border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom,0px)}.reader-sidebar--open{transform:translateY(0)}.reader-sidebar-grip{touch-action:none}.reader-sidebar-handle{display:block}.reader-sidebar-header{padding:var(--space-1) var(--space-5) var(--space-3)}.reader-sidebar-content{padding:var(--space-4) var(--space-5) var(--space-5);overscroll-behavior:contain}}@media(prefers-reduced-motion:reduce){.reader-sidebar{transition:none}}.ayah-text-container{position:relative;display:inline;font-family:var(--font-arabic);font-size:var(--quran-font-size);line-height:var(--quran-line-height);text-align:right;color:var(--color-text)}.ayah-word{display:inline;border-radius:3px;transition:background var(--transition-fast)}.ayah-word--last{display:inline-block}.reader-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.reader-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-body);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-interactive)}.reader-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.reader-btn--active{border-color:var(--color-gold);color:var(--color-gold);background:var(--color-gold-subtle)}.settings-section{--settings-row: 44px;display:flex;flex-direction:column;gap:var(--space-2)}.settings-section+.settings-section{border-top:1px solid var(--color-border-light);padding-top:var(--space-4)}.settings-section-title{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.settings-group{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);min-height:var(--settings-row);padding-block:var(--space-1)}.settings-group--row{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-4)}label.settings-group{cursor:pointer}.settings-label{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-muted);min-width:0}.settings-disclosure{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;min-height:var(--settings-row);padding:0;background:none;border:none;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gold);text-align:left;cursor:pointer}.settings-disclosure:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.settings-disclosure-chevron{flex-shrink:0;transition:transform var(--transition)}.settings-disclosure[aria-expanded=true] .settings-disclosure-chevron{transform:rotate(180deg)}.font-size-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.font-size-btn{position:relative;width:30px;height:30px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-interactive);font-family:var(--font-body)}@media(hover:hover){.font-size-btn:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-gold)}}@media(pointer:coarse){.font-size-btn:after{content:"";position:absolute;inset:-12px}}.font-size-btn:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:var(--color-text-faint);border-color:var(--color-border)}.font-size-box{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:62px}.font-size-value{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);text-align:center;font-variant-numeric:tabular-nums}.font-size-scale{width:100%;height:3px;border-radius:var(--radius-full);background:var(--color-border);overflow:hidden}.font-size-scale-fill{display:block;height:100%;border-radius:inherit;background:var(--color-gold);transition:width var(--transition)}.mode-toggle{display:flex;gap:2px;width:100%;background:var(--color-bg-warm);border-radius:var(--radius);padding:2px}.mode-btn{flex:1;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-body);background:none;border:none;border-radius:calc(var(--radius) - 2px);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-interactive);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.mode-btn:hover{color:var(--color-text)}.mode-btn--active{color:var(--color-gold);background:var(--color-surface);box-shadow:var(--shadow-xs)}.mode-btn--stacked{flex-direction:column;gap:2px;padding:var(--space-2) var(--space-1)}.mode-btn-label{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.2;text-align:center}.mode-btn-sample{font-family:var(--font-ayah-number);font-size:var(--text-md);line-height:1}.tafsir-select{padding:var(--space-2) var(--space-3);font-family:var(--font-body);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;width:100%}.tafsir-select:focus{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}.tafsir-select option{background-color:var(--color-bg);color:var(--color-text)}.toggle-row{display:flex;align-items:center;gap:var(--space-3)}.toggle{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition)}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--color-surface-raised);border-radius:var(--radius-full);transition:transform var(--transition)}[data-theme=dark] .toggle-slider:before{background:var(--color-text)}.toggle input:checked+.toggle-slider{background:var(--color-gold)}.toggle input:checked+.toggle-slider:before{background:var(--color-on-gold);transform:translate(18px)}.toggle input:focus-visible+.toggle-slider{outline:2px solid var(--color-gold);outline-offset:2px}.tajweed-legend{margin-top:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-bg-warm);border-radius:var(--radius)}.tajweed-legend-item{display:grid;grid-template-columns:18px 1fr;column-gap:var(--space-3);row-gap:2px;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-light)}.tajweed-legend-item:last-child{border-bottom:none}.tajweed-legend-color{width:18px;height:18px;border-radius:var(--radius-sm);align-self:center}.tajweed-legend-name{grid-column:2;font-family:var(--font-arabic);direction:rtl;font-size:var(--text-lg);line-height:1.6;color:var(--color-text)}.tajweed-legend-desc{grid-column:2;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted)}.ayah-list{display:flex;flex-direction:column;gap:0}.ayah-card{display:flex;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition)}.ayah-card:first-child{padding-top:0}.ayah-card:last-child{border-bottom:none}.ayah-card:hover{background:var(--color-gold-subtle)}.ayah-content{flex:1;min-width:0}.ayah-arabic{font-size:var(--quran-font-size);line-height:var(--quran-line-height);direction:rtl;text-align:var(--quran-text-align, right);font-family:var(--font-arabic);color:var(--color-text);margin-bottom:var(--space-3);overflow-wrap:break-word;word-wrap:break-word}.ayah-translation{font-size:var(--translation-font-size);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.ayah-meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.ayah-continuous{padding:var(--space-6) 0;direction:rtl;text-align:var(--quran-text-align, right);font-family:var(--font-arabic);font-size:var(--quran-font-size);line-height:var(--quran-line-height);color:var(--color-text);overflow-wrap:break-word}.ayah-inline{display:inline}.ayah-inline-number{display:inline-block;width:2.5em;height:2.5em;line-height:2.5em;text-align:center;vertical-align:baseline;direction:ltr;cursor:pointer;font-family:var(--font-ayah-number);font-size:calc(var(--quran-font-size) * .38);color:var(--color-gold-dark);margin:0 .2em 0 .4em;opacity:.7;transition:opacity var(--transition-fast);background-image:url(/images/ayah-end-light.svg);background-size:contain;background-repeat:no-repeat;background-position:center}[data-theme=dark] .ayah-inline-number{color:var(--color-gold-light);background-image:url(/images/ayah-end-dark.svg)}.ayah-inline-number .ayah-num-mushaf,.ayah-inline-number .ayah-num-normal{line-height:2.5em}.ayah-inline-number .ayah-num-normal,[data-ayah-numbers=latin] .ayah-inline-number .ayah-num-mushaf{display:none}[data-ayah-numbers=latin] .ayah-inline-number .ayah-num-normal{display:inline}@media(hover:hover){.ayah-inline-number:hover{opacity:1}.ayah-inline-number:hover .ayah-num-mushaf{display:none}.ayah-inline-number:hover .ayah-num-normal{display:inline}}.ayah-block--number-hover{background:var(--color-gold-muted)!important;border-radius:var(--radius-sm)}.continuous-translations{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4)}.continuous-translation-item{padding:0;direction:ltr;text-align:left}.continuous-translation-num{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gold);margin-bottom:var(--space-1)}.continuous-translation-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.ayah-detail-arabic{font-size:var(--text-2xl);line-height:2.5;direction:rtl;text-align:right;font-family:var(--font-arabic);color:var(--color-text);padding:var(--space-6) 0;margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.detail-section{margin-bottom:var(--space-6);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.detail-title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-4)}.translation-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.translation-item:last-child{border-bottom:none}.translation-lang{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gold);letter-spacing:.1em;text-transform:uppercase}.translation-text{font-size:var(--translation-font-size);color:var(--color-text);line-height:var(--leading-relaxed)}.translation-translit{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3)}.word-card{text-align:center;padding:var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius)}.word-arabic{font-size:var(--text-lg);direction:rtl;color:var(--color-text);font-family:var(--font-arabic);margin-bottom:2px}.word-translit{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.word-translation{font-size:var(--text-xs);color:var(--color-gold);margin-top:2px}.tafsir-item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.tafsir-item:last-child{border-bottom:none}.tafsir-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.tafsir-text{font-size:var(--translation-font-size);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.reader-chapter-header{text-align:center;padding:var(--space-6) var(--space-4) 0;margin-bottom:0;position:relative}.reader-chapter-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.reader-chapter-arabic{font-family:var(--font-arabic);font-size:var(--text-3xl);color:var(--color-text);direction:rtl;line-height:1.3;margin:0;font-weight:400}.reader-chapter-info{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.reader-chapter-translit{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.reader-chapter-name{font-size:var(--text-lg);line-height:var(--leading-snug);color:var(--color-text);font-weight:var(--font-medium);font-family:var(--font-display)}.reader-chapter-nav{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:480px){.reader-chapter-header{padding:var(--space-6) var(--space-3) 0}.reader-chapter-arabic{font-size:var(--text-2xl)}}.reader-action-btn{display:inline-flex;position:relative;align-items:center;justify-content:center;width:36px;height:36px;margin-top:var(--space-4);padding:0;background:transparent;color:var(--color-gold);border:1px solid var(--color-gold);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition),color var(--transition),box-shadow var(--transition)}.reader-action-btn--settings{display:none}@media(max-width:1040px){.reader-action-btn--settings{display:inline-flex}}.page--focus-mode .reader-action-btn--settings{display:inline-flex}.reader-action-btn--exit-focus{color:var(--color-text-muted);border-color:var(--color-border-strong)}@media(hover:hover){.reader-action-btn--exit-focus:hover{background:transparent;color:var(--color-text);border-color:var(--color-text-muted);box-shadow:none}}.reader-action-btn--listen{background:var(--color-gold);color:var(--color-on-gold);border:none}.reader-action-btn--active{background:var(--color-gold);color:var(--color-on-gold);box-shadow:var(--shadow-gold)}@media(hover:hover){.reader-action-btn:hover{background:var(--color-gold);color:var(--color-on-gold);box-shadow:var(--shadow-gold)}.reader-action-btn--listen:hover,.reader-action-btn--active:hover{background:var(--color-gold-hover);color:var(--color-on-gold)}}@media(pointer:coarse){.reader-action-btn:after{content:"";position:absolute;inset:-12px -6px}}.reader-action-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.reader-action-btn svg{stroke:currentColor;fill:none}.reader-action-btn--listen svg{fill:currentColor;stroke:none}.reader-bismillah{text-align:center;padding:var(--space-2) 0;margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center}.reader-bismillah-img{height:3.5rem;width:60%;display:block;margin:0 auto;background-color:var(--color-gold-dark);-webkit-mask-image:url(/images/basmala.svg);mask-image:url(/images/basmala.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.reader-bismillah-img--shadda{-webkit-mask-image:url(/images/basmala_shadda.svg);mask-image:url(/images/basmala_shadda.svg)}[data-theme=dark] .reader-bismillah-img{background-color:var(--color-gold-light)}@media(max-width:480px){.reader-bismillah-img{height:2.5rem;width:80%}}.reader-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0 var(--space-2);padding:var(--space-2) 0}.reader-divider:before,.reader-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.reader-divider-text{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gold);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.reader-page-mark{text-align:center;padding:var(--space-3) 0;margin:var(--space-1) 0;font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.1em}.reader-surah-divider{text-align:center;margin:var(--space-4) 0 0;padding:var(--space-4) var(--space-4) 0}.reader-surah-divider-arabic{font-size:var(--text-3xl);font-family:var(--font-arabic);color:var(--color-text);direction:rtl;line-height:1.3}.reader-surah-divider-info{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.reader-surah-divider-num{font-size:var(--text-xs);color:var(--color-gold);font-weight:var(--font-bold)}.reader-surah-divider-name{font-size:var(--text-sm);color:var(--color-text-muted)}.reader-surah-divider-meta{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-1)}.reader-ayah-list{display:flex;flex-direction:column}.reader-ayah{padding:var(--space-5) var(--space-2);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast);border-radius:0}@media(min-width:601px){.reader-ayah{max-width:max(34rem,calc(20 * var(--quran-font-size)));margin-inline:auto}}.reader-ayah:last-child{border-bottom:none}@media(hover:hover){.reader-ayah:hover{background:var(--color-gold-subtle)}}.reader-ayah-arabic{font-size:var(--quran-font-size);line-height:var(--quran-line-height);direction:rtl;text-align:var(--quran-text-align, right);font-family:var(--font-arabic);color:var(--color-text);margin:0 0 var(--space-2);overflow-wrap:break-word;word-wrap:break-word}.reader-ayah-end:has(>.read-counter-chip){display:inline-flex;align-items:center;vertical-align:baseline}.reader-ayah-num{display:inline-block;position:relative;width:2.5em;height:2.5em;line-height:2.5em;text-align:center;vertical-align:baseline;direction:ltr;cursor:pointer;font-family:var(--font-ayah-number);font-size:calc(var(--quran-font-size) * .38);color:var(--color-gold-dark);margin:0 .2em 0 .4em;background-image:url(/images/ayah-end-light.svg);background-size:contain;background-repeat:no-repeat;background-position:center}[data-theme=dark] .reader-ayah-num{color:var(--color-gold-light);background-image:url(/images/ayah-end-dark.svg)}.reader-ayah-num .ayah-num-mushaf,.reader-ayah-num .ayah-num-normal{line-height:2.5em}.reader-ayah-num .ayah-num-normal,[data-ayah-numbers=latin] .reader-ayah-num .ayah-num-mushaf{display:none}[data-ayah-numbers=latin] .reader-ayah-num .ayah-num-normal{display:inline}@media(hover:hover){.reader-ayah-num:hover .ayah-num-mushaf{display:none}.reader-ayah-num:hover .ayah-num-normal{display:inline}}@media(pointer:coarse){.reader-ayah-num:after{content:"";position:absolute;inset:-12px;z-index:1}}.reader-ayah-translation{font-size:var(--translation-font-size);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-1);max-width:68ch;margin-inline-end:auto}.tafsir-disclosure{margin-top:var(--space-2)}.tafsir-disclosure-btn{display:inline-flex;position:relative;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;color:var(--color-gold);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}@media(hover:hover){.tafsir-disclosure-btn:hover{background:var(--color-gold-subtle);border-color:var(--color-gold)}}@media(pointer:coarse){.tafsir-disclosure-btn:after{content:"";position:absolute;inset:-12px}}.tafsir-disclosure-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.tafsir-disclosure-chevron{flex-shrink:0;transition:transform var(--transition)}.tafsir-disclosure-btn[aria-expanded=true] .tafsir-disclosure-chevron{transform:rotate(180deg)}.tafsir-disclosure-text{font-size:var(--translation-font-size);color:var(--color-text-muted);line-height:var(--leading-relaxed);padding-top:var(--space-2);border-top:1px solid var(--color-border-light);margin-top:var(--space-2)}.reader-continuous{padding:var(--space-4) 0;text-align:var(--quran-text-align, right);font-family:var(--font-arabic);font-size:var(--quran-font-size);line-height:var(--quran-line-height);color:var(--color-text);overflow-wrap:break-word}.reader-continuous-inline{display:inline;font-family:var(--font-arabic);font-size:var(--quran-font-size);line-height:var(--quran-line-height);color:var(--color-text);direction:rtl;text-align:right}.reader--skip-offscreen .reader-ayah{--reader-ayah-intrinsic: calc(var(--quran-font-size) * var(--quran-line-height) * 5 + var(--translation-font-size) * var(--leading-relaxed) * 4 + 3rem);content-visibility:auto;contain-intrinsic-size:var(--reader-ayah-intrinsic);contain-intrinsic-size:auto var(--reader-ayah-intrinsic)}.reader--skip-offscreen .reader-continuous{--reader-page-intrinsic: calc(var(--quran-font-size) * var(--quran-line-height) * 30 + 2rem);content-visibility:auto;contain-intrinsic-size:var(--reader-page-intrinsic);contain-intrinsic-size:auto var(--reader-page-intrinsic)}.reader--skip-offscreen .reader-translation-row{--reader-translation-intrinsic: calc(var(--translation-font-size) * var(--leading-relaxed) * 3 + 1.5rem);content-visibility:auto;contain-intrinsic-size:var(--reader-translation-intrinsic);contain-intrinsic-size:auto var(--reader-translation-intrinsic)}@media(min-width:601px){.reader--skip-offscreen .reader-ayah{--reader-ayah-intrinsic: calc(var(--quran-font-size) * var(--quran-line-height) * 3 + var(--translation-font-size) * var(--leading-relaxed) * 2 + 3rem)}.reader--skip-offscreen .reader-continuous{--reader-page-intrinsic: calc(var(--quran-font-size) * var(--quran-line-height) * 16 + 2rem)}.reader--skip-offscreen .reader-translation-row{--reader-translation-intrinsic: calc(var(--translation-font-size) * var(--leading-relaxed) * 2 + 1.5rem)}}.reader-translations-block{margin-top:0;padding-top:0}.reader-translation-row{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-2);font-size:var(--translation-font-size);line-height:var(--leading-relaxed);direction:ltr;text-align:left}.reader-translation-num{font-weight:var(--font-bold);color:var(--color-gold);min-width:24px;flex-shrink:0;position:relative}@media(pointer:coarse){.reader-translation-num:after{content:"";position:absolute;inset:-12px}}.reader-translation-body{min-width:0;flex:1}.reader-translation-text{color:var(--color-text-muted);min-width:0;overflow-wrap:break-word}.reader-nav-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4)}.reader-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);font-size:var(--btn-font-size);font-weight:var(--font-medium);font-family:var(--font-body);color:var(--color-gold);background:transparent;border:1px solid var(--color-border);border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition-interactive)}.reader-nav-btn:hover{border-color:var(--color-gold);background:var(--color-gold-subtle)}.reader-nav-btn svg{stroke:currentColor;fill:none}.reader-top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.reader-top-bar-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text)}.reader-top-bar-nav{display:flex;align-items:center;gap:var(--space-2)}.reader-nav-arrow{position:relative;width:34px;height:34px;border-radius:var(--radius);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-interactive);flex-shrink:0}@media(hover:hover){.reader-nav-arrow:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-gold);background:var(--color-gold-subtle)}}@media(pointer:coarse){.reader-nav-arrow:after{content:"";position:absolute;inset:-12px -4px}}.reader-nav-arrow:disabled{opacity:.25;cursor:not-allowed}.reader-nav-arrow svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reader-nav-select{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-family:var(--font-body);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;min-width:130px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23736451' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:var(--space-8)}[data-theme=dark] .reader-nav-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a29881' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.reader-nav-select option{background-color:var(--color-bg);color:var(--color-text)}.reader-nav-select:focus{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}@media(max-width:768px){.reader-ayah-arabic{word-spacing:normal}}.reader-toolbar{position:sticky;top:var(--header-height);z-index:var(--z-reader-toolbar);display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:var(--space-2);padding:0 var(--space-4) var(--space-4);margin-bottom:var(--space-2);background:var(--color-bg)}.page--focus-mode .reader-toolbar{top:env(safe-area-inset-top,0px)}@media(max-width:400px){.reader-toolbar{gap:var(--space-2);padding-inline:var(--space-2)}}@media(max-width:400px)and (pointer:coarse){.reader-action-btn:after{inset:-12px -4px}}.reader-focus-exit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow);transition:color var(--transition),border-color var(--transition);flex-shrink:0}.reader-chapter-header .reader-focus-exit{position:absolute;top:0;right:0}.reader-focus-exit:hover{color:var(--color-error);border-color:var(--color-error)}.page--focus-mode .quran-page{padding-top:var(--space-4)}tajweed.ham_wasl{color:var(--tajweed-ham-wasl)}tajweed.slnt{color:var(--tajweed-slnt)}tajweed.laam_shamsiyah{color:var(--tajweed-laam-shamsiyah)}tajweed.ghunnah{color:var(--tajweed-ghunnah)}tajweed.ikhafa{color:var(--tajweed-ikhafa)}tajweed.ikhafa_shafawi{color:var(--tajweed-ikhafa-shafawi)}tajweed.idgham_ghunnah{color:var(--tajweed-idgham-ghunnah)}tajweed.idgham_wo_ghunnah{color:var(--tajweed-idgham-wo-ghunnah)}tajweed.idgham_shafawi{color:var(--tajweed-idgham-shafawi)}tajweed.idgham_mutajanisayn{color:var(--tajweed-idgham-mutajanisayn)}tajweed.idgham_mutaqaribayn{color:var(--tajweed-idgham-mutaqaribayn)}tajweed.iqlab{color:var(--tajweed-iqlab)}tajweed.qalaqah{color:var(--tajweed-qalaqah)}tajweed.madda_normal{color:var(--tajweed-madda-normal)}tajweed.madda_permissible{color:var(--tajweed-madda-permissible)}tajweed.madda_obligatory{color:var(--tajweed-madda-obligatory)}tajweed.madda_necessary{color:var(--tajweed-madda-necessary)}.end{display:none}.tajweed-off tajweed{color:inherit!important}tajweed:not(.tajweed-off tajweed){cursor:help}.tajweed-legend tajweed.tajweed-legend-color{background:currentColor;cursor:default}.tajweed-tooltip{position:fixed;z-index:var(--z-tooltip);max-width:320px;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-gold);border-radius:var(--radius);box-shadow:0 4px 16px #2a1f0526;font-family:var(--font-body);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text);direction:ltr;text-align:left;pointer-events:none;white-space:normal}[lang=ar] .tajweed-tooltip,:lang(ar) .tajweed-tooltip{direction:rtl;text-align:right}.admin-layout{display:flex;flex:1;min-height:calc(100dvh - var(--header-height));position:relative}.cabinet-layout{display:flex;flex:1;flex-direction:column;min-height:calc(100dvh - var(--header-height))}.cabinet-tabs{display:flex;gap:var(--space-1);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);overflow-x:auto;-webkit-overflow-scrolling:touch}.cabinet-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.cabinet-tab:hover{color:var(--color-gold)}.cabinet-tab.router-link-active{color:var(--color-gold);border-bottom-color:var(--color-gold);font-weight:var(--font-semibold)}.cabinet-tab-icon{display:flex;align-items:center;flex-shrink:0;opacity:.8}.cabinet-content{flex:1;min-width:0}.admin-sidebar{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);padding:1.5rem 0}.admin-sidebar-toggle{display:none}.admin-sidebar-nav{display:flex;flex-direction:column;gap:1.5rem}.admin-sidebar-section{display:flex;flex-direction:column}.admin-sidebar-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 1.25rem .5rem}.admin-sidebar-link{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.9rem;color:var(--color-text);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);border-left:3px solid transparent}.admin-sidebar-link:hover{background:var(--color-gold-subtle);color:var(--color-gold)}.admin-sidebar-link.router-link-active{background:var(--color-gold-muted);color:var(--color-gold);border-left-color:var(--color-gold);font-weight:600}.admin-sidebar-icon{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-sidebar-label{white-space:nowrap;overflow:hidden}.admin-sidebar-badge{background:var(--color-gold);color:var(--color-on-gold);font-size:.65rem;font-weight:700;min-width:18px;height:18px;line-height:18px;border-radius:var(--radius-full);text-align:center;padding:0 5px;margin-left:auto;flex-shrink:0}.admin-sidebar-backdrop{display:none}.admin-content{flex:1;overflow:auto;min-width:0}@media(max-width:768px){.admin-layout{display:block}.admin-sidebar{position:fixed;top:var(--header-height);left:0;bottom:calc(var(--player-height) + var(--tab-bar-offset, 0px));width:56px;padding:.5rem 0;z-index:var(--z-sidebar);background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto}.admin-content{margin-left:56px}.admin-sidebar-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:.25rem auto .75rem;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.admin-sidebar-toggle:hover{color:var(--color-gold);border-color:var(--color-gold)}.admin-sidebar-section-title,.admin-sidebar-label{display:none}.admin-sidebar-link{justify-content:center;padding:.7rem 0;border-left:none}.admin-sidebar-link.router-link-active{border-left:none}.admin-sidebar--open{width:260px;box-shadow:4px 0 20px #00000026}.admin-sidebar--open .admin-sidebar-toggle{margin:.25rem .75rem .75rem auto}.admin-sidebar--open .admin-sidebar-section-title{display:block}.admin-sidebar--open .admin-sidebar-label{display:inline}.admin-sidebar--open .admin-sidebar-link{justify-content:flex-start;padding:.6rem 1.25rem;border-left:3px solid transparent}.admin-sidebar--open .admin-sidebar-link.router-link-active{border-left-color:var(--color-gold)}.admin-sidebar-backdrop{display:block;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-scrim);z-index:var(--z-overlay)}}.admin-page{max-width:900px;margin:0 auto;padding:1.5rem}.admin-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-title{font-size:1.3rem;font-weight:700;color:var(--color-text);flex:1}.admin-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.admin-card{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.admin-card-title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.admin-card--item{transition:border-color var(--transition)}.admin-card--item:hover{border-color:var(--color-gold)}.admin-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.admin-item-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-item-title{font-size:1rem;font-weight:600;color:var(--color-text)}.admin-item-meta{font-size:.75rem;color:var(--color-text-muted)}.admin-item-actions{display:flex;gap:.4rem;flex-wrap:wrap}.admin-badge{display:inline-block;padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);letter-spacing:var(--badge-tracking)}.admin-badge--published{background:var(--color-success-bg);color:var(--color-success)}.admin-badge--draft{background:var(--color-warning-bg);color:var(--color-warning)}.admin-badge--type-1{background:var(--color-info-bg);color:var(--color-info)}.admin-badge--type-2{background:var(--color-success-bg);color:var(--color-success)}.admin-badge--type-3{background:var(--color-accent-alt-bg);color:var(--color-accent-alt)}.admin-badge--type-4{background:var(--color-warning-bg);color:var(--color-warning)}.admin-translations{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.4rem}.admin-translation-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem}.admin-translation-lang{background:var(--color-gold);color:var(--color-on-gold);padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.admin-translation-text{color:var(--color-text);font-weight:500}.admin-translation-desc{color:var(--color-text-muted);font-size:.8rem}.admin-translation-body{color:var(--color-text-muted);font-size:.8rem;margin-top:.25rem;line-height:1.5}.admin-form{display:flex;flex-direction:column;gap:.75rem}.admin-form-group{display:flex;flex-direction:column;gap:.3rem}.admin-form-row{display:flex;gap:1rem}.admin-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.admin-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.admin-input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-input);color:var(--color-text);background:var(--color-bg);width:100%}.admin-input:focus{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}.admin-input--error{border-color:var(--color-error)}.admin-input--error:focus{border-color:var(--color-error);box-shadow:var(--focus-ring-error)}.admin-input--small{max-width:200px}select.admin-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23856312' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}[data-theme=dark] select.admin-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c5a24a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}select.admin-input:focus{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}select.admin-input option{background-color:var(--color-bg);color:var(--color-text)}.admin-textarea{min-height:80px;resize:vertical}.admin-textarea--large{min-height:150px}.admin-btn{padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);border:1px solid var(--color-border);border-radius:var(--btn-radius);font-size:var(--btn-font-size-sm);font-weight:var(--font-medium);cursor:pointer;background:var(--color-surface);color:var(--color-text);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.admin-btn:hover{border-color:var(--color-gold)}.admin-btn:focus-visible{outline:none;border-color:var(--color-gold);box-shadow:var(--focus-ring)}.admin-btn--small{padding:var(--btn-padding-y-xs) var(--btn-padding-x-xs);font-size:var(--btn-font-size-xs)}.admin-btn--primary{background:var(--color-gold);color:var(--color-on-gold);border-color:var(--color-gold)}.admin-btn--primary:hover{background:var(--color-gold-hover);border-color:var(--color-gold-hover)}.admin-btn--success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.admin-btn--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-gold-border)}.admin-btn--danger{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.admin-list{display:flex;flex-direction:column;gap:.75rem}.admin-ayah-resolved{font-size:.8rem;color:var(--color-success);font-weight:600;display:flex;align-items:center}.admin-ayah-error{font-size:.8rem;color:var(--color-error);display:flex;align-items:center}.admin-form-error{background:var(--color-error-bg);color:var(--color-error);padding:.6rem 1rem;border-radius:6px;font-size:.85rem;border:1px solid var(--color-error)}.admin-lang-status{display:flex;gap:var(--space-2);margin-top:var(--space-2);margin-bottom:var(--space-3)}.admin-lang-badge{font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);border:1px solid var(--color-border);color:var(--color-text-muted)}.admin-lang-badge--filled{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-bg)}.admin-required{color:var(--color-error);font-weight:600}.admin-ayah-picker{display:flex;flex-direction:column;gap:.5rem}.admin-ayah-picker-row{display:flex;gap:.5rem;align-items:flex-start}.admin-ayah-picker-field{position:relative;flex:1;min-width:0}.admin-ayah-dropdown{position:absolute;top:100%;left:0;right:0;max-height:250px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 8px 8px;box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.admin-ayah-dropdown-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;cursor:pointer;font-size:.85rem;transition:background var(--transition-fast)}.admin-ayah-dropdown-item:hover{background:var(--color-gold-muted)}.admin-ayah-dropdown-num{color:var(--color-text-muted);min-width:2rem}.admin-ayah-dropdown-arabic{font-family:var(--font-arabic);font-size:1rem;color:var(--color-text)}.admin-ayah-dropdown-name{color:var(--color-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ayah-dropdown-count{color:var(--color-text-muted);font-size:.75rem;white-space:nowrap}.admin-ayah-shortcut{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.admin-ayah-shortcut-label{white-space:nowrap}.admin-input--tiny{width:80px;padding:.3rem .5rem;font-size:var(--text-input)}.admin-badge--slug{background:var(--color-gold-subtle);color:var(--color-gold-dark);font-family:monospace;text-transform:none}.admin-badge--system{background:var(--color-gold-muted);color:var(--color-gold)}@media(max-width:768px){.admin-page{padding:1rem .75rem}.cabinet-tabs{padding:0 var(--space-2)}.cabinet-tab{padding:var(--space-3)}.admin-title{font-size:1.1rem;width:100%;flex:none}.admin-header{gap:.5rem;margin-bottom:1rem}.admin-form-row{flex-direction:column;gap:.75rem}.admin-item-header{flex-direction:column;gap:.5rem}.admin-item-actions{width:100%}.admin-card{padding:1rem}.admin-ayah-picker-row{flex-direction:column}}.admin-users-total{font-size:.85rem;color:var(--color-text-muted)}.admin-filters{margin-bottom:1rem;padding:1rem}.admin-filters-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.admin-filters-search{flex:1;min-width:200px}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;text-transform:uppercase}.admin-user-info{display:flex;flex-direction:column}.admin-user-name{font-weight:600;font-size:.9rem;color:var(--color-text)}.admin-user-email{font-size:.78rem;color:var(--color-text-muted)}.admin-email-unverified{margin-left:var(--space-1);color:var(--color-warning);font-size:.85rem;cursor:help}.admin-user-roles{display:flex;gap:.3rem;flex-wrap:wrap}.admin-badge--role{text-transform:none}.admin-badge--role-admin{background:var(--color-gold-muted);color:var(--color-gold)}.admin-badge--role-teacher{background:var(--color-info-bg);color:var(--color-info)}.admin-badge--role-student,.admin-badge--active{background:var(--color-success-bg);color:var(--color-success)}.admin-badge--banned{background:var(--color-error-bg);color:var(--color-error)}.admin-badge--inactive{background:var(--color-neutral-bg);color:var(--color-neutral)}.admin-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.admin-card--inactive{opacity:.7}.admin-badge--deleted{background:var(--color-neutral-bg);color:var(--color-neutral)}.admin-badge--self{background:var(--color-gold-muted);color:var(--color-gold)}.admin-user-meta{margin-top:.5rem;font-size:.75rem;color:var(--color-text-muted)}.admin-pagination{display:flex;justify-content:center;gap:.4rem;margin-top:1.5rem;flex-wrap:wrap}.admin-subitems{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.4rem}.admin-subitem-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.admin-subitem-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.admin-subitem-empty{color:var(--color-text-muted);font-size:var(--text-base);font-style:italic}.admin-subitem{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;background:var(--color-bg);border-radius:6px;font-size:.9rem}.admin-subitem-correct{font-size:1rem;font-weight:700;width:18px;text-align:center;color:var(--color-error);flex-shrink:0}.admin-subitem-correct.is-correct{color:var(--color-success)}.admin-subitem-text{flex:1}.admin-subitem-arrow{color:var(--color-text-muted);flex-shrink:0}.admin-subitem-langs{display:flex;gap:.25rem;flex-shrink:0}.admin-subform{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:.75rem;margin-bottom:.5rem}.admin-form-group--checkbox{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.25rem}.admin-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-gold)}.admin-badge--type{background:var(--color-gold-muted);color:var(--color-gold);border:1px solid var(--color-gold-border);flex-shrink:0}.teacher-progress-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.teacher-progress-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:500px}.teacher-progress-table th,.teacher-progress-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-light);text-align:center;vertical-align:middle}.teacher-progress-th-student,.teacher-progress-td-student{text-align:left;position:sticky;left:0;background:var(--color-surface);z-index:1;min-width:160px}.teacher-progress-th-lesson{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-progress-student-name{font-weight:var(--font-medium);color:var(--color-text)}.teacher-progress-student-email{font-size:var(--text-xs);color:var(--color-text-muted)}.teacher-progress-badge{display:inline-block;padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);white-space:nowrap}.teacher-progress-badge--passed{background:var(--color-success-bg);color:var(--color-success)}.teacher-progress-badge--attempted{background:var(--color-warning-bg);color:var(--color-warning)}.teacher-progress-badge--none{background:var(--color-neutral-bg);color:var(--color-neutral)}.admin-subitem-order{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);width:24px;text-align:center;flex-shrink:0}.admin-reorder-btns{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.admin-reorder-btn{display:flex;align-items:center;justify-content:center;width:24px;height:18px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);padding:0}.admin-reorder-btn:hover:not(:disabled){color:var(--color-gold);border-color:var(--color-gold)}.admin-reorder-btn:disabled{opacity:.3;cursor:default}.admin-multilang{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-4)}.admin-multilang-block{display:flex;flex-direction:column;gap:var(--space-3)}.admin-multilang-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}@media(max-width:640px){.admin-multilang{grid-template-columns:1fr}}.curriculum-sections{display:flex;flex-direction:column;gap:1.25rem}.curriculum-section{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.curriculum-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--color-gold-subtle);border-bottom:1px solid var(--color-border-light);flex-wrap:wrap}.curriculum-section-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--color-gold-dark)}.curriculum-section-title svg{opacity:.6;flex-shrink:0}.curriculum-section-actions{display:flex;gap:.4rem;flex-wrap:wrap}.curriculum-empty{padding:var(--space-4) 0;font-size:var(--text-base);font-style:italic;color:var(--color-text-muted);text-align:center}.curriculum-lessons{display:flex;flex-direction:column}.curriculum-lesson{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.curriculum-lesson:last-child{border-bottom:none}.curriculum-lesson--even{background:var(--color-gold-subtle)}.curriculum-lesson:hover{background:var(--color-gold-muted)}.curriculum-lesson-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.curriculum-add-panel{padding:1rem;border-top:1px solid var(--color-border-light);background:var(--color-bg)}.curriculum-checkbox-list{display:flex;flex-direction:column;gap:.25rem;margin:.5rem 0;max-height:300px;overflow-y:auto}.curriculum-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:background var(--transition-fast)}.curriculum-checkbox-item:hover{background:var(--color-gold-subtle)}.curriculum-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-gold);flex-shrink:0}@media(max-width:640px){.curriculum-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.curriculum-lesson{flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem}.curriculum-lesson-title{white-space:normal;width:100%}}.admin-teacher-request-message{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;border-top:1px solid var(--color-border-light)}.admin-group-info{flex:1;min-width:0}.admin-group-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-1)}.admin-group-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap}.admin-group-teacher,.admin-group-org,.admin-group-members{display:flex;align-items:center;gap:var(--space-1)}.admin-group-teacher svg,.admin-group-org svg,.admin-group-members svg{opacity:.5;flex-shrink:0}.admin-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.admin-error-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.admin-error-text{margin:0;max-width:42ch;font-size:var(--text-sm);color:var(--color-text-muted)}.admin-error-retry{margin-top:var(--space-2)}.admin-page>.loading-state,.admin-page>.admin-empty,.admin-page>.error-state{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(pointer:coarse){.admin-item-actions{gap:var(--space-3)}.admin-btn--small{min-height:44px;padding:var(--space-2) var(--space-3)}.admin-reorder-btn{width:44px;height:34px}}.admin-item-actions .admin-btn--danger+.admin-btn--danger{margin-inline-start:var(--space-5)}.lessons-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.lessons-page-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text);margin-bottom:var(--space-8)}.lessons-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.lessons-page{padding:var(--space-5) var(--space-4) var(--space-12)}}.lessons-toc{display:flex;flex-direction:column}.lessons-toc-section{border-bottom:1px solid var(--color-border)}.lessons-toc-category{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) 0}.lessons-toc-category-number{width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-gold-muted);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px}.lessons-toc-category-info{flex:1}.lessons-toc-category-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-text);margin-bottom:var(--space-1)}.lessons-toc-category-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.lessons-toc-toggle{background:none;border:none;font-size:var(--text-md);color:var(--color-gold);cursor:pointer;padding:var(--space-1) var(--space-2);flex-shrink:0}.lessons-toc-list{padding:0 0 var(--space-4) 3rem;display:flex;flex-direction:column}.lessons-toc-loading{padding:var(--space-4) 0}.lessons-toc-empty{font-size:var(--text-base);color:var(--color-text-muted);padding:var(--space-2) 0;font-style:italic}.lessons-toc-error{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) 0}.lessons-toc-error-text{font-size:var(--text-sm);color:var(--color-text-muted)}.lessons-toc-retry{padding:var(--space-1) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gold);background:transparent;border:1px solid var(--color-gold);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}@media(hover:hover){.lessons-toc-retry:hover{background:var(--color-gold);color:var(--color-bg)}}.lessons-toc-item--skeleton{pointer-events:none}.lessons-toc-item--skeleton .lessons-toc-item-num{width:1.5rem}.lessons-toc-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius);text-decoration:none;color:var(--color-text);transition:background var(--transition-fast),color var(--transition-fast);margin:0 calc(-1 * var(--space-3))}.lessons-toc-item:hover{background:var(--color-gold-subtle);color:var(--color-gold)}.lessons-toc-item-title{flex:1;font-size:var(--text-base)}.lessons-toc-item-arrow{color:var(--color-text-faint);font-size:var(--text-sm);flex-shrink:0}.lessons-toc-item:hover .lessons-toc-item-arrow{color:var(--color-gold)}.lessons-toc-item-check{font-size:var(--text-sm);flex-shrink:0}.lessons-toc-item-check--fail{opacity:.5}@media(max-width:480px){.lessons-toc-list{padding-left:var(--space-8)}}.lesson-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-20)}@media(max-width:768px){.lesson-page{padding:var(--space-5) var(--space-4) var(--space-16)}}.lesson-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.lesson-breadcrumb-link{color:var(--color-gold);text-decoration:none}.lesson-breadcrumb-link:hover{text-decoration:underline}.lesson-breadcrumb-sep{color:var(--color-border-strong)}.lesson-breadcrumb-current{color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-header{margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.lesson-number{display:block;font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-muted);margin-bottom:var(--space-1);letter-spacing:.03em}.lesson-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.lesson-description{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.lesson-article{display:flex;flex-direction:column}.lesson-section{padding:var(--space-10) 0;border-bottom:1px solid var(--color-border-light)}.lesson-section:last-child{border-bottom:none}.lesson-section:first-child{padding-top:var(--space-6)}.lesson-section-label{display:inline-block;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);text-transform:uppercase;letter-spacing:.1em;padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);margin-bottom:var(--space-3)}.lesson-section--type-1 .lesson-section-label{color:var(--color-info);background:var(--color-info-bg)}.lesson-section--type-2 .lesson-section-label{color:var(--color-success);background:var(--color-success-bg)}.lesson-section--type-3 .lesson-section-label{color:var(--color-accent-alt);background:var(--color-accent-alt-bg)}.lesson-section--type-4 .lesson-section-label{color:var(--color-warning);background:var(--color-warning-bg)}.lesson-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-6);line-height:var(--leading-snug)}.lesson-section-body{font-size:var(--text-md);color:var(--color-text-secondary);line-height:2;overflow-x:auto}.lesson-section-body p{margin:0 0 var(--space-4) 0}.lesson-section-body p:last-child{margin-bottom:0}.lesson-section-body .ar{font-family:var(--font-arabic);font-size:1.35em;direction:rtl;unicode-bidi:isolate;color:var(--color-text);display:inline-flex;align-items:center;vertical-align:middle;line-height:1.2;padding:0 .1em;white-space:nowrap}.lesson-section-body strong{color:var(--color-text);font-weight:var(--font-semibold)}.lesson-section-body h3{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-text);margin:var(--space-6) 0 var(--space-3)}.lesson-section-body ul,.lesson-section-body ol{margin:var(--space-5) 0;padding:0;list-style:none;counter-reset:lesson-li}.lesson-section-body li{position:relative;padding:var(--space-2) var(--space-2) var(--space-2) 2rem}.lesson-section-body li+li{margin-top:var(--space-1)}.lesson-section-body ul>li:before{content:"";position:absolute;left:.55rem;top:.85em;width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-gold)}.lesson-section-body ol>li{counter-increment:lesson-li}.lesson-section-body ol>li:before{content:counter(lesson-li);position:absolute;left:0;top:.45em;width:1.35rem;height:1.35rem;border-radius:var(--radius-full);border:1px solid var(--color-border-strong);color:var(--color-gold-dark);font-size:.65rem;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;line-height:1}.lesson-section-body li>ul,.lesson-section-body li>ol{margin:var(--space-2) 0 0 0}.lesson-section-body li>p{margin:var(--space-2) 0 0 0}.lesson-block{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius);border-left:3px solid var(--color-border-strong);background:var(--color-bg-warm);font-size:var(--text-md);line-height:2;color:var(--color-text-secondary)}.lesson-block p{margin:0}.lesson-block p+p{margin-top:var(--space-2)}.lesson-block .ar{font-family:var(--font-arabic);font-size:1.35em;display:inline-flex;align-items:center;vertical-align:middle;line-height:1.2}.lesson-block--warning{border-left-color:var(--color-error);background:var(--color-error-bg)}.lesson-block--insight{border-left-color:var(--color-gold);background:var(--color-gold-subtle)}.lesson-block--tip{border-left-color:var(--color-success);background:var(--color-success-bg)}.lesson-block--memory{border-left-color:var(--color-info);background:var(--color-info-bg)}.lesson-block--example{border-left-color:var(--color-gold-dark);background:var(--color-gold-subtle)}.lesson-block--practice{border-left-color:var(--color-gold-dark);background:var(--color-bg-warm)}.lesson-block--color{border-left-color:var(--color-border-strong);background:var(--color-bg-warm);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.lesson-section-body blockquote{border-left:2px solid var(--color-gold);padding:var(--space-3) var(--space-5);margin:var(--space-5) 0;color:var(--color-text-muted);font-style:italic}.lesson-section-body code{background:var(--color-bg-warm);padding:1px var(--space-2);border-radius:3px;font-family:monospace;font-size:.88em}.lesson-section-body pre{background:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-4);border-radius:var(--radius);overflow-x:auto;margin:var(--space-5) 0}.lesson-section-body pre code{background:none;padding:0;color:inherit}.lesson-section-body a{color:var(--color-gold);text-decoration:underline}.lesson-section-body hr{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-6) 0}.letter-group{margin:var(--space-4) 0;padding:var(--space-4);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius)}.letter-group+.letter-group{margin-top:var(--space-3)}.letter-group-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.letter-entry{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-md);color:var(--color-text-secondary);line-height:2}.letter-entry .ar{font-family:var(--font-arabic);font-size:1.35em;display:inline-flex;align-items:center;vertical-align:middle;line-height:1.2}@media(max-width:768px){.letter-group{padding:var(--space-3)}}.example-list{margin:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-1)}.example-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-md);color:var(--color-text-secondary);line-height:2;border-bottom:1px solid var(--color-border-light)}.example-row:last-child{border-bottom:none}.example-row .ar{font-family:var(--font-arabic);font-size:1.35em;display:inline-flex;align-items:center;vertical-align:middle;line-height:1.2}.drill-row{display:flex;flex-wrap:wrap;direction:rtl;gap:var(--space-2) var(--space-5);margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border-light);border-radius:var(--radius)}.drill-row .ar{font-family:var(--font-arabic);font-size:1.9em;display:inline-flex;align-items:center;line-height:1.6}@media(max-width:768px){.drill-row{gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3)}.drill-row .ar{font-size:1.6em}}.lesson-ayah{margin:var(--space-5) 0 0;padding:var(--space-4) var(--space-5);background:var(--color-bg-warm);border:1px solid var(--color-border-light);border-radius:var(--radius)}.lesson-section-label+.lesson-ayah,.lesson-section-title+.lesson-ayah{margin-top:0}.lesson-ayah-arabic{margin:0;direction:rtl;text-align:right;overflow-wrap:break-word;word-wrap:break-word}.lesson-ayah-ref{margin-top:var(--space-3);direction:ltr;text-align:right;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}@media(max-width:768px){.lesson-ayah{padding:var(--space-3) var(--space-4)}}.lesson-section-body table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm);table-layout:fixed}.lesson-section-body th,.lesson-section-body td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:center;vertical-align:middle}.lesson-section-body th{background:var(--color-bg-warm);font-weight:var(--font-semibold);color:var(--color-text);border-bottom-width:2px}.lesson-section-body td{font-family:var(--font-arabic);font-size:1.4rem;line-height:1.6;direction:rtl}.lesson-section-body td:first-child{font-family:var(--font-body);font-size:var(--text-sm);direction:ltr;text-align:left;font-weight:var(--font-medium);white-space:nowrap;border-right-width:2px}.lesson-section-body td:nth-child(2){border-right-width:2px}.lesson-section-body td .ar{display:inline;font-size:inherit;padding:0;vertical-align:baseline;line-height:inherit}.lesson-section-body td:first-child .ar{font-size:1.4em}.lesson-section-body tbody tr:nth-child(2n){background:var(--color-gold-subtle)}.lesson-section-body tbody tr:hover{background:var(--color-gold-muted)}@media(max-width:768px){.lesson-section{padding:var(--space-8) 0}.lesson-section-body{font-size:var(--text-base);line-height:1.85}.lesson-section-body .ar{font-size:1.25em}.lesson-section-body li{padding-left:1.6rem}.lesson-section-body ul>li:before{left:.3rem}.lesson-section-body ol>li:before{left:0;width:1.2rem;height:1.2rem;font-size:.6rem}.lesson-block{padding:var(--space-3) var(--space-4)}.lesson-section-body table{font-size:.75rem}.lesson-section-body th,.lesson-section-body td{padding:var(--space-1) var(--space-2)}.lesson-section-body td{font-size:1.1rem}.lesson-section-body td:first-child{font-size:.7rem}.lesson-section-body td:first-child .ar{font-size:1.1rem}}.lesson-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.lesson-nav-placeholder{flex:1}.lesson-nav-btn{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:var(--color-text);transition:border-color var(--transition),background var(--transition);max-width:48%}.lesson-nav-btn:hover{border-color:var(--color-gold);background:var(--color-gold-subtle)}.lesson-nav-btn--next{align-items:flex-end;text-align:right}.lesson-nav-btn--prev{align-items:flex-start}.lesson-nav-arrow{font-size:var(--text-lg);color:var(--color-gold)}.lesson-nav-label{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-muted);line-height:var(--leading-snug)}.lesson-nav-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text);line-height:var(--leading-snug)}@media(max-width:480px){.lesson-nav{flex-direction:column}.lesson-nav-btn{max-width:100%}}.lesson-quiz-block{margin-top:var(--space-10);padding:var(--space-6);background:var(--color-gold-subtle);border:1px solid var(--color-gold-muted);border-radius:var(--radius)}.lesson-quiz-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.lesson-quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.lesson-quiz-btns{display:flex;flex-wrap:wrap;gap:var(--space-3)}.lesson-quiz-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y) var(--btn-padding-x);background:var(--color-gold);color:var(--color-on-gold);border-radius:var(--btn-radius);text-decoration:none;font-size:var(--btn-font-size);font-weight:var(--font-semibold);transition:background var(--transition)}.lesson-quiz-btn:hover{background:var(--color-gold-hover)}.lesson-quiz-btn--guest{background:transparent;color:var(--color-gold);border:1px solid var(--color-gold)}.lesson-quiz-btn--guest:hover{background:var(--color-gold-subtle)}.lesson-quiz-score{font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius);display:flex;align-items:center;gap:var(--space-1)}.lesson-quiz-score--pass{background:var(--color-success-bg);color:var(--color-success)}.lesson-quiz-score--fail{background:var(--color-error-bg);color:var(--color-error)}.quiz-page{max-width:700px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-20)}@media(max-width:768px){.quiz-page{padding:var(--space-5) var(--space-4) var(--space-16)}}.quiz-start{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-4)}.quiz-start-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.quiz-start-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3)}.quiz-start-desc{font-size:var(--text-md);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:500px}.quiz-start-meta{display:flex;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center}.quiz-meta-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.quiz-meta-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.quiz-progress-bar{height:3px;background:var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-2);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--color-gold);border-radius:var(--radius-full);transition:width .4s ease}.quiz-progress-label{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.quiz-timer{font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.quiz-timer--warning{color:var(--color-error)}.quiz-question-card{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-8)}@media(max-width:480px){.quiz-question-card{padding:var(--space-5)}}.quiz-question-type{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-gold);margin-bottom:var(--space-3)}.quiz-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);font-style:italic}.quiz-question-text{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);line-height:2.2;margin-bottom:var(--space-6)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);background:transparent;color:var(--color-text);font-size:var(--text-md);font-family:var(--font-body);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);width:100%;line-height:2}.quiz-option-text{flex:1;line-height:2}.quiz-question-text .ar,.quiz-option-text .ar,.quiz-matching-left .ar{font-family:var(--font-arabic);font-size:1.35em;display:inline-flex;align-items:center;vertical-align:middle;line-height:1.2;direction:rtl;unicode-bidi:isolate;color:var(--color-text);padding:0 .1em;white-space:nowrap}.quiz-option:hover:not(:disabled){border-color:var(--color-gold);background:var(--color-gold-subtle)}.quiz-option--selected{border-color:var(--color-gold);background:var(--color-gold-subtle)}.quiz-option--correct{border-color:var(--color-success)!important;background:var(--color-success-bg)!important}.quiz-option--wrong{border-color:var(--color-error)!important;background:var(--color-error-bg)!important}.quiz-option-marker{width:16px;height:16px;border-radius:var(--radius-full);border:2px solid var(--color-border-strong);flex-shrink:0;transition:var(--transition-interactive-fast)}.quiz-option--selected .quiz-option-marker{border-color:var(--color-gold);background:var(--color-gold)}.quiz-option--checkbox .quiz-option-marker{border-radius:0;border:none;font-size:var(--text-lg);color:var(--color-gold);width:auto;height:auto}.quiz-matching{margin-bottom:var(--space-6)}.quiz-matching-pairs{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-matching-row{display:flex;align-items:center;gap:var(--space-3)}.quiz-matching-left{flex:1;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);background:transparent}.quiz-matching-arrow{color:var(--color-text-faint);flex-shrink:0}.quiz-matching-select{flex:1;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);cursor:pointer}.quiz-matching-select option{background-color:var(--color-bg);color:var(--color-text)}.quiz-matching-select--correct{border-color:var(--color-success)!important}.quiz-matching-select--wrong{border-color:var(--color-error)!important}@media(max-width:480px){.quiz-matching-row{flex-direction:column;gap:var(--space-2)}}.quiz-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4)}.quiz-btn{padding:var(--btn-padding-y) var(--btn-padding-x);border:1px solid var(--color-border);border-radius:var(--btn-radius);background:transparent;color:var(--color-text);font-size:var(--btn-font-size);font-weight:var(--font-medium);font-family:var(--font-body);cursor:pointer;transition:var(--transition-interactive-fast);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.quiz-btn:hover:not(:disabled){border-color:var(--color-gold)}.quiz-btn--primary{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-on-gold)}.quiz-btn--primary:hover:not(:disabled){background:var(--color-gold-hover)}.quiz-btn--primary:disabled{opacity:.4;cursor:not-allowed}.quiz-btn--lg{padding:var(--btn-padding-y-lg) var(--btn-padding-x-lg);font-size:var(--btn-font-size-lg)}.quiz-result{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-12) var(--space-4)}.quiz-result-icon{font-size:3.5rem;margin-bottom:var(--space-4)}.quiz-result-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-bottom:var(--space-4)}.quiz-result-percent--pass{color:var(--color-success)}.quiz-result-percent--fail{color:var(--color-error)}.quiz-result-points{font-size:var(--text-sm);color:var(--color-text-muted)}.quiz-result-desc{font-size:var(--text-md);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:400px;line-height:var(--leading-normal)}.quiz-result-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.quiz-error-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.quiz-error-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.quiz-error-text{margin:0;max-width:42ch;font-size:var(--text-sm);color:var(--color-text-muted)}.quiz-error-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-4)}.profile-page{max-width:var(--content-wide-max-width);width:100%;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16);flex:1}.profile-page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-8)}@media(max-width:640px){.profile-page{padding:var(--space-5) var(--space-4) var(--space-12)}}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-6)}@media(max-width:640px){.profile-grid{grid-template-columns:1fr;gap:var(--space-6)}}.profile-card{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.profile-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.profile-card-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-5)}.profile-info-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.profile-info-row:last-of-type{border-bottom:none}.profile-info-label{font-size:var(--text-sm);color:var(--color-text-muted);width:80px;flex-shrink:0}.profile-info-value{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-medium)}.profile-roles{display:flex;gap:var(--space-2);flex-wrap:wrap}.profile-role-badge{font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);text-transform:uppercase;letter-spacing:var(--badge-tracking)}.profile-role-badge--admin{background:var(--color-gold-muted);color:var(--color-gold)}.profile-role-badge--teacher{background:var(--color-info-bg);color:var(--color-info)}.profile-role-badge--student{background:var(--color-success-bg);color:var(--color-success)}.profile-stats{display:flex;gap:var(--space-4);justify-content:space-around;padding-top:var(--space-2)}.profile-stat{text-align:center}.profile-stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gold);line-height:1;margin-bottom:var(--space-2)}.profile-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.profile-privacy-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.profile-privacy-info{display:flex;flex-direction:column;gap:var(--space-1)}.profile-privacy-label{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-medium)}.profile-privacy-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-empty{color:var(--color-text-muted);font-size:var(--text-base);padding:var(--space-4) 0;font-style:italic}.profile-progress-table{display:flex;flex-direction:column}.profile-progress-header{display:grid;grid-template-columns:1fr 100px 80px 120px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.profile-progress-row{display:grid;grid-template-columns:1fr 100px 80px 120px;padding:var(--space-3);border-bottom:1px solid var(--color-border-light);align-items:center;font-size:var(--text-sm);transition:background var(--transition-fast)}.profile-progress-row:last-child{border-bottom:none}.profile-progress-row:hover{background:var(--color-gold-subtle)}.profile-progress-lesson{color:var(--color-text);text-decoration:none;font-weight:var(--font-medium)}.profile-progress-lesson:hover{color:var(--color-gold)}.profile-progress-score{font-weight:var(--font-semibold);color:var(--color-text)}.profile-progress-attempts{color:var(--color-text-muted);text-align:center}.profile-progress-status{font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);display:inline-block}.profile-progress-status--completed{background:var(--color-success-bg);color:var(--color-success)}.profile-progress-status--attempted{background:var(--color-warning-bg);color:var(--color-warning)}.profile-progress-status--not-started{background:var(--color-neutral-bg);color:var(--color-neutral)}@media(max-width:640px){.profile-progress-header,.profile-progress-row{grid-template-columns:1fr 70px 70px}.profile-progress-header>:last-child{display:none}.profile-progress-row{row-gap:var(--space-2)}.profile-progress-row>:last-child{grid-column:1 / -1;justify-self:start}}.profile-edit-btn{margin-top:var(--space-4)}.profile-edit-alert{margin-bottom:var(--space-4)}.profile-edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.profile-edit-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.profile-save-btn{width:auto;padding:var(--btn-padding-y) var(--btn-padding-x);margin-top:0}.profile-student-btn{flex-shrink:0;width:auto;padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);font-size:var(--btn-font-size-sm);white-space:nowrap}.profile-student-btn--leave{color:var(--color-text-muted);border-color:var(--color-border-light)}.profile-student-btn--leave:hover{color:var(--color-error);border-color:var(--color-error)}.profile-page .btn-primary,.profile-page .btn-secondary{width:auto;margin-top:0}.profile-roles-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.profile-become-teacher-link{font-size:var(--text-xs);color:var(--color-gold);text-decoration:none;transition:opacity var(--transition-fast)}.profile-become-teacher-link:hover{opacity:.8}.become-teacher-page{max-width:var(--content-wide-max-width);width:100%;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16);flex:1}.become-teacher-back{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;display:inline-block;margin-bottom:var(--space-4);transition:color var(--transition-fast)}.become-teacher-back:hover{color:var(--color-gold)}.become-teacher-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3)}.become-teacher-description{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:600px}.become-teacher-benefits{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.become-teacher-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.become-teacher-benefits-list{display:flex;flex-direction:column;gap:var(--space-3)}.become-teacher-benefit{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text)}.become-teacher-benefit svg{color:var(--color-gold);flex-shrink:0}.become-teacher-already{padding:var(--space-4) 0}.become-teacher-already-badge{display:inline-block;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);text-transform:uppercase;letter-spacing:var(--badge-tracking);background:var(--color-success-bg);color:var(--color-success);margin-bottom:var(--space-2)}.become-teacher-already-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.become-teacher-status{margin-bottom:var(--space-6)}.become-teacher-status--rejected-info{margin-bottom:var(--space-4)}.become-teacher-status-badge{display:inline-block;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);text-transform:uppercase;letter-spacing:var(--badge-tracking);margin-bottom:var(--space-2)}.become-teacher-status-badge--pending{background:var(--color-warning-bg);color:var(--color-warning)}.become-teacher-status-badge--approved{background:var(--color-success-bg);color:var(--color-success)}.become-teacher-status-badge--rejected{background:var(--color-error-bg);color:var(--color-error)}.become-teacher-status-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.become-teacher-status-message{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-2)}.become-teacher-form-section{margin-bottom:var(--space-8)}.become-teacher-alert{margin-bottom:var(--space-4)}.become-teacher-message-group{position:relative;margin-bottom:var(--space-4)}.become-teacher-textarea{resize:vertical;min-height:100px;font-family:inherit}.become-teacher-char-count{position:absolute;bottom:var(--space-2);right:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);pointer-events:none}.become-teacher-submit-btn{width:auto;padding:var(--btn-padding-y) var(--btn-padding-x)}.become-teacher-current{margin-bottom:var(--space-6)}.become-teacher-resign-btn{margin-top:var(--space-4);width:auto;padding:var(--btn-padding-y) var(--btn-padding-x);color:var(--color-text-muted);border-color:var(--color-border-light)}.become-teacher-resign-btn:hover{color:var(--color-error);border-color:var(--color-error)}@media(max-width:640px){.become-teacher-page{padding:var(--space-5) var(--space-4) var(--space-12)}}.become-teacher-page .btn-primary{width:auto;margin-top:0}.audio-player{position:fixed;bottom:var(--tab-bar-offset, 0px);left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);z-index:var(--z-player);box-shadow:0 -2px 12px #2a1f050f;padding-bottom:max(0px,calc(env(safe-area-inset-bottom,0px) - var(--tab-bar-offset, 0px)))}.audio-player--active{border-top-color:var(--color-gold)}.audio-progress-wrap{cursor:pointer;padding:3px 0;position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.audio-progress-wrap:hover .audio-progress-track,.audio-progress-wrap--scrubbing .audio-progress-track{height:6px}.audio-progress-wrap:focus-visible{outline:2px solid var(--color-gold);outline-offset:-2px}.audio-progress-track{height:2px;background:var(--color-border);position:relative;transition:height var(--transition-fast)}.audio-progress-fill{height:100%;background:var(--color-gold);pointer-events:none}.audio-progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--color-gold);border:2px solid var(--color-surface);border-radius:var(--radius-full);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.audio-progress-wrap:hover .audio-progress-thumb,.audio-progress-wrap:focus-visible .audio-progress-thumb,.audio-progress-wrap--scrubbing .audio-progress-thumb{opacity:1}@media(pointer:coarse){.audio-progress-wrap{padding:11px 0}.audio-progress-track{height:3px}.audio-progress-thumb{opacity:1;width:14px;height:14px}}.audio-controls{display:flex;align-items:center;padding:var(--space-2) var(--space-4);gap:var(--space-3);max-width:var(--content-wide-max-width);margin:0 auto}.audio-controls-left{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.audio-controls-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);min-width:0}.audio-settings{display:contents}.audio-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:var(--text-md);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.audio-btn:hover:not(:disabled){background:var(--color-gold-muted)}.audio-btn:disabled{opacity:.3;cursor:default}.audio-btn--play{width:38px;height:38px;background:var(--color-gold);color:var(--color-on-gold);font-size:var(--text-lg)}.audio-btn--play:hover:not(:disabled){background:var(--color-gold-hover)}@media(hover:none){.audio-btn:hover:not(:disabled){background:transparent;color:var(--color-text)}.audio-btn--play:hover:not(:disabled){background:var(--color-gold);color:var(--color-on-gold)}.audio-btn--close:hover{color:var(--color-text-faint);background:transparent}}.audio-time{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;flex-shrink:0}.audio-reciter-select,.audio-speed-select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text);cursor:pointer;font-family:var(--font-body);min-width:0}.audio-reciter-select{overflow:hidden;text-overflow:ellipsis}.audio-reciter-select option,.audio-speed-select option{background-color:var(--color-bg);color:var(--color-text)}.audio-reciter-select{max-width:160px;flex-shrink:1}.audio-speed{display:flex;align-items:center;flex-shrink:0}.audio-speed-select{width:52px;text-align:center;flex-shrink:0;padding:var(--space-1) 2px}.audio-btn--close{width:26px;height:26px;font-size:var(--text-sm);color:var(--color-text-faint);margin-left:var(--space-2)}.audio-btn--close:hover{color:var(--color-error);background:var(--color-error-bg)}.audio-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(250,246,238,.3);border-top-color:var(--color-on-gold);border-radius:50%;animation:audio-spin .6s linear infinite}@keyframes audio-spin{to{transform:rotate(360deg)}}.surah-listen-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);background:var(--color-gold);color:var(--color-on-gold);border:none;border-radius:var(--radius-full);font-size:var(--btn-font-size-sm);font-weight:var(--font-medium);font-family:var(--font-body);cursor:pointer;transition:background var(--transition)}.surah-listen-btn:hover{background:var(--color-gold-hover)}.ayah-block--playing{background:var(--color-gold-subtle)!important;border-radius:var(--radius-sm)}.ayah-word--playing{background:var(--color-gold-muted)!important;color:var(--color-gold)!important;border-radius:3px}.reader-bismillah--playing{background:var(--color-gold-subtle);border-radius:var(--radius-sm);transition:background .3s ease}.audio-mode-select{display:flex;align-items:center;flex-shrink:1;min-width:0}.audio-mode-dropdown{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-text);cursor:pointer;font-family:var(--font-body);min-width:0;overflow:hidden;text-overflow:ellipsis}.audio-mode-dropdown option{background-color:var(--color-bg);color:var(--color-text)}.audio-settings-toggle{display:none;align-items:center;justify-content:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:.75rem;line-height:1;cursor:pointer;flex-shrink:0;white-space:nowrap}.audio-settings-toggle__chevron{flex-shrink:0;transition:transform var(--transition-fast)}.audio-settings-toggle[aria-expanded=true] .audio-settings-toggle__chevron{transform:rotate(180deg)}.audio-settings-toggle:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}@media(max-width:768px){.audio-controls{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.audio-reciter-select{max-width:130px}.audio-mode-dropdown{max-width:120px}}@media(max-width:480px){.audio-controls{flex-wrap:wrap;padding:2px var(--space-3) 6px;gap:var(--space-2);row-gap:6px}.audio-controls-left{order:1}.audio-time{order:2;font-size:.75rem}.audio-settings-toggle{order:3;display:inline-flex;margin-left:auto}.audio-btn--close{order:4;margin-left:0;width:40px;height:40px}.audio-settings{order:5;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);row-gap:6px;flex-basis:100%;width:100%}.audio-settings--collapsed{display:none}.audio-mode-select{flex:1 1 auto}.audio-speed{flex:0 0 auto}.audio-controls-right{flex:1 1 100%;margin-left:0}.audio-btn--play{width:44px;height:44px}.audio-mode-dropdown,.audio-speed-select,.audio-reciter-select{font-size:.75rem;min-height:40px;max-width:none;width:100%}.audio-speed-select{width:72px;flex:0 0 auto;padding:var(--space-1) var(--space-1)}.audio-reciter-select{flex:1 1 auto}}.contacts-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-20);text-align:center;flex:1}.contacts-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3)}.contacts-desc{font-size:var(--text-md);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-10);max-width:480px;margin-left:auto;margin-right:auto}.contacts-list{margin-bottom:var(--space-8)}.contacts-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);justify-content:center}.contacts-icon{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-gold-muted);color:var(--color-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contacts-info{text-align:left}.contacts-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:var(--space-1)}.contacts-link{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-gold);text-decoration:none;transition:color var(--transition)}.contacts-link:hover{color:var(--color-gold-hover);text-decoration:underline}.contacts-note{font-size:var(--text-sm);color:var(--color-text-faint);font-style:italic;max-width:400px;margin:0 auto;line-height:var(--leading-relaxed)}@media(max-width:480px){.contacts-page{padding:var(--space-10) var(--space-4) var(--space-16)}}.support-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-20);text-align:left;flex:1}.support-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text);text-align:center;margin-bottom:var(--space-3)}.support-desc{font-size:var(--text-md);color:var(--color-text-muted);line-height:var(--leading-relaxed);text-align:center;margin-bottom:var(--space-10);max-width:520px;margin-left:auto;margin-right:auto}.support-list{margin-bottom:var(--space-10)}.support-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) 0;border-bottom:1px solid var(--color-border-light)}.support-item:first-child{border-top:1px solid var(--color-border-light)}.support-item-icon{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-gold-muted);color:var(--color-gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:var(--space-1)}.support-item-body{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.support-item-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--color-text)}.support-item-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.support-detail{display:flex;flex-direction:column;gap:2px}.support-detail-label{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug);color:var(--color-text-muted)}.support-detail-value{font-size:var(--text-md);color:var(--color-text);font-weight:var(--font-medium);word-break:break-all}.support-detail-value--mono{font-family:SF Mono,Fira Code,Consolas,monospace;letter-spacing:.03em}.support-wallet-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.support-wallet-address{flex:1 1 16rem;min-width:0;font-size:var(--text-base);line-height:var(--leading-normal);-webkit-user-select:all;user-select:all}.support-copy-btn{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gold);background:transparent;border:1px solid var(--color-gold);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}@media(hover:hover){.support-copy-btn:hover:not(:disabled){background:var(--color-gold);color:var(--color-bg)}}.support-copy-btn:disabled{opacity:.5;cursor:default}.support-copy-btn--done{color:var(--color-success);border-color:var(--color-success)}.support-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gold);text-decoration:none;transition:color var(--transition);margin-top:var(--space-1)}.support-link:hover{color:var(--color-gold-hover);text-decoration:underline}.support-thanks{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;max-width:440px;line-height:var(--leading-relaxed)}@media(max-width:480px){.support-page{padding:var(--space-10) var(--space-4) var(--space-16)}.support-item{gap:var(--space-3)}.support-item-icon{width:36px;height:36px}.support-item-icon svg{width:18px;height:18px}}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-footer{border-top:1px solid var(--color-border-light);padding:var(--space-5) var(--space-6);text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}.footer-inner{max-width:var(--content-wide-max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.footer-sep{opacity:.4}.footer-link{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--color-gold)}.footer-copy{letter-spacing:.02em}.app-footer .lang-dropdown-btn{border:none;padding:0;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.08em;text-transform:uppercase;background:none;cursor:pointer;transition:color var(--transition)}.app-footer .lang-dropdown-btn:hover{color:var(--color-gold);border:none}.app-footer .lang-dropdown-menu{top:auto;bottom:calc(100% + 6px)}.learning-page{max-width:var(--content-wide-max-width);width:100%;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16);flex:1}.learning-page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-8)}@media(max-width:640px){.learning-page{padding:var(--space-5) var(--space-4) var(--space-12)}}.learning-group-cards{display:flex;flex-direction:column}.learning-group-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast)}.learning-group-card:last-child{border-bottom:none}.learning-group-card:hover{background:var(--color-gold-subtle)}.learning-group-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.learning-group-card-info{flex:1}.learning-group-card-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-1)}.learning-group-card-teacher{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.learning-group-card-teacher svg{opacity:.5;flex-shrink:0}.learning-group-card-stats{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.learning-group-card-stat{display:flex;align-items:center;gap:var(--space-1)}.learning-group-card-stat svg{flex-shrink:0;opacity:.5}.learning-group-card--inactive{opacity:.6}.learning-group-card-badge{display:inline-block;font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);background:var(--color-neutral-bg);color:var(--color-neutral);margin-left:var(--space-2);vertical-align:middle;text-transform:uppercase;letter-spacing:var(--badge-tracking)}.learning-suspended-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-8);color:var(--color-text-muted)}.learning-suspended-notice svg{flex-shrink:0;margin-top:1px;opacity:.6}.learning-suspended-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.learning-suspended-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.learning-progress{display:flex;align-items:center;gap:var(--space-3)}.learning-progress-bar{flex:1;height:4px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.learning-progress-fill{height:100%;background:var(--color-gold);border-radius:var(--radius-full);transition:width var(--transition-slow);min-width:0}.learning-progress-text{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;font-weight:var(--font-semibold)}.learning-empty{text-align:center;padding:var(--space-12) var(--space-4)}.learning-empty-icon{color:var(--color-text-faint);margin-bottom:var(--space-4)}.learning-empty-text{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-2)}.learning-empty-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.learning-group-header{margin-bottom:var(--space-8)}.learning-group-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-2)}.learning-group-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.learning-group-meta svg{opacity:.5;flex-shrink:0}.learning-plan-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.learning-plan{display:flex;flex-direction:column}.learning-lesson{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.learning-lesson:last-child{border-bottom:none}.learning-lesson:hover{background:var(--color-gold-subtle)}.learning-lesson--locked{opacity:.55}.learning-lesson-number{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold)}.learning-lesson--completed .learning-lesson-number{background:var(--color-success-bg);color:var(--color-success)}.learning-lesson--current .learning-lesson-number{background:var(--color-gold-muted);color:var(--color-gold)}.learning-lesson:not(.learning-lesson--completed):not(.learning-lesson--current) .learning-lesson-number{background:var(--color-bg-warm);color:var(--color-text-muted)}.learning-lesson-content{flex:1;min-width:0}.learning-lesson-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}.learning-lesson-status{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.learning-lesson-score{font-weight:var(--font-semibold);color:var(--color-success)}.learning-lesson-action{flex-shrink:0}.learning-lesson-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--btn-padding-y-sm) var(--btn-padding-x-sm);border-radius:var(--btn-radius);font-size:var(--btn-font-size-sm);font-weight:var(--font-medium);text-decoration:none;border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.learning-lesson-btn--primary{background:var(--color-gold-muted);color:var(--color-gold)}.learning-lesson-btn--primary:hover{background:var(--color-gold);color:var(--color-on-gold)}.learning-lesson-btn--completed{background:var(--color-success-bg);color:var(--color-success)}.learning-lesson-btn--completed:hover{background:var(--color-success);color:var(--color-on-success)}.learning-leave-section{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.learning-leave-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.learning-leave-btn:hover{color:var(--color-error)}@media(max-width:640px){.learning-group-card-header{flex-direction:column}.learning-group-card-stats{flex-wrap:wrap}.learning-lesson{padding:var(--space-3) var(--space-2);gap:var(--space-3)}.learning-lesson-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.learning-lesson-btn--mark-read{background:var(--color-bg-warm);color:var(--color-text-muted);margin-left:var(--space-2)}.learning-lesson-btn--mark-read:hover{background:var(--color-success-bg);color:var(--color-success)}.learning-lesson-btn--mark-read:disabled{opacity:.5;cursor:default}@media(max-width:640px){.learning-lesson-action{display:flex;flex-direction:column;gap:var(--space-2)}.learning-lesson-btn--mark-read{margin-left:0}}.learning-page .btn-primary,.learning-page .btn-secondary{width:auto;margin-top:0}.learning-section-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-4)}.learning-requests{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.learning-request-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border-light)}.learning-request-card:last-child{border-bottom:none}.learning-request-info{flex:1;min-width:0}.learning-request-group{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}.learning-request-teacher{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.learning-request-teacher svg{opacity:.5;flex-shrink:0}.learning-request-status{font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);flex-shrink:0;text-transform:uppercase;letter-spacing:var(--badge-tracking)}.learning-request-status--pending{background:var(--color-gold-muted);color:var(--color-gold)}.learning-request-status--rejected{background:var(--color-error-bg);color:var(--color-error)}.learning-request-status--approved{background:var(--color-success-bg);color:var(--color-success)}.join-group-card{text-align:center;padding:var(--space-10) var(--space-6);max-width:480px;margin:0 auto}.join-group-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-6)}.join-group-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gold);margin-bottom:var(--space-4)}.join-group-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.join-group-teacher,.join-group-count{display:flex;align-items:center;gap:var(--space-1)}.join-group-teacher svg,.join-group-count svg{opacity:.5;flex-shrink:0}.join-group-btn{margin-top:var(--space-4)}.invite-block{display:flex;flex-direction:column;gap:var(--space-3)}.invite-link-row{display:flex;gap:var(--space-2)}.invite-link-input{flex:1;font-family:monospace;font-size:var(--text-sm)}.invite-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-checkbox-inline{display:flex;align-items:center;flex-shrink:0}.admin-checkbox-inline input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-gold);cursor:pointer}.learning-group-card--skeleton{cursor:default}.learning-group-card--skeleton:hover{background:none}.learning-lesson--skeleton{cursor:default;gap:var(--space-3)}.auth-section-title{font-size:.95rem;font-weight:600;color:var(--color-text-secondary);margin:1.2rem 0 .5rem;padding-top:.8rem;border-top:1px solid var(--color-border)}.auth-section-title:first-of-type{border-top:none;margin-top:0;padding-top:0}.form-textarea{resize:vertical;min-height:60px;font-family:inherit}.profile-role-badge--organizationowner{background:var(--color-accent-alt-bg);color:var(--color-accent-alt)}.org-page{max-width:var(--content-wide-max-width);width:100%;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16);flex:1}.org-page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-8)}@media(max-width:640px){.org-page{padding:var(--space-5) var(--space-4) var(--space-12)}}.org-section{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.org-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.org-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);margin-bottom:var(--space-5)}.org-info-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.org-info-row:last-of-type{border-bottom:none}.org-info-label{font-size:var(--text-sm);color:var(--color-text-faint);width:100px;flex-shrink:0}.org-info-value{font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-medium)}.org-status{font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding-y) var(--badge-padding-x);border-radius:var(--badge-radius);text-transform:uppercase;letter-spacing:var(--badge-tracking)}.org-status--verified{background:var(--color-success-bg);color:var(--color-success)}.org-status--pending{background:var(--color-warning-bg);color:var(--color-warning)}.org-status--owner{background:var(--color-gold-muted);color:var(--color-gold)}.org-status--teacher{background:var(--color-info-bg);color:var(--color-info)}.org-edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.org-edit-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.org-add-row{display:flex;gap:var(--space-3);align-items:flex-start;flex-wrap:wrap}.org-empty{color:var(--color-text-muted);font-size:var(--text-base);padding:var(--space-4) 0;font-style:italic}.org-members-list{display:flex;flex-direction:column}.org-member-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-2);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.org-member-row:last-child{border-bottom:none}.org-member-row:hover{background:var(--color-gold-subtle)}.org-member-info{flex:1;min-width:0}.org-member-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);display:block}.org-member-meta{font-size:var(--text-sm);color:var(--color-text-faint);flex-shrink:0}.org-remove-btn{font-size:var(--text-sm);color:var(--color-text-faint);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);transition:color var(--transition-fast);flex-shrink:0}.org-remove-btn:hover{color:var(--color-error)}@media(max-width:640px){.org-member-row{flex-wrap:wrap;gap:var(--space-2)}.org-add-row{flex-direction:column}}.org-page .btn-primary,.org-page .btn-secondary{width:auto;margin-top:0}.guide-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-20);flex:1;width:100%}.guide-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text);text-align:center;margin-bottom:var(--space-3)}.guide-desc{font-size:var(--text-md);color:var(--color-text-muted);line-height:var(--leading-relaxed);text-align:center;max-width:560px;margin:0 auto var(--space-10)}.guide-toc{padding:var(--space-6) 0;margin-bottom:var(--space-6);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.guide-toc-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.guide-toc-list{list-style:none;counter-reset:toc;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.guide-toc-list li{counter-increment:toc}.guide-toc-link{display:block;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text);text-decoration:none;border-radius:var(--radius);transition:var(--transition-interactive)}@media(pointer:coarse){.guide-toc-link{display:flex;align-items:center;min-height:44px}}.guide-toc-link:before{content:counter(toc) ". ";color:var(--color-text-muted);font-weight:var(--font-normal);font-variant-numeric:tabular-nums}.guide-toc-link:hover{background:var(--color-gold-subtle);color:var(--color-gold)}.guide-section{padding-top:var(--space-10);margin-bottom:var(--space-6);scroll-margin-top:calc(var(--header-height) + var(--space-4))}.guide-section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-gold-muted)}.guide-subtitle{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text);margin-top:var(--space-5);margin-bottom:var(--space-2)}.guide-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.guide-text strong{color:var(--color-text);font-weight:var(--font-semibold)}.guide-text code{font-size:var(--text-sm);background:var(--color-gold-subtle);color:var(--color-gold-dark);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-body)}[data-theme=dark] .guide-text code{color:var(--color-gold-light)}.guide-faq{display:flex;flex-direction:column}.guide-faq-item{border-bottom:1px solid var(--color-border-light)}.guide-faq-item:first-child{border-top:1px solid var(--color-border-light)}.guide-faq-item[open]{border-bottom-color:var(--color-gold-muted)}.guide-faq-question{padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-3);transition:color var(--transition)}.guide-faq-question::-webkit-details-marker{display:none}.guide-faq-question:before{content:"+";display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-gold);background:var(--color-gold-subtle);border-radius:var(--radius-sm);transition:var(--transition-interactive)}.guide-faq-item[open] .guide-faq-question:before{content:"−";background:var(--color-gold-muted)}.guide-faq-question:hover{color:var(--color-gold)}.guide-faq-answer{padding:0 var(--space-5) var(--space-4);padding-left:calc(var(--space-5) + 22px + var(--space-3));font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.guide-screenshot{display:block;max-width:100%;max-height:740px;height:auto;border:1px solid var(--color-border-light);border-radius:var(--radius);margin:var(--space-4) auto var(--space-6)}.guide-back-top{text-align:center;padding-top:var(--space-8);border-top:1px solid var(--color-border-light);margin-top:var(--space-8)}.guide-back-top-link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.guide-back-top-link:hover{color:var(--color-gold)}@media(max-width:480px){.guide-page{padding:var(--space-8) var(--space-4) var(--space-16)}.guide-faq-answer{padding-left:var(--space-5)}}.legal-page{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-20);flex:1;width:100%}.legal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);text-align:center;margin-bottom:var(--space-3)}.legal-effective{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-8);font-style:italic}.legal-section{margin-bottom:var(--space-8)}.legal-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-2)}.legal-text{font-size:var(--text-md);color:var(--color-text);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.legal-list{margin:var(--space-3) 0;padding-left:var(--space-6);color:var(--color-text);line-height:var(--leading-relaxed)}.legal-list li{margin-bottom:var(--space-2)}.legal-link{color:var(--color-gold);text-decoration:none;transition:color var(--transition)}.legal-link:hover{text-decoration:underline}.email-autocomplete{position:relative}.email-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown);margin-top:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);box-shadow:var(--shadow-md);max-height:240px;overflow-y:auto}.email-autocomplete-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);cursor:pointer;transition:background .15s;border-bottom:1px solid var(--color-border-light)}.email-autocomplete-item:last-child{border-bottom:none}.email-autocomplete-item:hover,.email-autocomplete-item--active{background:var(--color-gold-muted)}.email-autocomplete-email{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.email-autocomplete-name{font-size:var(--text-xs);color:var(--color-text-muted)}.email-autocomplete-loading{position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);pointer-events:none}