/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-red-400:oklch(70.4% .191 22.216);--color-amber-400:oklch(82.8% .189 84.429);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.p-4{padding:calc(var(--spacing) * 4)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-amber-400{color:var(--color-amber-400)}.text-emerald-50{color:var(--color-emerald-50)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-red-400{color:var(--color-red-400)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg-color:#040d0a;--surface:#0a1914b3;--surface-solid:#091e17;--border:#10b98133;--border-glow:#10b98166;--primary:#10b981;--primary-glow:#10b98126;--accent:#f59e0b;--accent-glow:#f59e0b33;--text-main:#f0fdf4;--text-muted:#86efac;--radius:0px;--shadow:0 10px 30px #000000b3}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s,border-color .2s,box-shadow .2s}body{background-color:var(--bg-color);color:var(--text-main);height:100dvh;margin:0;padding:0;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;overflow:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#10b9814d}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-header{border-bottom:2px solid var(--border);-webkit-backdrop-filter:blur(10px);z-index:100;background:#040d0af2;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 2rem;display:flex}.status-badge{border:1px solid var(--border-glow);color:var(--primary);border-radius:var(--radius);letter-spacing:.5px;background:#10b9811a;align-items:center;gap:.5rem;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.status-dot{background-color:var(--primary);width:6px;height:6px;box-shadow:0 0 8px var(--primary);border-radius:0%;animation:1.8s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.brand-title{color:var(--primary);font-family:Amiri Quran,Scheherazade New,serif;font-size:1.8rem;font-weight:700}.lang-toggle-btn{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:#10b9810d;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.lang-toggle-btn:hover{border-color:var(--primary);color:var(--text-main);background:#10b98126}.playback-canvas{scrollbar-width:none;flex-direction:column;flex:1;justify-content:center;gap:2rem;width:100%;max-width:760px;margin:0 auto;padding:2rem 1.5rem 120px;display:flex;overflow-y:auto}.playback-canvas::-webkit-scrollbar{display:none}.active-range-card{background:var(--surface);-webkit-backdrop-filter:blur(25px);border:2px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:1.75rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.active-range-card:before{content:"";background:var(--primary);width:100%;height:4px;position:absolute;top:0;left:0}.target-title-ar{color:var(--text-main);text-shadow:0 4px 12px #00000080;direction:rtl;font-family:Amiri,Scheherazade New,serif;font-size:2.6rem;font-weight:700}.target-title-en{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:.85rem;font-weight:700}.metadata-banner{border:1px solid var(--border);border-radius:var(--radius);background:#10b9810d;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:8px 16px;display:inline-flex}.metadata-chip{color:var(--accent);align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;display:flex}.metadata-divider{background-color:var(--border);width:1px;height:12px}.script-display-box{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:160px;padding:1rem 0;display:flex}.script-arabic{color:#fff;text-align:center;text-shadow:0 2px 10px #ffffff1a;direction:rtl;font-family:Amiri Quran,Scheherazade New,Amiri,serif;font-size:2.3rem;line-height:2;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn}.ayah-end-marker{color:var(--primary);vertical-align:text-bottom;margin:0 4px;font-family:Amiri,Scheherazade New,serif;font-size:1.5em;display:inline-block}.script-english{color:var(--text-muted);text-align:center;max-width:90%;font-size:1.05rem;line-height:1.6;animation:.5s cubic-bezier(.16,1,.3,1) fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.progress-controls-wrap{flex-direction:column;align-items:center;gap:1.25rem;width:100%;display:flex}.timeline-pipeline{width:100%;color:var(--text-muted);align-items:center;gap:1rem;font-size:.75rem;font-weight:600;display:flex}.timeline-rail{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#10b9810d;flex:1;height:6px;position:relative;overflow:hidden}.timeline-fill{background:var(--primary);border-radius:var(--radius);width:0%;height:100%}.stark-controls-row{align-items:center;gap:2rem;display:flex}.stark-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.stark-btn:hover:not(:disabled){color:var(--text-main);transform:scale(1.1)}.stark-btn:disabled{opacity:.15;cursor:not-allowed}.stark-btn.play-toggle{border-radius:var(--radius);background:var(--primary);color:#040d0a;width:56px;height:56px;box-shadow:0 4px 15px var(--primary-glow);border:none}.stark-btn.play-toggle:hover:not(:disabled){background:#14d495;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.stark-btn svg{fill:currentColor;width:22px;height:22px}.stark-btn.play-toggle svg{width:20px;height:20px}.voice-footer-dock{border-top:2px solid var(--border);z-index:90;background:#040d0af2;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1.5rem 1.5rem 2rem;display:flex;position:absolute;bottom:0;left:0}.transcription-ribbon{border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;max-width:600px;color:var(--primary);box-shadow:var(--shadow);direction:ltr;background:#091e17e6;padding:10px 20px;font-size:.85rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mic-fab-wrap{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.mic-fab-btn{border-radius:var(--radius);background:var(--primary);color:#040d0a;cursor:pointer;width:60px;height:60px;box-shadow:0 4px 15px var(--primary-glow);z-index:10;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.mic-fab-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.mic-fab-btn.listening{color:#fff;background:#ef4444;box-shadow:0 0 25px #ef444480}.mic-fab-glow{border-radius:var(--radius);border:1px solid var(--primary);z-index:1;pointer-events:none;background:#10b9811a;width:72px;height:72px;animation:2.5s ease-in-out infinite breathing-glow;position:absolute}@keyframes breathing-glow{0%{opacity:.35;transform:scale(1)rotate(0)}50%{opacity:.75;transform:scale(1.15)rotate(45deg)}to{opacity:.35;transform:scale(1)rotate(90deg)}}.wave-container{pointer-events:none;z-index:2;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute}.wave-ring{border-radius:var(--radius);opacity:0;background:#ef44440d;border:1px solid #ef444459;width:100%;height:100%;animation:1.6s cubic-bezier(.25,0,0,1) infinite breathing-wave;position:absolute}.wave-ring:nth-child(2){animation-delay:.4s}.wave-ring:nth-child(3){animation-delay:.8s}@keyframes breathing-wave{0%{opacity:.9;transform:scale(.7)rotate(0)}to{opacity:0;transform:scale(1.5)rotate(15deg)}}.preset-drawer-bar{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;margin-top:1rem;display:flex}.drawer-badge{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#10b9810d;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.drawer-badge:hover{border-color:var(--primary);color:var(--text-main);background:#10b9811f}.minimal-reciter-select{color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;font-size:.75rem;font-weight:700}.minimal-reciter-select:hover{color:var(--text-main)}.minimal-reciter-select option{background-color:var(--surface-solid);color:var(--text-main)}@media (width<=600px){.app-header{padding:0 1rem}.active-range-card{padding:1.5rem}.target-title-ar{font-size:2rem}.script-arabic{font-size:1.8rem}.playback-canvas{padding:1.5rem 1rem 140px}}.manual-drawer-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#040d0a99;width:100vw;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}.manual-drawer{border-right:2px solid var(--border);z-index:1001;background:#091e17;flex-direction:column;gap:1.5rem;width:90%;max-width:440px;padding:2rem;animation:.35s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;overflow-y:auto;box-shadow:20px 0 50px #000000b3}[dir=rtl] .manual-drawer{border-right:none;border-left:2px solid var(--border);animation:.35s cubic-bezier(.16,1,.3,1) slideInLeft;box-shadow:-20px 0 50px #000000b3}@keyframes slideInRight{0%{left:-440px}to{left:0}}@keyframes slideInLeft{0%{right:-440px}to{right:0}}.drawer-header-row{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.drawer-title-label{color:var(--primary);font-size:1.25rem;font-weight:800}.drawer-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none}.drawer-close-btn:hover{color:var(--text-main)}.drawer-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.drawer-field-wrap{flex-direction:column;gap:.4rem;display:flex}.drawer-select,.drawer-input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-main);cursor:pointer;background:#040d0a;outline:none;padding:10px 12px;font-size:.85rem;font-weight:600}.drawer-select:focus,.drawer-input:focus{border-color:var(--primary);box-shadow:0 0 8px #10b9814d}.drawer-select option{color:var(--text-main);background-color:#091e17}.drawer-range-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.drawer-submit-btn{background:var(--primary);border-radius:var(--radius);color:#040d0a;cursor:pointer;width:100%;box-shadow:0 4px 15px var(--primary-glow);border:none;margin-top:1.5rem;padding:12px;font-size:.9rem;font-weight:700;transition:all .25s}.drawer-submit-btn:hover{background:#14d495;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.spinner-icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mushaf-frame-outer{background-color:#9b1b30;border-radius:2px;width:100%;max-width:850px;margin:0 auto;padding:12px;box-shadow:0 10px 30px #000c}.mushaf-frame-middle{background-color:#d4af37;background-image:repeating-linear-gradient(45deg,#00000026 25%,#0000 25% 75%,#00000026 75%,#00000026),repeating-linear-gradient(45deg,#00000026 25%,#0000 25% 75%,#00000026 75%,#00000026);background-position:0 0,10px 10px;background-size:20px 20px;border:1px solid #5a3a10;padding:6px}.mushaf-frame-inner{background-color:#fdf6e3;border:2px solid #1a1a1a;flex-direction:column;min-height:70vh;padding:30px 40px;display:flex}.mushaf-text-container{text-align:justify;text-align-last:center;color:#1a1a1a;direction:rtl;font-family:"'Amiri Quran', serif";font-size:2.6rem;line-height:2.8}.surah-header-box{text-align:center;background-color:#1b5e20;border:2px solid #d4af37;margin:15px 0 25px;padding:10px 0;position:relative;box-shadow:inset 0 0 0 4px #1b5e20,inset 0 0 0 6px #d4af37}.surah-header-text{color:#fff;text-shadow:1px 1px 2px #00000080;font-family:"'Amiri Quran', serif";font-size:2.2rem}.ayah-marker-light{color:#1a1a1a!important;background-image:none!important;border-color:#0009!important}.ayah-marker-light span{background-color:#0009!important}.mushaf-frame{border:1px solid var(--border);background:#0a0f0d;flex-direction:column;flex:auto;width:100%;max-width:min(100%,72dvh - 158.4px);min-height:0;margin:0 auto;padding:.75rem .9rem 1.4rem;display:flex;position:relative;container-type:size}.mushaf-page{flex-direction:column;flex:auto;min-height:0;display:flex}.mushaf-line{min-height:0;font-size:calc(100cqh / var(--mushaf-rows,15) * .52);white-space:nowrap;flex:1 1 0;justify-content:space-between;align-items:center;line-height:1;display:flex}.mushaf-line.centered,.mushaf-basmallah,.mushaf-surah-header{justify-content:center;gap:.35em}.mushaf-word{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:0 .04em;transition:color .25s,background-color .25s}.mushaf-word-hidden{background:#1e293be6;color:#0000!important}.mushaf-word-frontier{background:#10b9812e;animation:1.6s ease-in-out infinite mushaf-pulse;box-shadow:0 0 12px #10b98140}.mushaf-word-mistake{background:#ef444440;box-shadow:0 0 12px #ef44444d}.mushaf-word-playing{background:#10b9811f}@keyframes mushaf-pulse{0%,to{opacity:1}50%{opacity:.55}}.mushaf-surah-header{color:var(--accent);font-family:Amiri Quran,Amiri,serif;font-size:calc(100cqh / var(--mushaf-rows,15) * .45);border-top:1px solid #f59e0b59;border-bottom:1px solid #f59e0b59}.mushaf-surah-frame{padding:0 1.5em}.mushaf-basmallah{color:var(--text-main);font-family:Amiri Quran,Amiri,serif;font-size:calc(100cqh / var(--mushaf-rows,15) * .38);overflow:hidden}.mushaf-page-number{color:var(--text-muted);font-size:.7rem;position:absolute;bottom:.15rem;left:50%;transform:translate(-50%)}.mushaf-loading{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite mushaf-spin}@keyframes mushaf-spin{to{transform:rotate(360deg)}}.mushaf-nav{justify-content:center;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.mushaf-nav-input{text-align:center;background:var(--surface);border:1px solid var(--border);width:4.5rem;color:var(--text-main);padding:4px 6px;font-size:.85rem}.test-panel{border:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;gap:.5rem;margin-top:.4rem;padding:.6rem .9rem;display:flex}.test-panel-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.test-panel-sub{color:var(--text-muted);font-size:.75rem}.test-panel-note{color:var(--text-muted);font-size:.85rem}.test-panel-error{border-color:#ef444480}.test-panel-prompt{align-items:baseline;gap:.6rem;display:flex}.test-panel-target{color:var(--primary);font-size:1.05rem;font-weight:700}.test-panel-btn{width:auto;margin:0;padding:6px 14px}.test-panel-summary{align-items:baseline;gap:.9rem;font-size:.9rem;display:flex}.test-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite mushaf-spin}.test-mic-live{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite mushaf-pulse}.test-transcript{border:1px solid var(--border);width:100%;min-height:1.8em;color:var(--text-muted);text-align:center;white-space:nowrap;background:#00000059;padding:.35rem .6rem;font-family:Amiri,Scheherazade New,serif;font-size:1rem;overflow-x:auto}.test-cue-live{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:.9s ease-in-out infinite mushaf-pulse}.test-panel-btn-ghost{border:1px solid var(--border);color:var(--text-muted);background:0 0}.system-notice{color:#fca5a5;background:#ef444414;border:1px solid #ef444480;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.4rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.system-notice-close{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:.9rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}