@font-face{font-family:Thmanyah Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/thmanyah-sans-regular.woff2) format("woff2")}@font-face{font-family:Thmanyah Sans;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/thmanyah-sans-medium.woff2) format("woff2")}@font-face{font-family:Thmanyah Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/thmanyah-sans-bold.woff2) format("woff2")}@font-face{font-family:Cairo;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/cairo-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/cairo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--minbar-primary: #0e4258;--minbar-secondary: #4aa97d;--color-primary: #0e4258;--color-primary-dark: #0b3547;--color-primary-light: #e7eef2;--color-secondary: #4aa97d;--color-secondary-hover: #3d8f69;--color-secondary-light: #e4f3ec;--color-secondary-text: #2e7355;--color-gold: var(--color-secondary);--color-bg: #f7f9fa;--color-surface: #ffffff;--color-text: #0e2a36;--color-muted: #51707e;--color-border: #d7e0e6;--color-success: #2e7355;--color-warn: #9a6200;--color-error: #c0392b;--color-live: #c0392b;--color-on-primary: #ffffff;--color-primary-text: #0e4258;--color-link: #0e4258;--color-danger-bg: #c0392b;--color-sidebar-bg: #0b3547;--color-surface-raised: #eef3f5;--color-focus: #2e7355;--font-arabic: "Thmanyah Sans", "Cairo", "Segoe UI", Tahoma, sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(14, 42, 54, .1);--shadow-md: 0 4px 14px rgba(14, 42, 54, .14);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--touch-target: 48px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: #135a78;--color-primary-dark: #187199;--color-primary-light: #123344;--color-secondary-light: #14342a;--color-secondary-text: #6fcba0;--color-bg: #0a1e2a;--color-surface: #0d2836;--color-text: #e9f1f5;--color-muted: #9fb8c4;--color-border: #24404f;--color-success: #6fcba0;--color-warn: #dda93e;--color-error: #e07b6e;--color-live: #e07b6e;--color-surface-raised: #123344;--color-focus: #6fcba0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);color-scheme:dark}}:root[data-theme=dark]{--color-primary: #135a78;--color-primary-dark: #187199;--color-primary-light: #123344;--color-secondary-light: #14342a;--color-secondary-text: #6fcba0;--color-bg: #0a1e2a;--color-surface: #0d2836;--color-text: #e9f1f5;--color-muted: #9fb8c4;--color-border: #24404f;--color-success: #6fcba0;--color-warn: #dda93e;--color-error: #e07b6e;--color-live: #e07b6e;--color-surface-raised: #123344;--color-primary-text: #8fc3d8;--color-link: #6fcba0;--color-danger-bg: #a63d2f;--color-sidebar-bg: #092331;--color-focus: #6fcba0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-arabic);background:var(--color-bg);color:var(--color-text);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{margin:0 0 var(--space-3);line-height:1.4;color:var(--color-text)}p{margin:0 0 var(--space-3)}a{color:var(--color-link)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{font-family:inherit;font-size:1rem;min-height:var(--touch-target);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background .15s ease,transform .05s ease}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline-color:var(--color-focus)}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);filter:none}.btn-outline{background:transparent;border-color:var(--color-primary-text);color:var(--color-primary-text)}.btn-outline:hover:not(:disabled){background:var(--color-primary-light);filter:none}.btn-secondary{background:#2e7355;color:#fff}.btn-secondary:hover:not(:disabled){background:#3d8f69;filter:none}.btn-danger{background:var(--color-danger-bg);color:#fff}.btn-ghost{background:transparent;color:var(--color-muted)}.btn-big{font-size:1.35rem;min-height:64px;width:100%;border-radius:var(--radius-lg);font-weight:700}.btn-icon{min-width:var(--touch-target);padding:var(--space-2);font-size:1.2rem}.field{margin-bottom:var(--space-4)}.field label{display:block;margin-bottom:var(--space-1);font-weight:600;color:var(--color-text)}.input,input[type=text],input[type=password],input[type=email],input[type=number],input[type=datetime-local],select,textarea{font-family:inherit;font-size:1rem;width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}textarea{min-height:96px;resize:vertical;line-height:1.8}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4aa97d47}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);cursor:pointer}.checkbox-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-gold{border-inline-start:4px solid var(--color-gold)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.page{width:100%;max-width:720px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-7)}.muted{color:var(--color-muted)}.small{font-size:.875rem}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 12px;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge-neutral{background:var(--color-surface-raised);color:var(--color-muted);border-color:var(--color-border)}.badge-success{background:var(--color-secondary-light);color:var(--color-success)}.badge-warn{background:#9a62001f;color:var(--color-warn)}.badge-error{background:#c0392b1f;color:var(--color-error)}.badge-live{background:#c0392b1f;color:var(--color-live)}.badge-gold{background:var(--color-secondary-light);color:var(--color-secondary-text);border-color:var(--color-secondary)}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-text)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--color-live);display:inline-block;animation:livePulse 1.4s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.live-dot{animation:none}}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-md)}.table th,.table td{text-align:start;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.table th{color:var(--color-muted);font-size:.9rem}.table tbody tr:hover{background:var(--color-surface-raised)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;border:1px solid var(--color-border);background:var(--color-surface-raised)}.banner-info{border-inline-start:4px solid var(--color-primary)}.banner-warn{border-inline-start:4px solid var(--color-warn);color:var(--color-warn)}.banner-error{border-inline-start:4px solid var(--color-error);color:var(--color-error)}.banner-success{border-inline-start:4px solid var(--color-success);color:var(--color-success)}.banner-gold{border-inline-start:4px solid var(--color-gold)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07192299;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:60}.dialog{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg);padding:var(--space-5);max-width:480px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-md);border-top:4px solid var(--color-gold)}.panel-shell{display:flex;min-height:100vh}.panel-sidebar{width:240px;flex-shrink:0;background:var(--color-sidebar-bg);color:#dce8ee;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.panel-sidebar .brand{padding:var(--space-4) var(--space-2);border-bottom:1px solid rgba(74,169,125,.45);margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center}.panel-sidebar .brand img{height:88px;width:auto;max-width:100%;object-fit:contain}.panel-nav{display:flex;flex-direction:column;gap:2px;flex:1}.panel-nav a{color:#cfe0e9;text-decoration:none;padding:var(--space-3);border-radius:var(--radius-sm);min-height:var(--touch-target);display:flex;align-items:center}.panel-nav a:hover{background:#ffffff14}.panel-nav a.active{background:#4aa97d38;color:#fff;border-inline-start:3px solid var(--color-secondary)}.panel-main{flex:1;min-width:0;display:flex;flex-direction:column}.panel-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.panel-content{padding:var(--space-5);max-width:1100px;width:100%}@media (max-width: 800px){.panel-shell{flex-direction:column}.panel-sidebar{width:100%;flex-direction:row;overflow-x:auto;align-items:center}.panel-sidebar .brand{border-bottom:none;margin-bottom:0;white-space:nowrap;padding:var(--space-2)}.panel-sidebar .brand img{height:44px}.panel-nav{flex-direction:row}.panel-nav a{white-space:nowrap}}.listen-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;max-width:780px;width:100%;margin:0 auto;padding:var(--space-3) var(--space-4);gap:var(--space-2)}.text-stream-wrap{position:relative;display:flex;flex:1;min-height:0}.text-stream{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--space-2)}.return-live-btn{position:absolute;bottom:var(--space-3);inset-inline-end:var(--space-3);border-radius:999px;z-index:5;box-shadow:var(--shadow-md)}.segment-current{background:var(--color-surface);border:1px solid var(--color-border);border-inline-start:5px solid var(--color-gold);border-radius:var(--radius-lg);padding:var(--space-5);line-height:2;font-weight:600;box-shadow:var(--shadow-sm);overflow-wrap:break-word}.segment-history{opacity:.62;line-height:1.9}.segment-history .seg{padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--color-border);margin-bottom:var(--space-2)}.lang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.lang-btn{min-height:64px;font-size:1.15rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-family:inherit;padding:var(--space-3)}.lang-btn:hover{border-color:var(--color-secondary)}.lang-btn[aria-pressed=true]{border-color:var(--color-secondary);background:var(--color-secondary-light);font-weight:700;box-shadow:inset 0 0 0 1px var(--color-secondary)}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.audio-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-sm);flex-shrink:0}.play-btn{width:64px;height:64px;border-radius:50%;font-size:1.7rem;background:var(--color-primary);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.play-btn:hover{background:var(--color-primary-dark)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.stat-card .value{font-size:1.9rem;font-weight:700;color:var(--color-primary-text)}.stat-card .label{color:var(--color-muted);font-size:.9rem}.chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.chip{min-height:40px;padding:var(--space-1) var(--space-4);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:.95rem}.chip[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);font-weight:700}.meter{position:relative;height:20px;background:var(--color-surface-raised);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.meter>span{display:block;height:100%;background:linear-gradient(90deg,var(--color-secondary-hover),var(--color-secondary));transition:width .1s linear}.meter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 5px,var(--color-surface) 5px 8px);pointer-events:none}.minibar{display:flex;align-items:center;gap:var(--space-2)}.minibar .bar{flex:1;height:10px;background:var(--color-surface-raised);border-radius:999px;overflow:hidden}.minibar .bar>span{display:block;height:100%;background:var(--color-secondary);border-radius:999px}.paragraph-kind-verse,.paragraph-kind-hadith,.paragraph-kind-dua{border-inline-start:4px solid var(--color-gold);padding-inline-start:var(--space-3)}.tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-4);overflow-x:auto}.tabs button{font-family:inherit;font-size:1rem;min-height:var(--touch-target);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-muted);cursor:pointer;white-space:nowrap}.tabs button:hover{color:var(--color-text)}.tabs button[aria-selected=true]{color:var(--color-primary-text);border-bottom-color:var(--color-secondary);font-weight:700}.summary-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}@media (max-width: 640px){.summary-pair{grid-template-columns:1fr}}.error-text{color:var(--color-error);font-weight:600}.center{text-align:center}.pipeline-legend{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3)}.legend-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;flex:1;min-width:120px;position:relative}.legend-icon{font-size:1.5rem}.legend-arrow{position:absolute;inset-inline-end:-14px;top:12px}.trace-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm)}.stage-flow{display:flex;align-items:stretch;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2)}.stage-box{flex:1;min-width:190px;max-width:320px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.stage-box-gold,.stage-box-green{border-top-color:var(--color-secondary)}.stage-box-head{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem}.stage-title{font-weight:700;flex:1}.stage-duration{font-size:.72rem;background:var(--color-primary-light);color:var(--color-primary-text);border-radius:999px;padding:1px 8px;white-space:nowrap}.stage-box-body{font-size:.9rem;overflow-y:auto;max-height:180px}.trace-text{margin:0;line-height:1.8;overflow-wrap:break-word}.trace-translation{border-inline-start:3px solid var(--color-border);padding-inline-start:var(--space-2)}.badge-lang{background:var(--color-primary-light);color:var(--color-primary-text);font-weight:700;text-transform:uppercase}.badge-info{background:var(--color-secondary-light);color:var(--color-secondary-text)}.flow-arrow{align-self:center;color:var(--color-secondary);font-size:1.1rem;flex-shrink:0}[dir=rtl] .flow-arrow{transform:scaleX(-1)}@media (max-width: 720px){.stage-flow{flex-direction:column}.stage-box{max-width:none;min-width:0}.stage-flow .flow-arrow{transform:rotate(90deg);align-self:center}[dir=rtl] .stage-flow .flow-arrow{transform:rotate(90deg)}.legend-arrow{display:none}}.listen-header{display:flex;align-items:center;gap:var(--space-2)}.listen-header-titles{flex:1;min-width:0}.listen-header-titles h1{margin:0;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-status{display:flex;align-items:center;gap:var(--space-1);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot-ok{color:var(--color-success);font-size:.7rem}.status-dot-bad{color:var(--color-error);font-size:.7rem}.toast-zone{position:absolute;top:calc(var(--space-7) + var(--space-6));inset-inline:var(--space-3);z-index:20;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:640px;margin-inline:auto}.toast-zone .banner{pointer-events:auto;box-shadow:var(--shadow-md);animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.toast-zone .banner{animation:none}}.listen-shell{position:relative}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0719228c;display:flex;align-items:flex-end;justify-content:center;z-index:70}.etiquette-sheet{background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:4px solid var(--color-gold);padding:var(--space-5) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));width:100%;max-width:560px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3);animation:sheetUp .28s ease}.etiquette-sheet p{margin:0;font-size:1.05rem;font-weight:600;line-height:1.9}.etiquette-icon{font-size:2.2rem}@keyframes sheetUp{0%{transform:translateY(40%);opacity:.5}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.etiquette-sheet{animation:none}}.control-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));box-shadow:var(--shadow-md)}.control-bar-side{display:flex;align-items:center;gap:var(--space-2)}.ctrl-btn{font-family:inherit;width:48px;height:48px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);font-size:1.05rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ctrl-btn:disabled{opacity:.45;cursor:not-allowed}.ctrl-btn:active:not(:disabled){transform:translateY(1px)}.ctrl-speed{font-size:.9rem}.behind-pill{position:absolute;bottom:calc(96px + env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%);border-radius:999px;z-index:25;box-shadow:var(--shadow-md)}[dir=rtl] .behind-pill{transform:translate(50%)}@media (max-width: 480px){.listen-shell{padding:var(--space-2) var(--space-3)}.segment-current{padding:var(--space-4)}.play-btn{width:72px;height:72px;font-size:1.7rem}.control-bar .audio-indicator{display:none}}.trace-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07192299;z-index:80;display:flex;align-items:stretch;justify-content:center;padding:var(--space-4)}.trace-overlay-panel{background:var(--color-bg);border-radius:var(--radius-lg);width:100%;max-width:1100px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md);border-top:4px solid var(--color-gold)}.trace-overlay-bar{padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.trace-overlay-body{overflow-y:auto;padding:var(--space-4)}.provider-chip{margin-top:2px}@media (max-width: 600px){.trace-overlay{padding:0}.trace-overlay-panel{border-radius:0}}.waveform{flex-shrink:0}.waveform rect{transform-box:fill-box;transform-origin:center}.waveform-animated rect{animation:waveBar 1.15s ease-in-out infinite}.waveform-animated rect:nth-child(1){animation-delay:0s}.waveform-animated rect:nth-child(2){animation-delay:.18s}.waveform-animated rect:nth-child(3){animation-delay:.36s}.waveform-animated rect:nth-child(4){animation-delay:.54s}.waveform-animated rect:nth-child(5){animation-delay:.72s}@keyframes waveBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.waveform-animated rect{animation:none}}.only-dark{display:none}:root[data-theme=dark] .only-dark{display:inline-block}:root[data-theme=dark] .only-light{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .only-dark{display:inline-block}:root:not([data-theme=light]) .only-light{display:none}}.login-shell{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4);overflow:hidden}.login-bg-wave{position:absolute;inset-inline-end:-12%;bottom:-10%;color:var(--color-primary);opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none}.login-card{position:relative;width:100%;max-width:440px}.login-logo{height:170px;width:auto;max-width:100%;object-fit:contain}@media (max-width: 480px){.login-logo{height:130px}}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-md)}.hero h2{color:#fff;margin:0 0 var(--space-1)}.hero p{color:#ffffffd9;margin:0}.hero .hero-actions{margin-top:var(--space-4);display:flex;gap:var(--space-3);flex-wrap:wrap}.hero .btn-hero{background:#2e7355;color:#fff;border:none;font-weight:700}.hero .btn-hero:hover:not(:disabled){background:#3d8f69;filter:none}.hero .btn-hero-ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.4)}.hero-wave{position:absolute;inset-inline-end:var(--space-5);top:50%;transform:translateY(-50%);color:#fff;opacity:.14;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.hero{padding:var(--space-4) var(--space-5)}.hero-wave{display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-muted);text-align:center}.empty-state .waveform{opacity:.3}.loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.audio-indicator{display:inline-flex;align-items:center;color:var(--color-secondary-text)}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-raised);border-radius:var(--radius-sm);min-height:1em}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:shimmer 1.4s infinite}:root[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}}html,.text-stream,.table-wrap,.stage-flow,.stage-box-body,.trace-overlay-body,.panel-sidebar,.tabs,textarea{scrollbar-width:thin;scrollbar-color:rgba(14,66,88,.35) transparent}:root[data-theme=dark],:root[data-theme=dark] .text-stream,:root[data-theme=dark] .table-wrap,:root[data-theme=dark] .stage-flow,:root[data-theme=dark] .stage-box-body,:root[data-theme=dark] .trace-overlay-body,:root[data-theme=dark] .panel-sidebar,:root[data-theme=dark] .tabs,:root[data-theme=dark] textarea{scrollbar-color:rgba(143,195,216,.35) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0e42584d;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#0e425880}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#8fc3d84d}.update-toast{position:fixed;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));inset-inline-start:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-inline-start:4px solid var(--color-secondary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);max-width:min(92vw,460px);animation:toastIn .3s ease}[dir=rtl] .update-toast{transform:translate(50%)}.update-toast-text{display:flex;flex-direction:column;min-width:0}.sidebar-version{margin-top:auto;font-family:inherit;background:transparent;border:none;color:#ffffff8c;font-size:.78rem;padding:var(--space-3);cursor:pointer;text-align:center;width:100%}.sidebar-version:hover{color:#ffffffd9}.brand-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center}.brand-loader-icon{width:64px;height:auto;animation:loaderPulse 1.6s ease-in-out infinite}@keyframes loaderPulse{0%,to{opacity:1}50%{opacity:.6}}@media (prefers-reduced-motion: reduce){.brand-loader-icon{animation:none}}.login-version{position:fixed;bottom:calc(var(--space-3) + env(safe-area-inset-bottom));inset-inline-start:0;inset-inline-end:0;text-align:center;margin:0}.stat-card-adherence .meter-track{margin-top:var(--space-2);height:8px;border-radius:999px;background:var(--color-surface-raised);overflow:hidden}.stat-card-adherence .meter-fill{height:100%;border-radius:999px;background:var(--color-secondary);transition:width .4s ease}.transcript-doc{max-width:760px;margin:0 auto;line-height:2.1}.transcript-doc-header{text-align:center;border-bottom:3px solid var(--color-secondary);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.transcript-doc-logo{width:56px;height:auto;margin-bottom:var(--space-2)}.transcript-doc-header h1{margin:0 0 var(--space-2);font-size:1.5rem}.transcript-doc-meta{color:var(--color-muted);margin:0}.transcript-lang-section h2{color:var(--color-primary-text);border-inline-start:4px solid var(--color-secondary);padding-inline-start:var(--space-3);margin:var(--space-6) 0 var(--space-4);font-size:1.2rem}.transcript-par{margin:0 0 var(--space-4);overflow-wrap:break-word}.transcript-par.paragraph-kind-verse,.transcript-par.paragraph-kind-hadith,.transcript-par.paragraph-kind-dua{padding-inline-start:var(--space-3)}.transcript-doc-footer{margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--color-border);text-align:center;color:var(--color-muted);font-size:.85rem}.transcript-embed{max-height:520px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-bg)}.print-shell{padding:var(--space-5) var(--space-4);background:#fff;min-height:100vh}.print-shell .transcript-doc{color:#0e2a36}@media print{body{background:#fff}.print-shell{padding:0}.transcript-doc{max-width:none;color:#000}.transcript-lang-break{break-before:page}.transcript-par{break-inside:avoid}.transcript-doc-header{break-after:avoid}.update-toast,.toast-zone{display:none!important}}.logo-home{display:inline-block;cursor:pointer;transition:opacity .2s ease}.logo-home:hover{opacity:.85}