@import url(https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{overflow-wrap:break-word;word-break:normal}.urdu-text,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:16px;font-weight:400;line-height:1.5}[style*=text-wrap]{overflow-wrap:break-word;white-space:normal;word-break:normal}[style*="font:"]{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}[style*=-moz-osx-font-smoothing]{-webkit-font-smoothing:antialiased}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:Noto Nastaliq Urdu Local;font-style:normal;font-weight:400;src:url(/static/media/NotoNastaliqUrdu-Regular.590dfc79a075818cc71d.woff2) format("woff2"),url(/static/media/NotoNastaliqUrdu-Regular.4e111804537905b05179.woff) format("woff"),url(/static/media/NotoNastaliqUrdu-Regular.e02f57b1a9e347b773c3.ttf) format("truetype")}.urdu-text{margin-bottom:8px;overflow-wrap:normal;text-align:justify;text-align-last:right;text-justify:inter-word;transition:font-size .3s ease,font-family .3s ease;word-break:keep-all}.font-fallback .urdu-text{font-family:serif}.poetry .urdu-text{line-height:2.5}.devanagari-text{direction:ltr;font-family:Noto Sans Devanagari,sans-serif;font-family:var(--font-family-devanagari-dynamic,var(--font-family-devanagari,"Noto Sans Devanagari",sans-serif));line-height:1.8;margin-bottom:8px;overflow-wrap:normal;text-align:justify;text-align-last:left;text-justify:inter-word;transition:font-size .3s ease,font-family .3s ease;word-break:keep-all}.poetry .devanagari-text{line-height:2.2;text-align:center}.english-text{direction:ltr;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-family-english-dynamic,var(--font-family-sans,"Inter",-apple-system,BlinkMacSystemFont,sans-serif));margin-bottom:8px;overflow-wrap:break-word;text-align:left;transition:font-size .3s ease,font-family .3s ease;word-break:normal}:root{--brand-primary:#e67e22;--brand-primary-dark:#d35400;--brand-primary-darker:#c74200;--brand-primary-light:#fef5ec;--brand-primary-lighter:#fff9f4;--brand-success:#c60;--brand-success-dark:#b35900;--brand-success-light:#ffebe0;--brand-neutral-900:#1a1a1a;--brand-neutral-800:#2d2d2d;--brand-neutral-700:#404040;--brand-neutral-600:#595959;--brand-neutral-500:#737373;--brand-neutral-400:#8c8c8c;--brand-neutral-300:#a6a6a6;--brand-neutral-200:#d9d9d9;--brand-neutral-100:#f0f0f0;--brand-neutral-50:#fafafa;--brand-white:#fff;--color-error:#dc3545;--color-warning:#ff9800;--color-info:#737373;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-urdu-base-mobile:1.1rem;--font-size-urdu-base-desktop:1.2rem;--font-size-urdu-large:1.4rem;--font-size-urdu-xlarge:1.6rem;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--brand-primary:#f39c12;--brand-primary-dark:#e67e22;--brand-primary-darker:#d35400;--brand-primary-light:#2a2a2a;--brand-primary-lighter:#1f1f1f;--brand-success:#e67e22;--brand-success-dark:#c60;--brand-success-light:#3d2b1f}.design-system{--button-primary-bg:var(--brand-primary);--button-primary-hover:var(--brand-primary-dark);--button-primary-active:var(--brand-primary-darker);--button-primary-text:var(--brand-white);--button-secondary-bg:var(--brand-neutral-100);--button-secondary-hover:var(--brand-neutral-200);--button-secondary-active:var(--brand-neutral-300);--button-secondary-text:var(--brand-neutral-800);--button-success-bg:var(--brand-success);--button-success-hover:var(--brand-success-dark);--button-success-text:var(--brand-white);--card-bg:var(--brand-white);--card-border:var(--brand-neutral-200);--card-shadow:var(--shadow-md);--card-hover-shadow:var(--shadow-lg);--input-border:var(--brand-neutral-300);--input-focus-border:var(--brand-primary);--input-bg:var(--brand-white);--input-text:var(--brand-neutral-900)}[data-theme=dark] .design-system{--card-bg:var(--brand-neutral-800);--card-border:var(--brand-neutral-700);--input-bg:var(--brand-neutral-800);--input-border:var(--brand-neutral-600);--button-secondary-bg:var(--brand-neutral-700);--button-secondary-hover:var(--brand-neutral-600);--button-secondary-text:var(--brand-neutral-100)}.text-primary{color:#e67e22!important;color:var(--brand-primary)!important}.text-success{color:#c60!important;color:var(--brand-success)!important}.bg-primary{background-color:#e67e22!important;background-color:var(--brand-primary)!important}.bg-success{background-color:#c60!important;background-color:var(--brand-success)!important}.reduced-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary-color:#e67e22;--primary-hover:#d35400;--primary-light:#fef5ec;--secondary-color:#95a5a6;--accent-color:#e67e22;--text-color:#333;--light-text:#666;--background-color:#fcf7f2;--card-background:#fff;--border-color:#eee;--active-color:#fef5ec;--active-border:#e67e22;--button-hover:#d35400;--error-color:#e74c3c;--success-color:#c60;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-urdu:"Noto Nastaliq Urdu","Noto Nastaliq Urdu Local",serif;--font-family-devanagari:"Noto Sans Devanagari",sans-serif;--content-max-width:900px;--content-padding:0 24px}[data-theme=dark]{--primary-color:#f39c12;--primary-hover:#e67e22;--primary-light:#2a2a2a;--secondary-color:#7f8c8d;--accent-color:#f39c12;--text-color:#e0e0e0;--light-text:#b0b0b0;--background-color:#1e1e1e;--card-background:#2d2d2d;--border-color:#404040;--active-color:#2a2a2a;--active-border:#f39c12;--button-hover:#e67e22;--error-color:#ff6b6b;--success-color:#e67e22}[data-theme=dark] .sticky-header button{background-color:#fff;background-color:var(--card-background);border:1px solid #eee;border:1px solid var(--border-color);color:#e67e22;color:var(--primary-color)}[data-theme=dark] .sticky-header button:hover{background-color:#eee;background-color:var(--border-color);color:#e67e22;color:var(--primary-color)}[data-theme=dark] .nav-button{background-color:#fff;background-color:var(--card-background);border:1px solid #eee;color:#e67e22}[data-theme=dark] .nav-button:hover{background-color:#eee;background-color:var(--border-color);color:#e67e22;color:var(--primary-color)}[data-theme=dark] .nav-button:disabled{background-color:#eee;border-color:#eee}body{-webkit-font-smoothing:antialiased;background-color:#fcf7f2;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-sans);margin:0;padding:0}.fonts-loading .urdu-text{opacity:.5}.fonts-loaded .urdu-text{opacity:1;transition:opacity .3s ease}.using-google-fonts .urdu-text{font-family:Noto Nastaliq Urdu,serif!important}.chapter-view-page .urdu-text,.story-content .urdu-text,.urdu-text,[class*=urdu-text],[dir=rtl]{font-family:Noto Nastaliq Urdu,Noto Nastaliq Urdu Local,serif!important;font-family:var(--font-family-urdu-dynamic,var(--font-family-urdu,"Noto Nastaliq Urdu",serif))!important}.app-container{max-width:900px;padding:0 24px}.sticky-header{background-color:var(--card-background);border-bottom:1px solid #eee;box-shadow:0 2px 4px #0000001a;padding:10px;z-index:100}.sticky-header h1{align-items:center;display:flex;font-size:20px;justify-content:space-between;margin:0 0 10px}.sticky-header button{background-color:#e67e22;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.sticky-header button:hover{background-color:#d35400;background-color:var(--button-hover)}.controls-container{flex-wrap:nowrap}.story-selector{min-width:200px}.story-selector select{background-color:#fff;background-color:var(--card-background);border:1px solid #eee;border:1px solid var(--border-color);font-size:14px;padding:6px;width:100%}.story-selector label,.story-selector select{color:#333;color:var(--text-color)}.display-controls{flex-wrap:nowrap;gap:16px;height:32px}.toggle-container{align-items:center;display:flex}.toggle-switch{margin-right:8px}.toggle-slider{border-radius:24px}input:checked+.toggle-slider{background-color:#e67e22}.font-size-controls{gap:8px}.font-button{background-color:#e67e22;height:32px;width:32px}.font-button:hover{background-color:#d35400;background-color:var(--button-hover)}.font-size-label{white-space:nowrap}.view-mode-button{background-color:#e67e22;font-size:14px}.view-mode-button:hover{background-color:#d35400;background-color:var(--button-hover)}.sticky-audio-player{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:10px;top:100px;z-index:90}.section-navigation{margin-top:10px}.nav-button{background-color:#e67e22;font-size:13px;padding:6px 12px}.nav-button:disabled{background-color:#95a5a6;background-color:var(--secondary-color)}.section-indicator{font-size:13px}.error,.loading,.no-data{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:32px 0;padding:32px}.error{color:var(--error-color)}.error-message{background-color:#ffebee;border-radius:8px;justify-content:space-between;margin:16px 0;padding:16px}.error-message,.error-message button{color:#e74c3c;color:var(--error-color)}.error-message button{background-color:initial;border:1px solid #e74c3c;border:1px solid var(--error-color);border-radius:4px;padding:4px 8px}@media (max-width:768px){.controls-container{display:none}.sticky-header{padding:8px}.sticky-header h1{font-size:18px;margin-bottom:8px}.sticky-audio-player{top:80px}}.reading-width-wide{--content-max-width:1200px;--content-padding:0 24px}.reading-width-moderate{--content-max-width:900px;--content-padding:0 24px}.reading-width-narrow{--content-max-width:700px;--content-padding:0 32px}@media (max-width:768px){.reading-width-moderate,.reading-width-narrow,.reading-width-wide{--content-max-width:100%;--content-padding:0 16px}}@media (max-width:480px){.reading-width-moderate,.reading-width-narrow,.reading-width-wide{--content-padding:0 12px}}[data-theme=dark] .sticky-header{background-color:var(--background-color)}[data-theme=dark] .error-container,[data-theme=dark] .landing-main,[data-theme=dark] .story-section.active-section{background-color:var(--primary-light)}[data-theme=dark] .app-header{background-color:var(--background-color)}[data-theme=dark] .devanagari-text,[data-theme=dark] .urdu-text{color:var(--text-color)}[data-theme=dark] .english-text{color:#b0b0b0}[data-theme=dark] #mobile-story-select,[data-theme=dark] .story-selector select{background-color:var(--primary-light);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .story-selector label{color:var(--text-color)!important}[data-theme=dark] .story-selector{background-color:var(--background-color);border-radius:4px;padding:8px}[data-theme=dark] .audio-player button{background-color:var(--primary-light)!important;border:1px solid var(--border-color)!important;color:var(--primary-color)!important}[data-theme=dark] .audio-player button:hover{background-color:var(--border-color)!important;color:var(--primary-color)!important}[data-theme=dark] .nav-button{background-color:var(--primary-light);border:1px solid var(--border-color);color:var(--primary-color)}[data-theme=dark] .nav-button:hover:not(:disabled){background-color:var(--border-color);color:var(--primary-color)}[data-theme=dark] .nav-button:disabled{background-color:var(--border-color);border-color:var(--border-color);color:#666}.audio-player button,.mobile-activate-audio,.nav-button,.primary-button,.stories-button,.view-mode-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;transition:background-color .2s}.audio-player button:hover:not(:disabled),.mobile-activate-audio:hover:not(:disabled),.nav-button:hover:not(:disabled),.primary-button:hover:not(:disabled),.stories-button:hover,.view-mode-button:hover:not(:disabled){background-color:var(--primary-hover)}.nav-button:disabled,.primary-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.app-container{margin:0 auto;max-width:var(--content-max-width);padding:var(--content-padding)}.sticky-header{background-color:#fff;border-bottom:1px solid var(--border-color);padding:15px;position:sticky;top:0;z-index:200}.sticky-header,.sticky-header h1{margin-bottom:20px}.controls-container{flex-wrap:wrap;gap:20px;justify-content:space-between}.controls-container,.story-selector{align-items:center;display:flex}.story-selector select{border:1px solid #ccc;border-radius:4px;margin-left:10px;min-width:200px;padding:8px}.display-controls{align-items:center;display:flex;gap:40px}.toggle-group{align-items:center;display:flex;gap:30px}.font-controls-group{align-items:center;display:flex;gap:25px}.toggle-container{min-width:140px}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-label{font-size:18px;left:60px;line-height:1;position:absolute;top:1px;white-space:nowrap}.font-size-controls{align-items:center;display:flex;gap:10px;min-width:150px}.font-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;display:flex;font-weight:700;justify-content:center;transition:background-color .2s}.font-button:hover{background-color:var(--primary-hover)}.english-font-controls{align-items:center;display:flex;gap:8px}.english-font-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;min-width:70px;padding:4px 8px}[data-theme=dark] .english-font-select,[data-theme=dark] .mobile-english-font-select{background-color:var(--primary-light);border-color:var(--border-color);color:var(--text-color)}.sticky-audio-player{background-color:#fff}.audio-player{padding:20px}.audio-player audio{width:100%}.audio-player button{background-color:var(--primary-color)!important}.audio-player button:hover{background-color:var(--primary-hover)!important}.story-content{color:var(--text-color);line-height:1.6;margin-top:20px}.story-section{background-color:var(--background-color);border-radius:8px;margin-bottom:30px;padding:20px;transition:background-color .3s ease}.story-section.active-section{background-color:#fff}.section-divider{background-color:var(--border-color);height:2px;margin:30px 0}.section-content{margin-top:20px}.sentence-pair{border-radius:4px;margin-bottom:20px;padding:10px;transition:background-color .2s}.sentence-pair.active-sentence,.sentence-pair:hover{background-color:var(--primary-light)}.sentence-pair.active-sentence{border-left:4px solid var(--primary-color)}.urdu-text{direction:rtl;font-family:Noto Nastaliq Urdu,serif;font-family:var(--font-family-urdu-dynamic,var(--font-family-urdu,"Noto Nastaliq Urdu",serif));font-size:24px;line-height:2;text-align:right}.devanagari-text,.urdu-text{color:#333;margin-bottom:10px}.devanagari-text{direction:ltr!important;font-family:Noto Sans Devanagari,sans-serif!important;font-family:var(--font-family-devanagari-dynamic,var(--font-family-devanagari,"Noto Sans Devanagari",sans-serif))!important;line-height:1.8!important;text-align:left!important}.poetry .urdu-text{text-align:center}.poetry .devanagari-text{text-align:center!important}.english-text{color:#666;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family-english-dynamic,var(--font-family-sans,"Inter","Segoe UI",Tahoma,Geneva,Verdana,sans-serif));font-size:16px;line-height:1.6}.translation-text.english-text{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-family:var(--font-family-english-dynamic,var(--font-family-sans,"Inter","Segoe UI",Tahoma,Geneva,Verdana,sans-serif))!important}.dictionary-long-press{background-color:#e67e221a;border-radius:4px;opacity:.7;transition:all .2s ease}[data-theme=dark] .dictionary-long-press{background-color:#f39c1233}.error,.loading,.no-data{padding:40px}.error{color:#e74c3c}html{scroll-behavior:smooth}@media (max-width:768px){.controls-container,.display-controls{align-items:stretch;flex-direction:column}.display-controls{gap:15px}.sticky-audio-player{top:70px}.urdu-text{font-size:20px;line-height:1.8}}.view-mode-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;min-width:120px;text-align:center;transition:all .2s ease;white-space:nowrap}.view-mode-button:hover{background-color:var(--primary-hover)}.section-navigation{align-items:center;background-color:var(--background-color);border-radius:4px;display:flex;justify-content:space-between;margin:20px 0;padding:10px}.nav-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}.nav-button:hover:not(:disabled){background-color:var(--primary-hover)}.nav-button:disabled{background-color:#ccc;cursor:not-allowed}.section-indicator{color:var(--text-color);font-weight:700}.sticky-header h1 button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:24px;font-weight:700;margin:0;padding:0}.sticky-header h1 button:hover{color:var(--primary-hover)}.landing-page{background-color:var(--background-color);flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.landing-main,.landing-page{align-items:center;display:flex}.landing-main{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;gap:40px;justify-content:space-between;max-width:1200px;padding:40px;width:100%}.landing-text{flex:1 1}.landing-text h1{color:var(--text-color);font-size:2.5rem;margin-bottom:20px}.landing-text p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.landing-image{align-items:center;display:flex;flex:1 1;justify-content:center}.landing-image img{border-radius:8px;height:auto;max-width:100%}.cta-button,.stories-button{display:inline-block}.stories-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 24px;text-decoration:none;transition:all .2s ease}.stories-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.coming-soon{background-color:var(--background-color);border-radius:8px;margin:20px;padding:40px;text-align:center}.coming-soon h2{color:var(--text-color);margin-bottom:20px}.coming-soon p{color:#666;font-size:1.1rem;line-height:1.6}@media (max-width:768px){.landing-main{flex-direction:column;padding:20px}.landing-text{text-align:center}.landing-text h1{font-size:2rem}.landing-text p{font-size:1rem}.landing-image{order:-1}.landing-image img{max-width:80%}}@media (min-width:769px){.landing-main{padding:40px}.landing-text{padding-right:40px}.landing-image{padding-left:40px}.landing-image img{max-width:100%}}.enhanced-landing-page{background-color:var(--background-color);color:var(--text-color);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:1200px;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:clamp(1rem,3vw,2rem)}.enhanced-landing-page *{box-sizing:border-box;max-width:100%}.landing-dark-mode-toggle{position:absolute;right:20px;top:20px;z-index:1000}.landing-theme-button{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;padding:.5rem;transition:all .3s ease;width:44px}.landing-theme-button:hover{background:var(--primary-light);box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.landing-header{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(1.5rem,3vw,2rem);justify-content:space-between;margin-bottom:clamp(1.5rem,3vw,2rem);padding:clamp(.75rem,2vw,1rem) 0}.landing-hero-text{flex:1 1;min-width:0}.landing-hero-title{-webkit-text-fill-color:#0000;word-wrap:break-word;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));background-clip:text;-webkit-background-clip:text;font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;max-width:100%;overflow-wrap:break-word}.landing-hero-subtitle{color:var(--light-text);font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem}.landing-cta-button{background:linear-gradient(135deg,#e67e22,#d35400);background:linear-gradient(135deg,var(--brand-primary,#e67e22),var(--brand-primary-dark,#d35400));border:none;border-radius:12px;box-shadow:0 4px 15px #e67e224d;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.landing-cta-button:hover{box-shadow:0 8px 25px #e67e2266;transform:translateY(-2px)}.landing-cta-button:active{transform:translateY(0)}.landing-hero-image{flex:1 1;max-width:500px;min-width:0;text-align:center;width:100%}.landing-hero-image img{border-radius:16px;box-shadow:0 10px 30px #0000001a;height:auto;max-width:400px;object-fit:contain;transition:transform .3s ease;width:100%}.landing-hero-image img:hover{transform:scale(1.02)}.landing-section{margin-bottom:clamp(1.5rem,4vw,2.5rem);padding:clamp(.5rem,1vw,1rem) 0}.landing-section-title{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.landing-section-subtitle{align-items:center;color:var(--light-text);display:flex;font-size:1rem;margin-bottom:1rem;padding-left:1rem;position:relative;text-align:left}.landing-section-subtitle:before{background:#e67e22;background:var(--brand-primary,#e67e22);border-radius:2px;content:"";height:1rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.landing-section-text{word-wrap:break-word;color:var(--light-text);font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;margin-bottom:1rem;overflow-wrap:break-word}.landing-features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.landing-feature-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.landing-feature-card:before{background:linear-gradient(90deg,var(--primary-color),var(--primary-hover));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.landing-feature-card:hover:before{transform:scaleX(1)}.landing-feature-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.landing-feature-title{color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.landing-feature-text{color:var(--light-text);line-height:1.6}.brand-highlight{color:var(--primary-color);font-weight:600}.landing-process-flow{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;padding:1.5rem}.landing-process-main-steps{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-process-anytime-step{align-items:center;color:var(--light-text);display:flex;flex-wrap:wrap;font-size:1.1rem;gap:1.5rem;justify-content:center;margin-top:0;padding:.25rem;text-align:center}.anytime-text-container{padding:0 .75rem;position:relative;text-align:center}.anytime-text-container:not(:last-child):after{color:var(--border-color);content:"|";font-weight:400;position:absolute;right:-1rem}@media (min-width:769px){.landing-process-anytime-step{font-size:1.2rem;gap:2rem;margin-top:.25rem}.anytime-text-container{padding:0 1rem}.anytime-text-container:not(:last-child):after{right:-1rem}}.landing-process-step{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;display:flex;flex:1 1;gap:1rem;min-height:120px;min-width:0;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.step-number-badge{align-items:center;background:linear-gradient(135deg,#e67e22,#f39c12);border-radius:50%;box-shadow:0 4px 12px #e67e224d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;line-height:1;text-align:center;width:40px}.step-content{align-items:center;display:flex;flex:1 1;text-align:left}.step-text{word-wrap:break-word;color:var(--text-color);font-size:.95rem;font-weight:500;line-height:1.4;overflow-wrap:break-word}.landing-process-step:hover{background:var(--primary-light);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.landing-process-step:hover .step-number-badge{box-shadow:0 6px 20px #e67e2266;transform:scale(1.1)}.landing-process-arrow{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;font-weight:700}.landing-cta-section{background:linear-gradient(135deg,var(--primary-light),var(--background-color));border:1px solid var(--border-color);border-radius:12px;margin:2rem 0;padding:2rem 1.5rem;text-align:center}.landing-cta-section .landing-cta-button{margin-bottom:1rem}.landing-cta-subtitle{color:var(--light-text);font-size:1rem;font-style:italic;margin-top:1rem}.landing-footer{background:var(--card-background);border-radius:12px;border-top:1px solid var(--border-color);margin-top:2rem;padding:1.5rem;text-align:center}.landing-footer-logo{border-radius:50%;box-shadow:0 4px 15px #0000001a;height:64px;margin-bottom:1rem;width:64px}.landing-footer-text{color:var(--light-text);font-size:1rem;line-height:1.6}[data-theme=dark] .landing-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),gold);background-clip:text;-webkit-background-clip:text}[data-theme=dark] .landing-cta-button{box-shadow:0 4px 15px #f39c124d}[data-theme=dark] .landing-cta-button:hover{box-shadow:0 8px 25px #f39c1266}[data-theme=dark] .landing-hero-image img{box-shadow:0 10px 30px #0000004d}[data-theme=dark] .landing-feature-card{box-shadow:0 4px 15px #0003}[data-theme=dark] .landing-feature-card:hover{box-shadow:0 8px 25px #0000004d}[data-theme=dark] .landing-process-flow{box-shadow:0 4px 15px #0003}@media (max-width:768px){.enhanced-landing-page{padding:.75rem}.landing-header{flex-direction:column;gap:1rem;margin-bottom:1rem;text-align:center}.landing-hero-text{order:2;width:100%}.landing-hero-image{max-width:100%;order:1;padding:0 1rem;width:100%}.landing-hero-image img{max-width:320px}.landing-section{margin-bottom:1.5rem}.landing-section-title{font-size:1.6rem}.landing-hero-title{font-size:2rem;line-height:1.3;margin-bottom:.5rem}.landing-hero-subtitle{margin-bottom:1rem}.landing-features-grid{gap:1rem;grid-template-columns:1fr}.landing-feature-card{padding:1rem}.landing-process-flow{gap:.75rem;padding:.75rem}.landing-process-main-steps{flex-direction:column;gap:.5rem}.landing-process-anytime-step{flex-direction:column;gap:.75rem;margin-top:.3rem;padding:.5rem}.anytime-text-container:not(:last-child):after{display:none}.landing-process-arrow{transform:rotate(90deg)}.landing-process-step{flex-direction:row;gap:.75rem;min-height:auto;min-width:auto;padding:.5rem .75rem;width:100%}.step-number-badge{align-items:center;display:flex;flex-shrink:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;height:42px;justify-content:center;line-height:.8;margin:0;padding:0;text-align:center;transform:translateY(-1px);vertical-align:middle;width:42px}.step-text{font-size:.9rem}.landing-cta-section{margin:1.5rem 0;padding:1.5rem 1rem}.landing-footer{margin-top:1.5rem;padding:1rem}.landing-dark-mode-toggle{display:flex;justify-content:center;margin-bottom:1rem;position:relative;right:auto;top:auto}.landing-theme-button{font-size:1.6rem;height:48px;width:48px}}@media (max-width:414px){.enhanced-landing-page{padding:.5rem}.landing-hero-title{font-size:1.8rem}.landing-hero-image{padding:0 .5rem}.landing-hero-image img{max-width:280px}.landing-cta-section,.landing-footer{padding:1rem .5rem}}.urdu-text[data-font-size="14"]{font-size:14px}.urdu-text[data-font-size="16"]{font-size:16px}.urdu-text[data-font-size="18"]{font-size:18px}.urdu-text[data-font-size="20"]{font-size:20px}.urdu-text[data-font-size="22"]{font-size:22px}.urdu-text[data-font-size="24"]{font-size:24px}.urdu-text[data-font-size="26"]{font-size:26px}.urdu-text[data-font-size="28"]{font-size:28px}.urdu-text[data-font-size="30"]{font-size:30px}.urdu-text[data-font-size="32"]{font-size:32px}.english-text[data-font-size="12"]{font-size:12px}.english-text[data-font-size="14"]{font-size:14px}.english-text[data-font-size="16"]{font-size:16px}.english-text[data-font-size="18"]{font-size:18px}.english-text[data-font-size="20"]{font-size:20px}.english-text[data-font-size="22"]{font-size:22px}.poetry .urdu-text[data-font-size="14"]{line-height:2.4}.poetry .urdu-text[data-font-size="16"]{line-height:2.5}.poetry .urdu-text[data-font-size="18"]{line-height:2.6}.poetry .urdu-text[data-font-size="20"]{line-height:2.7}.poetry .urdu-text[data-font-size="22"]{line-height:2.8}.poetry .urdu-text[data-font-size="24"]{line-height:2.9}.poetry .urdu-text[data-font-size="26"]{line-height:3}.poetry .urdu-text[data-font-size="28"]{line-height:3.1}.poetry .urdu-text[data-font-size="30"]{line-height:3.2}.poetry .urdu-text[data-font-size="32"]{line-height:3.3}.loading-container{align-items:center;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:40px auto;max-width:400px;padding:20px;text-align:center}.error-container h2{color:#e74c3c;margin-bottom:10px}.error-container p{color:var(--text-color);margin-bottom:20px}.retry-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background-color:var(--primary-hover)}.stories-page{padding-top:70px}.app-header{background-color:#fff;border-bottom:1px solid var(--border-color);left:0;padding:15px 20px;position:fixed;right:0;top:0;z-index:100}.header-content{flex-direction:column;gap:10px}.header-top{justify-content:space-between}.app-title,.header-top{align-items:center;display:flex}.app-title{font-size:24px;font-weight:700;gap:10px;margin:0}.home-button{background-color:var(--primary-color);border-radius:4px;color:#fff;font-size:14px;padding:4px 12px;text-decoration:none}.header-controls{gap:20px}.story-selector-container{align-items:center;display:flex;flex:1 1;gap:10px}.story-selector-label{font-weight:500;white-space:nowrap}.story-selector{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px}.main-content{margin:0 auto;max-width:1200px;padding-top:120px}@media (max-width:768px){.app-header{padding:10px}.header-content{gap:8px}.app-title{font-size:20px}.story-selector-container{align-items:stretch;flex-direction:column;gap:5px}.header-controls{align-items:stretch;flex-direction:column;gap:10px}.main-content{padding-top:140px}}.stories-landing-main{margin:0 auto;max-width:1200px;padding:40px 20px}.stories-header{margin-bottom:40px;text-align:center}.stories-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:10px}.stories-header p{color:#666;font-size:1.2rem;margin-bottom:20px}.back-button,.home-button{background-color:var(--primary-color);border-radius:4px;display:inline-block;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-button:hover,.home-button:hover{background-color:var(--primary-hover)}.stories-grid{grid-gap:50px 30px;display:grid;gap:50px 30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:40px}.story-card{background-color:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;min-height:320px;overflow:visible;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.story-card:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-2px)}.story-card-header{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:12px}@media (min-width:769px){.story-card-header{min-height:80px}}.story-card-header h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-color);display:-webkit-box;flex:1 1;font-size:1.3rem;line-height:1.4;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis}.story-badges{display:flex;flex-wrap:wrap;gap:8px}.difficulty-badge{border-radius:12px;font-size:.8rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.difficulty-badge.beginner{background-color:#d4edda;color:#155724}.difficulty-badge.intermediate{background-color:#fff3cd;color:#856404}.difficulty-badge.advanced{background-color:#f8d7da;color:#721c24}.audio-badge{background-color:var(--primary-light);border-radius:12px;color:var(--primary-color);font-size:.8rem;font-weight:700;padding:4px 8px}.story-card-content,.story-description-container{display:flex;flex:1 1;flex-direction:column}.story-description-container{gap:12px;margin-bottom:16px}.story-meta-row{align-items:center;display:flex;gap:10px;height:40px;justify-content:space-between}.progress-section{margin:8px 0;padding:4px 0}.story-description{color:#666;font-size:.95rem;margin-bottom:8px;text-align:left!important;white-space:pre-line}.story-tags{align-items:center;gap:6px;height:40px}.story-bottom-row{align-items:center;display:flex;gap:12px;height:50px;justify-content:space-between;margin-top:8px}.story-details-button{background-color:initial;border:1px solid var(--primary-color);border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.story-details-button:hover{background-color:var(--primary-color);color:#fff}.reading-time{align-items:center;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;box-sizing:border-box;color:#960;display:flex;flex:1 1;font-size:.85rem;font-weight:600;height:40px;justify-content:center;padding:2px 8px;white-space:nowrap}.tag{background-color:var(--background-color);border-radius:8px;color:#666;height:32px;padding:6px 12px}.read-story-button,.tag{align-items:center;box-sizing:border-box;display:flex;justify-content:center;white-space:nowrap}.read-story-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:1rem;font-weight:700;height:40px;padding:0 20px;transition:all .2s ease}.read-story-button:hover{background-color:var(--primary-hover)}.header-navigation{justify-content:space-between;margin-bottom:20px}.header-navigation h1{color:var(--text-color);font-size:1.8rem;margin:0}[data-theme=dark] .story-card{background-color:var(--card-background);border-color:var(--border-color);box-shadow:0 4px 6px #0000004d}[data-theme=dark] .story-description{color:#b0b0b0}[data-theme=dark] .reading-time{background-color:#ffc10726;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107;padding:0 12px}[data-theme=dark] .tag{background-color:var(--border-color);color:#ccc}[data-theme=dark] .difficulty-badge.beginner{background-color:#1e4620;color:#90ee90}[data-theme=dark] .difficulty-badge.intermediate{background-color:#4a3c1d;color:gold}[data-theme=dark] .difficulty-badge.advanced{background-color:#4a1e1e;color:#ff6b6b}[data-theme=dark] .audio-badge{background-color:var(--border-color);color:var(--primary-color)}@media (max-width:768px){.stories-grid{gap:40px;grid-template-columns:1fr}.stories-header h1{font-size:2rem}.stories-header p{font-size:1rem}.story-card{min-height:280px;padding:16px}}.header-navigation{flex-direction:column;gap:15px;text-align:center}.header-navigation h1{font-size:1.5rem}.progress-indicator{display:flex;flex-direction:column;gap:4px}.progress-bar{background-color:#f0f0f0;background-color:var(--background-secondary,#f0f0f0);border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;height:100%;position:relative;transition:width .6s ease-in-out}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{align-items:center;display:flex;font-size:13px;justify-content:space-between}.progress-status{color:#333;color:var(--text-primary,#333);font-weight:500}.progress-percentage{color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:600}.progress-dots{display:flex;gap:6px;justify-content:center;margin-top:4px}.progress-dot{background-color:#e0e0e0;background-color:var(--background-secondary,#e0e0e0);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.progress-dot.completed{background-color:#4caf50;transform:scale(1.1)}.progress-dot:hover{transform:scale(1.2)}.progress-indicator.small{gap:4px}.progress-indicator.small .progress-bar{height:4px}.progress-indicator.small .progress-text{font-size:12px}.progress-indicator.large{gap:12px}.progress-indicator.large .progress-bar{height:12px}.progress-indicator.large .progress-text{font-size:16px}.progress-indicator.not-started .progress-fill{background:#ccc}.progress-indicator.in-progress .progress-fill{background:linear-gradient(90deg,#2196f3,#1976d2)}.progress-indicator.completed .progress-fill{background:linear-gradient(90deg,#4caf50,#388e3c)}.progress-indicator.completed .progress-bar{box-shadow:0 2px 8px #4caf504d}.progress-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;padding:12px 20px;text-align:center;transition:all .3s ease}.progress-button.start{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 4px 12px #e67e224d;color:#fff}.progress-button.start:hover{background:linear-gradient(135deg,#d35400,#c0392b);box-shadow:0 6px 16px #e67e2266;transform:translateY(-2px)}.progress-button.continue{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 12px #ff98004d;color:#fff}.progress-button.continue:hover{background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:0 6px 16px #ff980066;transform:translateY(-2px)}.progress-button.completed{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf504d;color:#fff}.progress-button.completed:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.progress-button:active{transform:translateY(0)}@media (max-width:768px){.progress-button{font-size:13px;min-width:160px;padding:10px 16px}.progress-dots{gap:4px}.progress-dot{height:6px;width:6px}}.loading-state{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:400px;transition:all .3s ease}.loading-placeholder{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--card-background) 0,var(--border-color) 50%,var(--card-background) 100%);background-size:200% 100%;border-radius:8px;height:100%;min-height:400px;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-message{animation:fadeIn .5s ease-in;padding:2rem;text-align:center}.loading-text{color:var(--text-color);font-size:1.2rem;margin-bottom:.5rem}.loading-subtext{color:var(--light-text);font-size:.9rem;opacity:.7}[data-theme=dark] .loading-placeholder{background:linear-gradient(90deg,var(--card-background) 0,#3a3a3a 50%,var(--card-background) 100%)}@media (max-width:768px){.loading-placeholder,.loading-state{min-height:300px}}.story-detail-page{color:#333;color:var(--text-color,#333);min-height:100vh}.story-detail-header,.story-detail-page{background:#fff;background:var(--background-color,#fff)}.story-detail-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem;position:sticky;top:0;z-index:100}.header-navigation{align-items:center;display:flex;flex:1 1}.header-title{flex:2 1}.header-title h1{color:#333;color:var(--text-color,#333);font-size:1.4rem;font-weight:600;margin:0}.back-button,.home-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s ease}.back-button:hover,.home-button:hover{background:#0056b3;background:var(--primary-hover-color,#0056b3)}.header-controls{flex:1 1;gap:1rem;justify-content:flex-end}.story-info-section{margin:0 auto;max-width:800px;padding:1rem 2rem}.story-title{color:var(--primary-color);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.story-metadata{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.story-metadata span{background:#f8f9fa;background:var(--accent-color,#f8f9fa);border-radius:20px;color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-weight:500;padding:.25rem .75rem}.difficulty{background:#fff9f4!important;background:var(--brand-primary-lighter,#fff9f4)!important;color:#d35400!important;color:var(--brand-primary-dark,#d35400)!important}.reading-time{background:#fff3cd!important;color:#960!important}.chapter-count{background:#ffebe0!important;background:var(--brand-success-light,#ffebe0)!important;color:#c60!important;color:var(--brand-success,#c60)!important}.story-description{color:#555;color:var(--text-secondary,#555);font-size:1.1rem;line-height:1.6;margin-bottom:1rem;text-align:center}.story-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tag{background:#e9ecef;background:var(--tag-background,#e9ecef);border-radius:4px;color:#495057;color:var(--tag-text,#495057);font-size:.8rem;font-weight:500;padding:.25rem .5rem}.viewing-options-section{background:#f8f9fa;background:var(--section-background,#f8f9fa);margin:1rem 0;padding:1.5rem 2rem}.viewing-options-section h3{color:#333;color:var(--heading-color,#333);font-size:1.8rem;margin-bottom:2rem;text-align:center}.viewing-options-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.viewing-option{background:#fff;background:var(--card-background,#fff);border:2px solid #e0e0e0;border:2px solid var(--card-border,#e0e0e0);border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.viewing-option:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #e67e2226;transform:translateY(-4px)}.option-icon{font-size:3rem;margin-bottom:1rem}.viewing-option h4{color:#333;color:var(--heading-color,#333);font-size:1.3rem;margin-bottom:1rem}.viewing-option p{color:#666;color:var(--text-secondary,#666);line-height:1.5;margin-bottom:1.5rem}.option-footer{color:#888;color:var(--text-tertiary,#888);font-size:.9rem}.chapters-section{margin:0 auto;max-width:800px;padding:2rem}.chapters-section h3{color:#333;color:var(--heading-color,#333);font-size:1.8rem;margin-bottom:1.5rem}.chapters-list{display:flex;flex-direction:column;gap:1rem}.chapter-item{align-items:center;background:#fff;background:var(--card-background,#fff);border:1px solid #e0e0e0;border:1px solid var(--card-border,#e0e0e0);border-radius:8px;cursor:pointer;display:flex;gap:1.5rem;height:60px;padding:1rem 1.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.chapter-item:hover{background:#f8f9fa;background:var(--card-hover-background,#f8f9fa);border-color:var(--primary-color)}.chapter-title{color:#e67e22;color:var(--brand-primary,#e67e22);flex-shrink:0;font-size:1rem;font-weight:600}.chapter-type,.word-count{color:#666;color:var(--text-secondary,#666);flex-shrink:0}.completed-badge{background:#c60;background:var(--brand-success,#c60);border-radius:12px;font-size:.8rem;margin-left:auto;padding:.25rem .75rem}.chapter-arrow{color:#999;color:var(--text-tertiary,#999);flex-shrink:0;font-size:1.2rem;margin-left:1rem}[data-theme=dark] .story-detail-page{--background-color:#1a1a1a;--text-color:#e0e0e0;--text-secondary:#b0b0b0;--text-tertiary:#888;--heading-color:#fff;--border-color:#333;--border-light:#2a2a2a;--card-background:#2d2d2d;--card-border:#404040;--card-hover-background:#333;--section-background:#222;--accent-color:#333;--accent-light:#404040;--tag-background:#333;--tag-text:#b0b0b0}[data-theme=dark] .reading-time{background:#ffc10726!important;color:#ffc107!important}@media (max-width:768px){.story-detail-page{padding:0}.story-detail-header{padding:1rem}.header-navigation{flex-direction:column;gap:1rem;text-align:center}.header-navigation h1{order:-1}.story-info-section{padding:1.5rem}.story-title{font-size:2rem}.story-metadata{gap:1rem}.viewing-options-section{padding:1.5rem}.viewing-options-grid{gap:1.5rem;grid-template-columns:1fr}.chapters-section,.viewing-option{padding:1.5rem}.chapter-item{padding:1rem}.chapter-header{justify-content:flex-start}.chapter-number{font-size:1.2rem}}@media (max-width:480px){.story-title{font-size:1.8rem}.viewing-option{padding:1rem}.option-icon{font-size:2.5rem}}.error,.loading,.no-data{color:#666;color:var(--text-secondary,#666);font-size:1.2rem;min-height:50vh}.error{color:#dc3545}.option-footer{border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light,#f0f0f0);gap:12px;padding-top:1rem}.option-footer,.option-info{display:flex;flex-direction:column}.option-info{color:#888;color:var(--text-tertiary,#888);font-size:.9rem;gap:8px}.completion-badge{align-self:flex-start;background:#c60;background:var(--brand-success,#c60);border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.immersive-start-button{background:#e67e22;background:var(--brand-primary,#e67e22);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.immersive-start-button:hover{background:#d35400;background:var(--brand-primary-dark,#d35400);box-shadow:0 4px 12px #e67e224d;transform:translateY(-2px)}.chapter-item.completed{background:#4caf500d;border-color:#4caf504d}.chapter-item.completed:hover{background:#4caf501a;border-color:#4caf50}.completion-check{font-size:.9rem;margin-right:8px}.completed-badge{background:#4caf50;border-radius:10px;color:#fff;font-size:.75rem;font-weight:500;margin-left:8px;padding:2px 8px}.chapter-item.completed .chapter-number{background:#4caf50;position:relative}.chapter-item.completed .chapter-number:after{align-items:center;background:#fff;border:2px solid #4caf50;border-radius:50%;color:#4caf50;content:"✓";display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.option-info .progress-indicator{margin:8px 0}[data-theme=dark] .chapter-item.completed{background:#4caf501a;border-color:#4caf5066}[data-theme=dark] .completed-badge,[data-theme=dark] .completion-badge{background:#45a049}@media (max-width:768px){.option-footer{gap:10px}.immersive-start-button{font-size:13px;padding:10px 16px}.chapter-item.completed .chapter-number:after{font-size:10px;height:16px;right:-3px;top:-3px;width:16px}}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:background-color .2s ease;width:40px}.theme-toggle:hover{background-color:#0000001a}[data-theme=dark] .theme-toggle:hover{background-color:#ffffff1a}.desktop-audio-player{align-items:center;background-color:initial;display:flex;gap:8px;max-width:400px;min-width:300px;padding:6px 12px}.desktop-activate-audio{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:8px;transition:background-color .2s;width:100%;z-index:100}.desktop-activate-audio:hover{background-color:var(--primary-hover)}.audio-loading,.no-audio-message{background-color:#f5f5f5;border-radius:8px;color:var(--text-color);font-style:italic;padding:8px;text-align:center;width:100%}.no-audio-message{color:#666}.desktop-player-controls{align-items:center;display:flex;gap:6px;width:100%}.play-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.play-button:hover{background-color:var(--primary-hover)}.progress-container{background-color:#eee;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative}.progress-bar{background-color:var(--primary-color);border-radius:2px;height:100%;transition:width .1s linear}.time-display{color:var(--text-color);font-size:14px;min-width:100px;text-align:right}@media (max-width:768px){.desktop-audio-player{display:none}.mobile-audio-player{bottom:20px;position:fixed;right:20px;z-index:1000}.mobile-play-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:background-color .2s,transform .2s;width:48px}.mobile-play-button:hover{background-color:var(--primary-hover);transform:scale(1.05)}.mobile-audio-loading,.mobile-no-audio{background-color:#f5f5f5;border-radius:20px;bottom:20px;box-shadow:0 2px 8px #0000001a;color:#666;font-size:12px;font-style:italic;padding:8px 12px;position:fixed;right:20px;z-index:1000}.mobile-no-audio{background-color:#f0f0f0}.mobile-progress-container{background-color:#eee;bottom:0;height:3px;left:0;position:fixed;right:0}.mobile-progress-bar{background-color:var(--primary-color);height:100%;transition:width .1s linear}}.audio-player{background:#f7f7f7;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px;transition:all .3s ease;width:100%}.waveform-container{background-color:#e0e0e0;border-radius:4px;cursor:pointer;height:40px;margin-bottom:10px;overflow:hidden;position:relative}.progress-bar-container{background-color:#d1d1d1;height:100%;position:relative;width:100%}.controls{align-items:center;display:flex;gap:15px;justify-content:flex-start}.play-button.playing{font-size:12px}.audio-player.mobile{margin-bottom:5px;padding:5px}.audio-player.mobile .waveform-container{height:30px;margin-bottom:5px}.audio-player.mobile .controls{gap:8px}.audio-player.mobile .play-button{font-size:10px;height:28px;width:28px}.audio-player.mobile .play-button.playing{font-size:8px}.audio-player.mobile .time-display{font-size:10px}.sticky-audio-player{background-color:var(--card-background);margin-bottom:20px;padding:10px 0;position:sticky;top:130px;transition:all .3s ease;z-index:100}@media (max-width:768px){.sticky-audio-player{margin-bottom:10px;padding:5px 0;top:70px}}[data-theme=dark] .desktop-activate-audio{background-color:var(--primary-light);border:1px solid var(--border-color);color:var(--primary-color)}[data-theme=dark] .desktop-activate-audio:hover{background-color:var(--border-color);color:var(--primary-color)}[data-theme=dark] .play-button{background-color:var(--primary-light);border:1px solid var(--border-color);color:var(--primary-color)}[data-theme=dark] .play-button:hover{background-color:var(--border-color);color:var(--primary-color)}[data-theme=dark] .desktop-audio-player{background-color:var(--card-background);border-bottom-color:var(--border-color)}[data-theme=dark] .audio-loading,[data-theme=dark] .no-audio-message{background-color:var(--primary-light);color:var(--text-color)}[data-theme=dark] .audio-player{background:var(--primary-light)}[data-theme=dark] .sticky-audio-player{background-color:var(--background-color)}[data-theme=dark] .progress-container,[data-theme=dark] .waveform-container{background-color:var(--border-color)}[data-theme=dark] .progress-bar-container{background-color:var(--primary-light)}[data-theme=dark] .time-display{color:var(--text-color)}[data-theme=dark] .mobile-play-button{background-color:var(--primary-light);border:1px solid var(--border-color);color:var(--primary-color)}[data-theme=dark] .mobile-play-button:hover{background-color:var(--border-color);color:var(--primary-color)}[data-theme=dark] .mobile-audio-loading,[data-theme=dark] .mobile-no-audio{background-color:var(--primary-light);color:var(--text-color)}[data-theme=dark] .mobile-progress-container{background-color:var(--border-color)}.desktop-play-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;transition:background-color .2s;width:28px}.desktop-play-button:hover{background-color:var(--primary-hover)}.desktop-time-display{color:var(--text-color);flex-shrink:0;font-family:Courier New,monospace;font-size:12px;min-width:40px;text-align:center}.desktop-progress-container{background-color:#ffffff4d;border-radius:2px;cursor:pointer;flex:1 1;height:3px;margin:0 8px;min-width:80px;position:relative}.desktop-progress-bar{background-color:var(--primary-color);border-radius:2px;height:100%;transition:width .1s linear}.desktop-speed-control{background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:var(--text-color);cursor:pointer;flex-shrink:0;font-size:11px;min-width:50px;padding:2px 6px}.desktop-speed-control:focus,.desktop-speed-control:hover{border-color:var(--primary-color)}.desktop-speed-control:focus{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.mobile-speed-control{background-color:var(--card-background);border-radius:6px;padding:8px 12px}[data-theme=dark] .desktop-speed-control{background-color:var(--card-background);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .desktop-speed-control:hover{border-color:var(--primary-color)}[data-theme=dark] .mobile-speed-control{background-color:var(--card-background);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .mobile-speed-control:hover{border-color:var(--primary-color)}.unified-controls-drawer .urdu-text,.unified-controls-drawer [class*=urdu],.unified-controls-drawer [dir=rtl]{font-family:Noto Nastaliq Urdu,serif!important;font-family:var(--font-family-urdu-dynamic,var(--font-family-urdu,"Noto Nastaliq Urdu",serif))!important}.unified-mobile-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e67e2233;border-radius:24px;bottom:12px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #e67e221a;display:flex;gap:8px;left:12px;padding:8px 12px;position:fixed;right:12px;z-index:999}[data-theme=dark] .unified-mobile-controls{background:#121212f2;border:1px solid #f39c124d;box-shadow:0 8px 32px #0000004d,0 0 0 1px #f39c121a}.unified-settings-button{align-items:center;background:#0000;border:1px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.unified-settings-button:hover{background:var(--primary-color);color:#fff;transform:scale(1.05)}.unified-nav-button{align-items:center;background:#0000;border:1px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.unified-nav-button:hover:not(:disabled){background:var(--primary-color);color:#fff;transform:scale(1.05)}.unified-nav-button:disabled{border-color:#0003;color:#0000004d;cursor:not-allowed;opacity:.3}[data-theme=dark] .unified-nav-button:disabled{border-color:#fff3;color:#ffffff4d}.unified-audio-center{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.unified-audio-controls{align-items:center;display:flex;gap:6px}.unified-play-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.unified-play-button:hover{background-color:var(--primary-hover);transform:scale(1.05)}.unified-activate-audio{align-items:center;background:#0000;border:1px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.unified-activate-audio:hover{background:var(--primary-color);color:#fff;transform:scale(1.05)}.unified-speed-control{background:#0000;border:1px solid var(--primary-color);border-radius:12px;color:var(--primary-color);cursor:pointer;font-size:11px;min-width:40px;padding:2px 6px;text-align:center;transition:all .3s ease}.unified-speed-control:hover{background:var(--primary-light)}.unified-audio-loading,.unified-no-audio{align-items:center;border:1px solid var(--primary-color);border-radius:50%;color:var(--primary-color);display:flex;height:36px;justify-content:center;opacity:.6;width:36px}.unified-controls-drawer{background:var(--background-color);border-radius:20px 20px 0 0;border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -8px 32px #0000001a;display:flex;flex-direction:column;font-family:inherit;font-size:inherit;left:0;max-height:80vh;position:fixed;right:0;transform:translateY(100%);transition:transform .3s ease;z-index:998}.unified-controls-drawer.open{transform:translateY(0)}.drawer-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px 16px}.drawer-header h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0}.close-drawer{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.close-drawer:hover{background:#0000001a;background:var(--hover-color,#0000001a)}.drawer-content{-webkit-overflow-scrolling:touch;flex:1 1;font-family:inherit;overflow-y:auto;padding:20px 24px 40px}.drawer-section{margin-bottom:24px}.drawer-section:last-child{margin-bottom:0}.drawer-section-title{color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:12px}.toggle-container{margin-bottom:16px}.mobile-toggle-switch{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.mobile-toggle-switch input{display:none}.mobile-toggle-slider{background:#ccc;border-radius:24px;height:24px;margin-right:12px;position:relative;transition:background .3s ease;width:48px}.mobile-toggle-slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.mobile-toggle-switch input:checked+.mobile-toggle-slider{background:var(--primary-color)}.mobile-toggle-switch input:checked+.mobile-toggle-slider:before{transform:translateX(24px)}.mobile-toggle-label{color:var(--text-color);font-size:14px}.mobile-icon-button{background:none;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .2s ease}.mobile-icon-button:hover{background:#0000000d;background:var(--hover-color,#0000000d)}.mobile-font-size-controls{display:flex;flex-direction:column;gap:16px}.font-size-group{align-items:center;display:flex;justify-content:space-between}.font-size-label{color:var(--text-color);font-size:14px}.font-size-buttons{gap:8px}.font-size-button{background:none;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:12px;min-width:32px;padding:6px 10px;transition:all .2s ease}.font-size-button:hover{background:#0000000d;background:var(--hover-color,#0000000d)}.font-size-display{color:var(--text-color);font-size:12px;min-width:40px;text-align:center}.mobile-speed-control{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-size:14px;padding:12px 16px;width:100%}.mobile-speed-control:focus,.mobile-speed-control:hover{border-color:var(--primary-color)}.mobile-speed-control:focus{box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.unified-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:997}[data-theme=dark] .unified-controls-drawer{background:var(--background-color);border-top-color:var(--border-color);box-shadow:0 -8px 32px #0000004d}[data-theme=dark] .close-drawer:hover{background:#ffffff1a}[data-theme=dark] .font-size-button:hover,[data-theme=dark] .mobile-icon-button:hover{background:#ffffff0d}@media (min-width:769px){.unified-controls-drawer,.unified-drawer-backdrop,.unified-mobile-controls{display:none!important;pointer-events:none!important;position:static!important;visibility:hidden!important;z-index:-1!important}.chapter-view-page,body,html{font-family:inherit!important}}.dictionary-popup{animation:dictionary-popup-appear .15s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;max-width:300px;min-width:200px;position:fixed;transform:translateY(-5px);z-index:10000}@keyframes dictionary-popup-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(-5px) scale(1)}}.dictionary-popup.loading{min-height:80px}.dictionary-popup__close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.dictionary-popup__close:hover{background:#f5f5f5;color:#333}.dictionary-popup__close:focus{outline:2px solid #007bff;outline-offset:1px}.dictionary-popup__loading{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;padding:20px}.dictionary-popup__spinner{animation:dictionary-spinner 1s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#007bff;height:20px;width:20px}@keyframes dictionary-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dictionary-popup__error{align-items:center;background:#ffeaea;border-radius:4px;color:#d32f2f;display:flex;gap:8px;margin:8px;padding:16px}.dictionary-popup__error-icon{font-size:16px}.dictionary-popup__error-message{font-size:13px}.dictionary-popup__content{max-height:400px;overflow-y:auto;padding:12px 35px 12px 12px}.dictionary-popup__senses{display:flex;flex-direction:column;gap:12px}.dictionary-popup__sense{border-bottom:1px solid #f0f0f0;padding-bottom:10px}.dictionary-popup__sense:last-child{border-bottom:none;padding-bottom:0}.dictionary-popup__sense-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.dictionary-popup__sense-number{background:#0000001a;border-radius:3px;color:#666;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:600;min-width:24px;padding:2px 6px;text-align:center}.dictionary-popup__word{color:#333;font-family:Noto Nastaliq Urdu,Arabic Typesetting,Times New Roman,serif;font-size:16px;font-weight:600;line-height:1.3}.dictionary-popup__metadata{align-items:center;color:#e0e0e0;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-bottom:6px}.dictionary-popup__part-of-speech{background:#ffffff26;border-radius:3px;color:#aaa;font-size:10px;font-weight:400;padding:2px 5px}.dictionary-popup__part-of-speech,.dictionary-popup__romanization{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-style:italic}.dictionary-popup__romanization{color:#f0f0f0;font-weight:500}.dictionary-popup__pronunciation{background:#ffffff26;border-radius:4px;color:#f0f0f0;font-family:monospace;font-size:12px;font-weight:500;padding:3px 6px}.dictionary-popup__hindi-text{color:#f0f0f0;font-family:Noto Sans Devanagari,Arial Unicode MS,serif;font-size:14px;font-weight:500}.dictionary-popup__definition{color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.4}.dictionary-popup__not-found{padding:16px 40px 16px 16px;text-align:center}.dictionary-popup__not-found .dictionary-popup__word{margin-bottom:8px}.dictionary-popup__no-definition{color:#666;font-size:13px;font-style:italic}@media (max-width:480px){.dictionary-popup{font-size:16px;max-width:calc(100vw - 40px);min-width:250px}.dictionary-popup__content{max-height:300px}.dictionary-popup__word{font-size:18px}.dictionary-popup__definition{font-size:14px}.dictionary-popup__close{font-size:20px;height:30px;width:30px}.dictionary-popup__metadata{font-size:11px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.dictionary-popup{box-shadow:0 4px 20px #0000001f}}@media (prefers-color-scheme:dark){.dictionary-popup{background:#2d2d2d;border-color:#444;color:#e0e0e0}.dictionary-popup__word{color:#fff}.dictionary-popup__definition{color:#ccc}.dictionary-popup__close{color:#aaa}.dictionary-popup__close:hover{background:#404040;color:#fff}.dictionary-popup__error{background:#4a2c2c;color:#f99}}.dictionary-popup:focus{outline:2px solid #007bff;outline-offset:2px}.dictionary-popup__close,.dictionary-popup__error,.dictionary-popup__loading,.dictionary-popup__sense-number{user-select:none;-webkit-user-select:none;-moz-user-select:none}.dictionary-popup__definition,.dictionary-popup__hindi-text,.dictionary-popup__pronunciation,.dictionary-popup__romanization,.dictionary-popup__word{user-select:text;-webkit-user-select:text;-moz-user-select:text}.paragraph-renderer{scroll-behavior:smooth;width:100%}.paragraph-block{line-height:1.8;margin-bottom:2.5em!important;margin-top:1em!important}.paragraph-text{direction:rtl;font-family:Noto Nastaliq Urdu,serif;letter-spacing:.02em;text-align:justify;text-align-last:right;text-justify:inter-word;word-spacing:.2em}.paragraph-text[style*="direction: ltr"]{direction:ltr!important;font-family:Noto Sans Devanagari,sans-serif!important;text-align:justify!important;text-align-last:left!important;text-justify:inter-word!important}.sentence-span{cursor:pointer;display:inline;position:relative;transition:all .2s ease}.sentence-span:hover{color:#ff8c00cc}.sentence-span.active-sentence-span{color:#ff8c00}[data-theme=dark] .sentence-span:hover{color:#ffa032cc}[data-theme=dark] .sentence-span.active-sentence-span{color:#ffa032}@media (max-width:768px){.paragraph-block{line-height:1.7;margin-bottom:2em!important;margin-top:.8em!important}.sentence-span{display:inline;margin:-4px -6px;min-height:24px;padding:4px 6px}.paragraph-text{word-spacing:.15em}}.paragraph-block:last-child{margin-bottom:0}.paragraph-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.sentence-span:focus{outline:2px solid #4a90e299;outline-offset:2px}[data-theme=dark] .sentence-span:focus{outline:2px solid #64b5f699}.sentence-span.active-sentence-span{animation:sentenceActivate .3s ease-out}@keyframes sentenceActivate{0%{background-color:#4a90e266;transform:scale(1.02)}to{background-color:#4a90e233;transform:scale(1)}}[data-theme=dark] .sentence-span.active-sentence-span{animation:sentenceActivateDark .3s ease-out}@keyframes sentenceActivateDark{0%{background-color:#64b5f666;transform:scale(1.02)}to{background-color:#64b5f640;transform:scale(1)}}.sticky-translation-bar{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 12px #0000001a;position:relative;transition:all .3s ease;width:100%;z-index:100}.sticky-translation-bar.dark{background:#1f1f1ff2;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 12px #0000004d}.translation-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:var(--content-max-width);padding:12px var(--content-padding)}.translation-text{word-wrap:break-word;color:#333;direction:ltr;flex:1 1;line-height:1.5;text-align:center}.translation-text.placeholder{border-radius:4px;color:#888;cursor:pointer;font-style:italic;padding:8px 16px;transition:background-color .2s ease}.translation-text.placeholder:hover{background-color:#4a90e21a;color:#666}.sticky-translation-bar.dark .translation-text{color:#e0e0e0}.sticky-translation-bar.dark .translation-text.placeholder{color:#aaa}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sticky-translation-bar{position:sticky;top:0}.translation-container{gap:10px;padding:10px var(--content-padding)}.translation-label{font-size:11px}.translation-text{font-size:14px}}.sticky-translation-bar:before{background:linear-gradient(135deg,#fff3,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sticky-translation-bar.dark:before{background:linear-gradient(135deg,#ffffff1a,#ffffff05)}.sticky-translation-bar{border-radius:0 0 8px 8px;margin-bottom:1px}@media (min-width:1200px){.translation-container{padding:14px 24px}}.translation-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}.translation-text.urdu-text{direction:rtl;font-family:Noto Nastaliq Urdu,serif;text-align:center!important}.translation-text.devanagari-text{direction:ltr;font-family:Noto Sans Devanagari,sans-serif;text-align:center!important}.translation-text.english-text{direction:ltr;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center!important}.chapter-completion-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.chapter-completion-modal{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #00000026;max-height:85vh;max-width:500px;overflow-y:auto;padding:24px;width:90vw}.chapter-completion-modal.dark{background:#121212f2;border:1px solid #ffffff1a;color:#e0e0e0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.completion-header{margin-bottom:20px;text-align:center}.completion-icon{font-size:3rem;margin-bottom:16px}.completion-header h2{color:#e67e22;color:var(--primary-color,#e67e22);font-size:1.5rem;margin:0 0 6px}.chapter-completion-modal.dark .completion-header h2{color:#f39c12;color:var(--primary-color,#f39c12)}.completion-header p{font-size:1rem;margin:4px 0;opacity:.9}.word-count{font-size:.9rem!important;opacity:.7!important}.completion-options{display:flex;flex-direction:column;gap:10px}.option-button{align-items:center;background:#0000;border:2px solid #0000;border-radius:10px;color:inherit;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;min-height:44px;padding:12px 16px;text-align:center;transition:all .2s ease}.option-button.primary{background:linear-gradient(135deg,#e67e22,#d35400);background:linear-gradient(135deg,var(--primary-color,#e67e22),#d35400);box-shadow:0 4px 12px #e67e224d;color:#fff}.option-button.primary:hover{box-shadow:0 6px 16px #e67e2266;transform:translateY(-2px)}.option-button.secondary{background:#e67e221a;border:2px solid #e67e2233;color:#333;color:var(--text-color,#333)}.option-button.secondary:hover{background:#e67e2226;border-color:#e67e224d;transform:translateY(-1px)}.option-button.tertiary{background:#8080801a;border:2px solid #80808033;color:#666;color:var(--text-color,#666)}.option-button.tertiary:hover{background:#80808026;border-color:#8080804d}.chapter-completion-modal.dark .option-button.secondary{background:#f39c121a;border-color:#f39c1233;color:#e0e0e0}.chapter-completion-modal.dark .option-button.secondary:hover{background:#f39c1226;border-color:#f39c124d}.chapter-completion-modal.dark .option-button.tertiary{background:#ffffff0d;border-color:#ffffff1a;color:#bbb}.chapter-completion-modal.dark .option-button.tertiary:hover{background:#ffffff1a;border-color:#fff3}.countdown-badge{animation:pulse 1s infinite;background:#fff3;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;margin-left:8px;padding:2px 6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.auto-advance-notice{background:#e67e221a;border:1px solid #e67e2233;border-radius:12px;margin-top:24px;padding:16px;text-align:center}.chapter-completion-modal.dark .auto-advance-notice{background:#f39c121a;border-color:#f39c1233}.auto-advance-notice p{font-size:.9rem;margin:0;opacity:.8}@media (max-width:768px){.chapter-completion-modal{border-radius:16px;margin:16px;padding:24px}.completion-header h2{font-size:1.5rem}.completion-icon{font-size:2.5rem}.option-button{font-size:.95rem;padding:14px 16px}.completion-options{gap:10px}}body.drawer-open{overflow:hidden}.settings-drawer-backdrop{animation:fadeIn .3s ease;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.settings-drawer{background:#fff;background:var(--background-color,#fff);bottom:0;box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;max-width:90vw;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:380px;z-index:1000}.settings-drawer.open{transform:translateX(0)}.settings-drawer-header{align-items:center;background:#fff;background:var(--background-color,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.settings-drawer-header h2{color:#333;color:var(--text-color,#333);font-size:20px;font-weight:600;margin:0}.settings-close-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.settings-close-button:hover{background:#0000000d;background:var(--hover-background,#0000000d)}.settings-drawer-content{flex:1 1;overflow-y:auto;padding:24px 24px 80px}.settings-section{margin-bottom:32px}.settings-section-title{color:#666;color:var(--text-secondary,#666);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.settings-item{margin-bottom:20px}.settings-label{color:#333;color:var(--text-color,#333);display:block;font-size:15px;margin-bottom:8px}.settings-toggle{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.settings-toggle .settings-label{margin-bottom:0}.settings-toggle-wrapper{flex-shrink:0;height:24px;position:relative;width:48px}.settings-toggle input{height:0;opacity:0;width:0}.settings-toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.settings-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.settings-toggle input:checked+.settings-toggle-slider{background-color:#e67e22;background-color:var(--primary-color,#e67e22)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translateX(24px)}.font-size-control{align-items:center;display:flex;justify-content:space-between}.font-label{color:#333;color:var(--text-color,#333);font-size:15px;min-width:100px}.font-size-buttons{align-items:center;display:flex;gap:12px}.font-button{background:#fff;background:var(--background-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-color,#333);font-size:16px;font-weight:500;height:36px;transition:all .2s ease;width:36px}.font-button:hover{background:#e67e22;background:var(--primary-color,#e67e22);border-color:#e67e22;border-color:var(--primary-color,#e67e22);color:#fff}.font-size-value{color:#666;color:var(--text-secondary,#666);font-size:14px;min-width:45px;text-align:center}.settings-select{background:#fff;background:var(--background-color,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;font-size:15px;margin-top:8px;padding:10px 12px;transition:border-color .2s ease;width:100%}.settings-select:focus,.settings-select:hover{border-color:#e67e22;border-color:var(--primary-color,#e67e22)}.settings-select:focus{box-shadow:0 0 0 2px #e67e221a;outline:none}.settings-footer{background:#fff;background:var(--background-color,#fff);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);bottom:0;left:0;padding:16px 24px;position:absolute;right:0}.settings-hint{color:#666;color:var(--text-secondary,#666);font-size:13px;margin:0;text-align:center}.settings-hint kbd{background:#f0f0f0;background:var(--kbd-background,#f0f0f0);border:1px solid #d0d0d0;border:1px solid var(--border-color,#d0d0d0);border-radius:4px;box-shadow:0 1px 0 #0000001a;display:inline-block;font-family:monospace;font-size:12px;padding:2px 6px}.settings-description{color:#666;color:var(--text-secondary,#666);font-size:12px;line-height:1.4;margin:8px 0 0}.advanced-toggle-button{align-items:center;background:#0000;border:none;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:0;width:100%}.advanced-toggle-button:hover{color:#e67e22;color:var(--primary-color,#e67e22)}.advanced-toggle-icon{flex-shrink:0;transition:transform .2s ease}.advanced-toggle-icon.expanded{transform:rotate(180deg)}.advanced-settings-content{border-left:2px solid #e0e0e0;border-left:2px solid var(--border-color,#e0e0e0);margin-top:16px;padding-left:12px}.settings-subsection{margin-bottom:24px}.settings-subsection:last-child{margin-bottom:0}.settings-subsection-title{color:#666;color:var(--text-secondary,#666);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.dark-mode .settings-drawer{background:#1e1e1e;color:#e0e0e0}.dark-mode .settings-drawer-header{background:#1e1e1e;border-bottom-color:#333}.dark-mode .settings-close-button,.dark-mode .settings-drawer-header h2{color:#e0e0e0}.dark-mode .settings-close-button:hover{background:#ffffff1a}.dark-mode .settings-section-title{color:#999}.dark-mode .font-label,.dark-mode .settings-label{color:#e0e0e0}.dark-mode .font-button{background:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .font-button:hover{background:#e67e22;background:var(--primary-color,#e67e22);border-color:#e67e22;border-color:var(--primary-color,#e67e22);color:#fff}.dark-mode .font-size-value{color:#999}.dark-mode .settings-select{background:#2a2a2a;border-color:#444;color:#e0e0e0}.dark-mode .settings-select:hover{border-color:#e67e22;border-color:var(--primary-color,#e67e22)}.dark-mode .settings-footer{background:#1e1e1e;border-top-color:#333}.dark-mode .settings-hint{color:#999}.dark-mode .settings-hint kbd{background:#2a2a2a;border-color:#444}.dark-mode .advanced-toggle-button{color:#e0e0e0}.dark-mode .advanced-toggle-button:hover{color:#e67e22;color:var(--primary-color,#e67e22)}.dark-mode .advanced-settings-content{border-left-color:#333}.dark-mode .settings-subsection-title{color:#999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.settings-drawer{width:320px}.settings-drawer-header{padding:12px 16px}.settings-drawer-header h2{font-size:16px}.settings-drawer-content{padding:12px 16px 50px}.settings-section{margin-bottom:18px}.settings-section-title{font-size:12px;margin-bottom:8px}.settings-item{padding:6px 0}.font-size-control{gap:6px}.font-button{font-size:11px;padding:4px 8px}.settings-description{font-size:11px;margin:4px 0 0}.settings-footer{padding:8px 16px}.settings-hint{font-size:11px}.advanced-settings-content{margin-top:12px;padding-left:8px}.settings-subsection{margin-bottom:16px}.settings-subsection-title{font-size:11px;margin-bottom:8px}}@media (max-width:480px){.settings-drawer{width:300px}.settings-drawer-header{padding:10px 14px}.settings-drawer-content{padding:10px 14px 40px}.settings-section{margin-bottom:14px}.settings-item{padding:4px 0}.font-size-control{align-items:flex-start;flex-direction:column;gap:8px}.settings-footer{padding:6px 14px}.advanced-settings-content{padding-left:6px}.settings-subsection{margin-bottom:12px}.font-size-buttons{justify-content:space-between;width:100%}}.settings-drawer,.settings-drawer-backdrop{z-index:9999}@media (max-width:768px){.sticky-header{background-color:#fff;box-shadow:0 1px 4px #0000001a;margin-bottom:10px;overflow-wrap:break-word;padding:8px;position:sticky;top:0;word-break:normal;z-index:50}.sticky-header h1{align-items:center;color:var(--primary-color);display:flex;font-size:1.2rem;justify-content:space-between;margin:0 0 8px}.sticky-header h1 button{font-size:12px;margin-left:10px;padding:4px 8px}#mobile-story-select{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px;width:100%}.controls-container,.section-navigation,.sticky-audio-player{display:none}.story-content{margin-top:5px;padding-bottom:80px;padding-top:5px}.sentence-pair{gap:10px;padding:10px 0}.urdu-text{-webkit-font-smoothing:antialiased;direction:rtl;overflow-wrap:normal;text-align:justify;text-align-last:right;text-justify:inter-word;word-break:keep-all}.urdu-text[data-font-size="14"]{line-height:1.8}.urdu-text[data-font-size="16"]{line-height:1.9}.urdu-text[data-font-size="18"]{line-height:2}.urdu-text[data-font-size="20"]{line-height:2.1}.urdu-text[data-font-size="22"]{line-height:2.2}.urdu-text[data-font-size="24"]{line-height:2.3}.urdu-text[data-font-size="26"]{line-height:2.4}.urdu-text[data-font-size="28"]{line-height:2.5}.urdu-text[data-font-size="30"]{line-height:2.6}.urdu-text[data-font-size="32"]{line-height:2.7}.english-text{font-size:14px;line-height:1.4}.devanagari-text{overflow-wrap:normal;text-align:justify;text-align-last:left;text-justify:inter-word;word-break:keep-all}.app-container{padding-bottom:80px}.landing-text h1{font-size:2.5rem}.landing-text p{font-size:1.2rem;margin-bottom:30px}.stories-button{padding:12px 30px}.mobile-section-navigation{background-color:#fff;border-top:1px solid #eee;bottom:60px;box-shadow:0 -1px 3px #0000001a;display:flex;justify-content:space-between;left:0;padding:8px;position:fixed;width:100%;z-index:240}.mobile-section-navigation .nav-button{flex:1 1;font-size:14px;max-width:120px;padding:8px 12px}.mobile-section-navigation .section-indicator{align-items:center;display:flex;font-size:12px;justify-content:center;padding:0 8px}}@media (max-width:480px){.sticky-header h1{font-size:1.2rem}.english-text{font-size:13px}.story-content{padding-bottom:80px}.app-container{padding:10px 12px}}.chapter-view-page{background:var(--background-color);color:var(--text-color);min-height:100vh}.chapter-completion-section,.story-completion-section{margin:40px 0;padding:20px;text-align:center}.completion-divider{background:linear-gradient(90deg,#0000,var(--border-color),#0000);height:2px;margin:20px 0}.completion-button-container{margin:0 auto;max-width:400px}.complete-chapter-button,.complete-story-button{background:#4caf50;background:var(--primary-color,#4caf50);border:none;border-radius:12px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;max-width:350px;padding:16px 32px;transition:all .3s ease;width:100%}.complete-chapter-button:hover,.complete-story-button:hover{background:#45a049;background:var(--primary-color-dark,#45a049);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.complete-chapter-button:active,.complete-story-button:active{box-shadow:0 2px 8px #4caf504d;transform:translateY(0)}.completion-hint{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.4;margin:12px 0 0}@media (max-width:768px){.chapter-completion-section.mobile{margin:30px 0 80px;padding:16px}.complete-chapter-button{font-size:16px;padding:14px 24px}}.chapter-view-grid{display:grid;grid-template-areas:"header" "translation" "text" "audio";grid-template-rows:auto auto 1fr 60px;height:100vh}.chapter-view-grid.no-translation{grid-template-areas:"header" "text" "audio";grid-template-rows:auto 1fr 60px}.chapter-view-grid.focus-mode,.chapter-view-grid.focus-mode.no-translation{grid-template-areas:"text";grid-template-rows:1fr}.text-area{grid-area:text;overflow:hidden;position:relative}.text-container{height:100%;margin:0 auto;max-width:var(--content-max-width);overflow-y:auto;padding:var(--content-padding);width:100%}.audio-area{border-top:1px solid #0000001a}.audio-control-container{padding:8px 20px}.desktop-unified-controls{justify-content:space-between;margin:0 auto;max-width:1200px}.desktop-audio-center{flex:1 1;justify-content:center;margin:0 20px}.chapter-nav-button{background:#e67e22;background:var(--primary-color,#e67e22);border:none;border-radius:8px;color:#fff;padding:10px 20px}.chapter-nav-button:hover:not(:disabled){background:#d35400;background:var(--primary-color-dark,#d35400);transform:translateY(-1px)}.chapter-nav-button:disabled{background:#ccc;opacity:.6}.header-content{gap:15px;height:50px;justify-content:space-between;max-width:1200px;padding:0 20px}.header-content .header-title{flex:1 1;min-width:0;text-align:center}.header-content .desktop-title{font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-content .back-button{background:#0000;border:none;border-radius:6px;color:#e67e22;color:var(--primary-color,#e67e22);cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 12px;transition:background .2s ease}.header-content .back-button:hover{background:#e67e221a}.settings-button-with-label{border-radius:6px;flex-shrink:0;font-size:13px;padding:6px 10px;white-space:nowrap}.settings-button-with-label svg{height:16px;width:16px}.dark-mode .header-area{background:#1e1e1e;border-bottom-color:#333}.dark-mode .header-content .back-button{color:#e67e22;color:var(--primary-color,#e67e22)}.dark-mode .header-content .desktop-title{color:#e0e0e0}.chapter-content-wrapper .chapter-header{margin-bottom:20px;padding:15px 0}.chapter-content-wrapper .chapter-header h2{font-size:24px;margin:0 0 8px}.chapter-content-wrapper .chapter-meta{color:#666;color:var(--text-secondary,#666);display:flex;font-size:14px;gap:15px}.chapter-header-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a}[data-theme=dark] .chapter-header-content{background:#121212f2;border-bottom:1px solid #ffffff1a}.chapter-view-page .chapter-header-floating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;opacity:1;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s ease,opacity .3s ease;z-index:1000}[data-theme=dark] .chapter-view-page .chapter-header-floating{background:#121212f2;border-bottom:1px solid #ffffff1a}.chapter-view-page .chapter-header-floating.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.chapter-view-page .header-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1200px;padding:12px 24px}.chapter-view-page .back-button{background:#0000;border:1px solid #0003;border-radius:20px;color:inherit;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}[data-theme=dark] .chapter-view-page .back-button{border-color:#fff3}.chapter-view-page .back-button:hover{background:#0000000d}[data-theme=dark] .chapter-view-page .back-button:hover{background:#ffffff0d}.chapter-view-page .header-title{flex:1 1;min-width:0;text-align:center}.chapter-view-page .header-title h1{color:inherit;font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-view-page .mobile-title{display:none}.chapter-view-page .desktop-title{display:block}.chapter-view-page .chapter-subtitle{color:var(--light-text);display:block;font-size:.9rem;font-weight:400;margin-top:.25rem}.chapter-view-page .header-controls{align-items:center;display:flex;flex-shrink:0;gap:12px}.chapter-view-page .toggle-button{background:#0000;border:1px solid #0003;border-radius:16px;color:inherit;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;min-width:36px;padding:6px 12px;transition:all .3s ease}[data-theme=dark] .chapter-view-page .toggle-button{border-color:#fff3}.chapter-view-page .toggle-button.active,.chapter-view-page .toggle-button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.chapter-view-page .icon-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;min-width:36px;padding:6px;transition:background-color .2s ease}.chapter-view-page .icon-button:hover{background-color:#0000001a;background-color:var(--hover-color,#0000001a)}[data-theme=dark] .chapter-view-page .icon-button:hover{background-color:#ffffff1a}.chapter-view-page .font-controls{align-items:center;display:flex;gap:12px}.chapter-view-page .english-font-controls,.chapter-view-page .urdu-font-controls{align-items:center;display:flex;gap:4px}.chapter-view-page .font-button{background:#0000;border:1px solid #0003;border-radius:12px;color:inherit;cursor:pointer;flex-shrink:0;font-size:11px;min-width:28px;padding:4px 8px;transition:all .3s ease}[data-theme=dark] .chapter-view-page .font-button{border-color:#fff3}.chapter-view-page .font-button:hover{background:#0000000d}[data-theme=dark] .chapter-view-page .font-button:hover{background:#ffffff0d}.chapter-view-page .font-size-label{color:var(--light-text);font-size:11px;font-weight:500;min-width:35px;text-align:center}.chapter-view-page .floating-audio-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:20px;bottom:20px;box-shadow:0 8px 32px #0000001a;padding:12px;position:fixed;right:20px;z-index:999}[data-theme=dark] .chapter-view-page .floating-audio-player{background:#121212f2;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}@media (max-width:768px){.desktop-unified-controls{display:none}}.desktop-unified-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:24px;bottom:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:16px;left:50%;padding:12px 16px;pointer-events:all;position:fixed;transform:translateX(-50%);z-index:999}[data-theme=dark] .desktop-unified-controls{background:#121212f2;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.desktop-audio-center{align-items:center;display:flex}.chapter-nav-arrows{bottom:0;left:0;pointer-events:none;position:fixed;right:0;z-index:998}.chapter-nav-button{align-items:center;background:#0000;border:1px solid #0003;border-radius:16px;box-sizing:border-box;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;height:36px;justify-content:center;padding:0;pointer-events:all;transition:all .3s ease;width:80px}[data-theme=dark] .chapter-nav-button{border-color:#fff3}.chapter-nav-button:hover:not(:disabled){background:#0000000d;border-color:var(--primary-color)}.chapter-nav-button:disabled{cursor:not-allowed;opacity:.3}[data-theme=dark] .chapter-nav-button:hover:not(:disabled){background:#ffffff0d;border-color:var(--primary-color)}.chapter-arrow-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:50%;bottom:20px;box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;pointer-events:all;position:absolute;transition:all .3s ease;width:50px}.chapter-arrow-left{left:20px}.chapter-arrow-right{right:20px}.chapter-arrow-button:hover:not(:disabled){background:#fff;box-shadow:0 8px 24px #00000026;transform:scale(1.05)}.chapter-arrow-button:disabled{cursor:not-allowed;opacity:.3;transform:none}[data-theme=dark] .chapter-arrow-button{background:#121212f2;border-color:#ffffff1a;color:#e0e0e0}[data-theme=dark] .chapter-arrow-button:hover:not(:disabled){background:#121212;box-shadow:0 8px 24px #0000004d}.chapter-content-wrapper{margin:0 auto;max-width:var(--content-max-width);padding:80px var(--content-padding) 100px}.chapter-header{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.chapter-header h2{color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.chapter-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.chapter-type{background:var(--active-color);color:var(--light-text)}.chapter-type,.word-count{border-radius:20px;font-size:.9rem;font-weight:500;padding:.25rem .75rem}.word-count{background:var(--primary-light);color:var(--primary-color)}@media (max-width:768px){.chapter-view-page .header-content{gap:.75rem;padding:10px 16px}.chapter-view-page .header-title h1{font-size:14px}.chapter-view-page .desktop-title{display:none}.chapter-view-page .mobile-title{display:block}.chapter-view-page .back-button{font-size:13px;padding:6px 12px}.chapter-view-page .header-controls{display:none}.chapter-content-wrapper{padding:70px 1rem 140px}.chapter-header h2{font-size:1.5rem}.chapter-view-page .floating-audio-player{padding:8px}.chapter-view-page .floating-audio-player,.chapter-view-page .mobile-audio-player{bottom:12px!important;left:auto!important;right:12px!important;transform:none!important}.chapter-view-page .mobile-audio-player{position:fixed!important}.chapter-arrow-button{bottom:12px;font-size:16px;height:40px;width:40px}.chapter-arrow-left{left:12px}.chapter-arrow-right{bottom:12px;right:80px}.desktop-chapter-nav{display:none}.chapter-view-page .sticky-audio-player{position:relative;top:0}}@media (max-width:480px){.chapter-view-page .header-content{gap:.5rem;padding:8px 12px}.chapter-view-page .header-title h1{font-size:13px}.chapter-view-page .back-button{font-size:12px;padding:5px 10px}.chapter-content-wrapper{padding:60px .75rem 5rem}.chapter-header{margin-bottom:1rem}.chapter-header h2{font-size:1.3rem}.chapter-meta{gap:.5rem}}.chapter-view-page .error,.chapter-view-page .loading,.chapter-view-page .no-data{align-items:center;color:var(--light-text);display:flex;font-size:1.2rem;justify-content:center;min-height:50vh}.chapter-view-page .error{color:#dc3545}.chapter-view-page .error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;justify-content:space-between;margin:1rem;padding:1rem}.chapter-view-page .error-message button{background:#721c24;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.immersive-view-page{background:#fafafa;color:#333;min-height:100vh;transition:all .3s ease}.immersive-view-grid{display:grid;grid-template-areas:"header" "translation" "content" "audio";grid-template-rows:50px auto 1fr 60px;height:100vh}.immersive-view-grid.no-translation{grid-template-areas:"header" "content" "audio";grid-template-rows:50px 1fr 60px}.immersive-view-grid.focus-mode,.immersive-view-grid.focus-mode.no-translation{grid-template-areas:"content";grid-template-rows:1fr}.immersive-view-grid.header-hidden{grid-template-rows:0 auto 1fr auto}.immersive-view-grid.header-hidden.no-translation{grid-template-rows:0 1fr auto}.header-area{background:var(--background-color);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);grid-area:header;height:50px;opacity:1;overflow:hidden;transform:translateY(0);transition:transform .3s ease,opacity .3s ease}.header-area.hidden{border-bottom:none;height:0;opacity:0;transform:translateY(-100%)}.translation-area{background:var(--background-color);grid-area:translation}.content-area{grid-area:content;overflow:hidden;position:relative}.content-container{height:100%;overflow-y:auto}.audio-area,.content-container{background:var(--background-color)}.audio-area{align-items:center;border-top:1px solid var(--border-color);display:flex;grid-area:audio;justify-content:center;padding:8px}.immersive-view-page.dark-mode{background:#121212;color:#e0e0e0}.immersive-view-grid .immersive-header{background:var(--background-color);border-bottom:1px solid var(--border-color);position:relative;transition:all .3s ease;z-index:auto}.header-content.simplified{align-items:center;display:flex;gap:20px;height:50px;justify-content:space-between;padding:0 20px}.header-content.simplified .header-title{flex:1 1;text-align:center}.header-content.simplified .desktop-title{font-size:18px;font-weight:500;margin:0}.header-content.simplified .back-button{background:#0000;border:none;border-radius:6px;color:#e67e22;color:var(--primary-color,#e67e22);cursor:pointer;font-size:14px;padding:8px 12px;transition:background .2s ease}.header-content.simplified .back-button:hover{background:#e67e221a}.settings-button-with-label{align-items:center;background:#0000;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;color:#333;color:var(--text-color,#333);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:6px 12px;transition:all .2s ease}.settings-button-with-label:hover{background:#e67e22;background:var(--primary-color,#e67e22);border-color:#e67e22;border-color:var(--primary-color,#e67e22);color:#fff}.settings-button-with-label svg{flex-shrink:0;height:18px;width:18px}.settings-button-with-label .settings-label{font-weight:500}.dark-mode .settings-button-with-label{border-color:#444;color:#e0e0e0}.dark-mode .settings-button-with-label:hover{background:#e67e22;background:var(--primary-color,#e67e22);border-color:#e67e22;border-color:var(--primary-color,#e67e22);color:#fff}.dark-mode .header-content.simplified .back-button{color:#e67e22;color:var(--primary-color,#e67e22)}.dark-mode .header-content.simplified .desktop-title{color:#e0e0e0}.focus-mode-settings-button{align-items:center;background:#e67e22;background:var(--primary-color,#e67e22);border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:48px;z-index:1000}.focus-mode-settings-button:hover{background:#d35400;background:var(--primary-color-dark,#d35400);transform:scale(1.05)}.focus-mode-settings-button svg{height:24px;width:24px}.immersive-view-grid.mobile-grid{display:grid;grid-template-areas:"header" "translation" "content";grid-template-rows:auto auto 1fr;height:100vh}.immersive-view-grid.mobile-grid.no-translation{grid-template-areas:"header" "content";grid-template-rows:auto 1fr}.immersive-view-grid.mobile-grid.header-hidden{grid-template-rows:0 auto 1fr}.immersive-view-grid.mobile-grid.header-hidden.no-translation{grid-template-rows:0 1fr}.immersive-view-grid.mobile-grid .header-area{background:var(--background-color);border-bottom:1px solid var(--border-color);grid-area:header;overflow:hidden;transition:all .3s ease}.immersive-view-grid.mobile-grid.header-hidden .header-area{height:0;opacity:0}.immersive-view-page .immersive-header-floating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s ease,opacity .3s ease;z-index:1000}.immersive-view-page .immersive-header-floating.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.immersive-view-page.dark-mode .immersive-header-floating{background:#121212f2;border-bottom:1px solid #ffffff1a}.immersive-content-wrapper{margin:0 auto;max-width:var(--content-max-width);padding:80px 0 120px}.immersive-content-wrapper .story-header{border-bottom:2px solid #0000001a;margin-bottom:2rem;padding:2rem 24px;text-align:center}.immersive-view-page.dark-mode .immersive-content-wrapper .story-header{border-bottom-color:#ffffff1a}.immersive-content-wrapper .story-header h2{color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.immersive-content-wrapper .story-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.immersive-content-wrapper .story-type{background:var(--active-color);border-radius:20px;color:var(--light-text);font-size:.9rem;font-weight:500;padding:.25rem .75rem}.immersive-content-wrapper .total-word-count{background:var(--primary-light);border-radius:20px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:.25rem .75rem}.mobile-layout .immersive-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;opacity:1;position:fixed;right:0;top:0;transform:translateY(0);transition:transform .3s ease,opacity .3s ease;z-index:1000}.immersive-view-page.dark-mode .immersive-header{background:#121212f2;border-bottom:1px solid #ffffff1a}.immersive-header.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.header-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:var(--content-max-width);padding:var(--content-padding)}.immersive-header .back-button{background:#0000;border:1px solid #0003;border-radius:20px;color:inherit;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.immersive-view-page.dark-mode .immersive-header .back-button{border-color:#fff3}.immersive-header .back-button:hover{background:#0000000d}.immersive-view-page.dark-mode .immersive-header .back-button:hover{background:#ffffff0d}.header-title{flex:1 1;min-width:0;text-align:center}.immersive-header .header-title h1{color:inherit;font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.immersive-header .mobile-title{display:none}.immersive-header .desktop-title{display:block}.header-controls{align-items:center;display:flex;flex-shrink:0;gap:12px}.toggle-button{background:#0000;border:1px solid #0003;border-radius:16px;color:inherit;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;min-width:36px;padding:6px 12px;transition:all .3s ease}.immersive-view-page.dark-mode .toggle-button{border-color:#fff3}.toggle-button.active,.toggle-button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.view-mode-button{background:#0000;border:1px solid #0003;border-radius:16px;color:inherit;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:6px 12px;transition:all .3s ease}.immersive-view-page.dark-mode .view-mode-button{border-color:#fff3}.view-mode-button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.icon-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:36px;justify-content:center;min-width:36px;padding:6px;transition:background-color .2s ease}.icon-button:hover{background-color:#0000001a;background-color:var(--hover-color,#0000001a)}.immersive-view-page.dark-mode .icon-button:hover{background-color:#ffffff1a}.font-controls{align-items:center;display:flex;gap:12px}.english-font-controls,.urdu-font-controls{align-items:center;display:flex;gap:4px}.font-button{background:#0000;border:1px solid #0003;border-radius:12px;color:inherit;cursor:pointer;flex-shrink:0;font-size:11px;min-width:28px;padding:4px 8px;transition:all .3s ease}.immersive-view-page.dark-mode .font-button{border-color:#fff3}.font-button:hover{background:#0000000d}.immersive-view-page.dark-mode .font-button:hover{background:#ffffff0d}.font-size-label{color:var(--light-text);font-size:11px;font-weight:500;min-width:35px;text-align:center}.immersive-view-grid .immersive-audio-player{background:var(--background-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 16px #0000001a;margin:0 auto;max-width:600px;padding:12px}.mobile-layout .immersive-audio-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:20px;bottom:20px;box-shadow:0 8px 32px #0000001a;left:50%;max-width:90vw;padding:16px;position:fixed;transform:translateX(-50%);z-index:999}.immersive-view-page.dark-mode .mobile-layout .immersive-audio-player{background:#121212f2;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.immersive-view-page.dark-mode .immersive-view-grid .immersive-audio-player{background:var(--background-color);border-color:var(--border-color);box-shadow:0 4px 16px #0000004d}.immersive-view-grid .story-header-section{margin:0 auto;max-width:var(--content-max-width);padding:20px 0 0}.mobile-layout .story-header-section{margin:0 auto;max-width:var(--content-max-width);padding:80px 0 0}.story-header{border-bottom:2px solid #0000001a;margin-bottom:2rem;padding:2rem 24px;text-align:center}.immersive-view-page.dark-mode .story-header{border-bottom-color:#ffffff1a}.story-header h2{color:var(--primary-color);font-size:2rem;margin-bottom:1rem}.story-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.story-type{background:var(--active-color);color:var(--light-text)}.story-type,.total-word-count{border-radius:20px;font-size:.9rem;font-weight:500;padding:.25rem .75rem}.total-word-count{background:var(--primary-light);color:var(--primary-color)}.immersive-view-grid .immersive-content{line-height:1.8;margin:0 auto;max-width:var(--content-max-width);padding:0 0 20px}.mobile-layout .immersive-content{line-height:1.8;margin:0 auto;max-width:var(--content-max-width);padding:0 0 120px}.immersive-view-grid.mobile-grid .translation-area{background:var(--background-color);grid-area:translation}.immersive-view-grid.mobile-grid .sticky-translation-bar{position:sticky;top:0}.mobile-layout .sticky-translation-bar{position:sticky;top:0;z-index:1001}.immersive-view-page .story-content{padding:var(--content-padding)}.immersive-view-page .urdu-text{font-family:Noto Nastaliq Urdu,serif!important;font-family:var(--font-family-urdu-dynamic,var(--font-family-urdu,"Noto Nastaliq Urdu",serif))!important}.immersive-view-page .section{margin-bottom:40px;padding-bottom:30px}.immersive-view-page .section:not(:last-child){border-bottom:1px solid #0000001a}.immersive-view-page.dark-mode .section:not(:last-child){border-bottom-color:#ffffff1a}.immersive-view-page .section-title{color:var(--primary-color);font-size:20px;font-weight:600;margin-bottom:24px}.immersive-view-page.dark-mode .section-title{color:var(--primary-color)}.immersive-view-page .sentence{border-radius:12px;cursor:pointer;margin-bottom:20px;padding:16px;transition:all .3s ease}.immersive-view-page .sentence:hover{background:#e67e220d}.immersive-view-page.dark-mode .sentence:hover{background:#f39c121a}.immersive-view-page .sentence.active{background:#e67e221a;border:2px solid #e67e224d}.immersive-view-page.dark-mode .sentence.active{background:#f39c1226;border-color:#f39c1266}.immersive-view-page .urdu-text{line-height:1.8;margin-bottom:12px}.immersive-view-page .english-text{font-size:.9em;line-height:1.6;opacity:.8}.error-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff3b30f2;border-radius:12px;box-shadow:0 8px 32px #ff3b304d;color:#fff;display:flex;gap:16px;left:50%;padding:16px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:1001}.error-message button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.error-message button:hover{background:#ffffff4d}.error,.loading,.no-data{align-items:center;display:flex;font-size:18px;justify-content:center;min-height:100vh;padding:24px;text-align:center}.immersive-content-wrapper .immersive-view-page .story-content{padding:var(--content-padding)}.immersive-content-wrapper .immersive-content{line-height:1.8;margin:0 auto;max-width:var(--content-max-width);padding:0 0 20px}@media (max-width:768px){.header-content{gap:.75rem;padding:10px 16px}.immersive-header .header-title h1{font-size:14px}.immersive-header .desktop-title{display:none}.immersive-header .mobile-title{display:block}.immersive-header .back-button{font-size:13px;padding:6px 12px}.immersive-content-wrapper{padding:70px 0 140px}.immersive-content-wrapper .story-header{margin-bottom:1.5rem;padding:1.5rem 16px}.immersive-content-wrapper .story-header h2{font-size:1.5rem}.immersive-content-wrapper .story-meta{gap:.5rem}.immersive-content-wrapper .immersive-view-page .story-content{padding:0 16px}.header-controls{display:none}.story-header-section{padding:70px 0 0}.story-header{margin-bottom:1.5rem;padding:1.5rem 16px}.story-header h2{font-size:1.5rem}.story-meta{gap:.5rem}.immersive-content{padding:0 0 140px}.immersive-view-page .story-content{padding:0 16px}.immersive-audio-player{bottom:10px;left:10px;max-width:none;padding:12px;right:10px;transform:none}.immersive-view-page .sentence{margin-bottom:16px;padding:12px}}@media (max-width:480px){.header-content{gap:.5rem;padding:8px 12px}.immersive-header .header-title h1{font-size:13px}.immersive-header .back-button{font-size:12px;padding:5px 10px}.story-header-section{padding:60px 0 0}.story-header{margin-bottom:1rem;padding:1rem 12px}.story-header h2{font-size:1.3rem}.story-meta{gap:.5rem}.immersive-content{padding:0 0 120px}.immersive-view-page .story-content{padding:0 12px}}.focus-mode{background:linear-gradient(135deg,var(--brand-neutral-900) 0,var(--brand-primary-dark) 50%,var(--brand-primary) 100%);color:var(--brand-white);min-height:100vh;overflow:hidden;position:relative}.focus-safe-area{display:flex;flex-direction:column;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.focus-header{align-items:center;display:flex;gap:16px;padding:20px 24px;position:relative;z-index:10}.focus-back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:var(--brand-white);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:18px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .3s ease}.focus-back-button:hover{background:#fff3;transform:translateY(-1px)}.focus-mode-badge{font-family:var(--font-family-sans);font-size:14px;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.focus-main{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:40px;justify-content:center;margin:0 auto;max-width:400px;padding:40px 24px;width:100%}.focus-story-title{margin-bottom:20px;text-align:center}.focus-story-title h1{font-family:var(--font-family-sans);font-size:var(--font-size-xl);font-weight:600;line-height:1.3;margin:0;opacity:.9}.focus-chapter-indicator{margin-bottom:20px;text-align:center}.focus-chapter-dots{flex-wrap:wrap;gap:12px;margin-bottom:16px}.focus-chapter-dots,.focus-dot{display:flex;justify-content:center}.focus-dot{align-items:center;background:#00000080;border:2px solid #fffc;border-radius:50%;cursor:pointer;height:10px;margin:4px;min-height:24px;min-width:24px;position:relative;transition:all .3s ease;width:10px}.focus-dot:hover{background:#000000b3;border-color:#fff;transform:scale(1.2)}.focus-dot.active{background:var(--brand-white);border:2px solid #0000004d;box-shadow:0 0 20px #ffffff80;transform:scale(1.4)}.focus-dot.completed{background:#ffffffe6;border:2px solid #fff}.focus-dot-number{color:#fff;font-size:10px;font-weight:600;left:50%;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.focus-dot.active .focus-dot-number,.focus-dot.completed .focus-dot-number{color:var(--brand-neutral-900)}.focus-chapter-title{font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:600;line-height:1.4;margin:0;opacity:.9}.focus-play-zone{margin:20px 0}.focus-play-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e67e2233;border:2px solid #e67e2266;border-radius:50%;box-shadow:0 0 40px #e67e224d,inset 0 0 20px #ffffff1a;color:var(--brand-white);cursor:pointer;display:flex;font-size:32px;height:120px;justify-content:center;position:relative;transition:all .3s ease;width:120px}.focus-play-button:hover{background:#e67e224d;border-color:#e67e2299;box-shadow:0 0 60px #e67e2280,inset 0 0 30px #ffffff26;transform:scale(1.05)}.focus-play-button:active{transform:scale(.95)}.focus-play-icon{align-items:center;display:flex;justify-content:center;line-height:1;margin-left:2px}.focus-play-button.load-audio{background:#e67e224d;border-color:#e67e2299}.focus-play-button.load-audio .focus-play-icon{font-size:14px;font-weight:600;margin-left:0}.focus-skip-controls{align-items:center;display:flex;gap:40px}.focus-skip-button{background:none;border:none;border-radius:24px;color:#fffc;cursor:pointer;font-family:var(--font-family-sans);font-size:16px;font-weight:600;letter-spacing:.5px;min-width:60px;padding:12px 20px;transition:all .3s ease}.focus-skip-button:hover{background:#ffffff1a;color:var(--brand-white);transform:translateY(-1px)}.focus-skip-button:active{transform:translateY(0)}.focus-time-progress{font-feature-settings:"tnum";align-items:center;display:flex;font-family:var(--font-family-sans);font-size:16px;font-variant-numeric:tabular-nums;font-weight:500;gap:8px;opacity:.8}.focus-time-divider{opacity:.5}.focus-smart-resume{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.focus-resume-card{background:var(--brand-white);border-radius:24px;box-shadow:0 20px 40px #0000004d;color:var(--brand-neutral-900);max-width:320px;padding:32px;text-align:center;width:100%}.focus-resume-card h3{font-family:var(--font-family-sans);font-size:20px;font-weight:600;margin:0 0 12px}.focus-resume-details{font-family:var(--font-family-sans);font-size:14px;margin:0 0 24px;opacity:.7}.focus-resume-actions{display:flex;gap:12px}.focus-resume-button{border-radius:16px;cursor:pointer;flex:1 1;font-family:var(--font-family-sans);font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.focus-resume-continue{background:var(--brand-primary);border:none;color:var(--brand-white)}.focus-resume-continue:hover{background:var(--brand-primary-dark);transform:translateY(-1px)}.focus-resume-restart{background:#0000;border:1px solid var(--brand-neutral-200);color:var(--brand-neutral-500)}.focus-resume-restart:hover{background:var(--brand-neutral-100)}.focus-error,.focus-loading{align-items:center;background:linear-gradient(135deg,var(--brand-neutral-900) 0,var(--brand-primary-dark) 50%,var(--brand-primary) 100%);color:var(--brand-white);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh;padding:24px;text-align:center}.focus-error-text,.focus-loading-text{font-family:var(--font-family-sans);font-size:18px}.focus-error-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;color:var(--brand-white);cursor:pointer;font-family:var(--font-family-sans);font-size:16px;padding:12px 24px;transition:all .3s ease}.focus-error-button:hover{background:#fff3;transform:translateY(-1px)}@media (max-width:480px){.focus-main{gap:32px;padding:32px 20px}.focus-play-button{font-size:28px;height:100px;width:100px}.focus-skip-controls{gap:32px}.focus-skip-button{font-size:14px;padding:10px 16px}.focus-chapter-title{font-size:var(--font-size-base)}.focus-story-title h1{font-size:var(--font-size-lg)}.focus-resume-card{margin:16px;padding:24px}.focus-chapter-dots{gap:8px}.focus-dot{height:8px;width:8px}}@media (orientation:landscape) and (max-height:500px){.focus-main{gap:24px;padding:20px}.focus-play-button{font-size:24px;height:80px;width:80px}.focus-header{padding:12px 24px}.focus-story-title{margin-bottom:10px}.focus-story-title h1{font-size:var(--font-size-lg)}.focus-chapter-indicator{margin-bottom:10px}}@media (max-width:320px){.focus-main{gap:24px;padding:24px 16px}.focus-play-button{font-size:24px;height:90px;width:90px}.focus-skip-controls{gap:24px}.focus-chapter-dots{gap:6px}.focus-resume-card{margin:12px;padding:20px}}@media (prefers-contrast:high){.focus-play-button{border-color:var(--brand-white);border-width:3px}.focus-dot{border:1px solid var(--brand-white)}.focus-skip-button{border:1px solid #ffffff80}}@media (prefers-reduced-motion:reduce){.focus-back-button,.focus-dot,.focus-play-button,.focus-resume-button,.focus-skip-button{transition:none}.focus-back-button:hover,.focus-dot:hover,.focus-play-button:hover,.focus-skip-button:hover{transform:none}}
/*# sourceMappingURL=main.a7f0a91c.css.map*/