:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-reading:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-heading:"Readex Pro","IBM Plex Sans Arabic",system-ui,sans-serif;--bg-main:#f9f8f4;--bg-panel:#fff;--bg-surface:#f0efe9;--stroke:#eae6df;--stroke-strong:#d8d4c9;--text-main:#2c2a28;--text-reading:#403e3a;--text-muted:#737068;--accent:#c28b4a;--accent-soft:#c28b4a1f;--green:#5a8c6f;--green-soft:#5a8c6f1f;--danger:#d16b6b;--danger-soft:#d16b6b1f;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--shadow-soft:0 8px 30px #00000008;--shadow-hover:0 12px 40px #0000000f;--reading-font-size:22px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#141413;--bg-panel:#1a1a19;--bg-surface:#222220;--stroke:#ffffff14;--stroke-strong:#ffffff26;--text-main:#e8e6e1;--text-reading:#dcdad4;--text-muted:#95948f;--accent-soft:#c4a77726;--shadow-soft:0 8px 30px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-main);font-family:var(--font-reading);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7}body.focus-mode .sidebar{opacity:.15;pointer-events:none}body.focus-mode .reading-header{opacity:.18}body.focus-mode .mobile-nav{transform:translateY(100%)}.sidebar,.reading-header,.mobile-nav{transition:all .35s}h1,h2,h3{font-family:var(--font-heading);font-weight:500;line-height:1.35}button,input,textarea,select{font-family:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0;transition:all .25s}.app-shell{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px;max-width:1440px;min-height:100vh;margin:0 auto;padding:24px 32px;display:grid}.main-area{min-width:0;padding-bottom:40px}.screen-stack{gap:28px;display:grid}.sidebar{background:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius-xl);height:calc(100vh - 48px);box-shadow:var(--shadow-soft);flex-direction:column;padding:24px;display:flex;position:sticky;top:24px}.brand-lockup{align-items:center;gap:12px;margin-bottom:36px;display:flex}.brand-mark{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);font-size:20px;font-weight:600;font-family:var(--font-heading);border-radius:12px;place-items:center;display:grid}.brand-lockup h1{font-size:22px}.brand-lockup p{color:var(--text-muted);margin-top:2px;font-size:13px}.nav-list{gap:8px;display:grid}.nav-item{color:var(--text-muted);font-family:var(--font-heading);text-align:start;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:15px;display:flex}.nav-item.active,.nav-item:hover{background:var(--bg-surface);color:var(--text-main)}.sidebar-footer{border-top:1px solid var(--stroke);margin-top:auto;padding-top:24px}.mobile-nav{display:none}.hero-card,.book-card,.admin-card{background:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);padding:36px;transition:all .3s}.hero-card.compact{padding:24px 36px}.hero-content h2{letter-spacing:-.01em;margin:14px 0 16px;font-size:clamp(28px,4vw,42px)}.hero-card.compact h2{font-size:28px}.hero-content p{color:var(--text-muted);max-width:820px;font-size:17px;line-height:1.85}.muted-note,.sync-status{color:var(--text-muted);margin-top:10px;font-size:13px}.book-library-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:24px;display:grid}.book-card{flex-direction:column;gap:20px;padding:28px;display:flex}.book-card:hover{border-color:var(--stroke-strong);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.book-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.book-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.book-title-block strong{font-size:20px;font-family:var(--font-heading);margin-bottom:6px;display:block}.book-description,.book-title-block small{color:var(--text-muted);font-size:15px;line-height:1.8}.pill{font-size:13px;font-family:var(--font-heading);background:var(--bg-surface);color:var(--text-muted);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.pill svg{width:14px;height:14px}.pill-gold{background:var(--accent-soft);color:var(--accent)}.primary-btn,.ghost-btn,.danger-btn{font-family:var(--font-heading);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:12px 22px;font-size:14px;font-weight:500;display:inline-flex}.primary-btn{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-soft)}.primary-btn:hover{background:#a6753c;transform:translateY(-1px)}.ghost-btn{color:var(--text-main);border:1px solid var(--stroke-strong);background:0 0}.ghost-btn:hover{background:var(--bg-surface);border-color:var(--accent)}.danger-btn{background:var(--danger-soft);color:var(--danger)}.green-btn{background:var(--green)}.season-accordion{background:var(--bg-surface);border:1px solid var(--stroke);border-radius:16px;margin-top:12px;overflow:hidden}.season-accordion summary{font-family:var(--font-heading);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;list-style:none;display:flex}.season-accordion summary::-webkit-details-marker{display:none}.season-accordion summary small{color:var(--text-muted);font-size:13px}.simple-episode-list{gap:8px;padding:0 20px 20px;display:grid}.episode-item-btn{background:var(--bg-panel);border:1px solid var(--stroke);width:100%;color:var(--text-main);text-align:start;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;display:flex}.episode-item-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.view-section{display:none}.view-section.active{animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.reading-card{padding:32px 40px}.reading-header{border-bottom:1px solid var(--stroke);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex}.reading-top-row{justify-content:space-between;align-items:flex-start;gap:16px;width:100%;display:flex}.back-btn{color:var(--text-muted);font-family:var(--font-heading);align-items:center;gap:8px;font-size:14px;display:flex}.back-btn svg{width:18px}.font-controls{background:var(--bg-surface);border:1px solid var(--stroke);border-radius:20px;align-items:center;gap:4px;padding:4px;display:flex}.font-controls button{width:34px;height:34px;color:var(--text-main);font-family:var(--font-heading);border-radius:50%;place-items:center;font-size:13px;display:grid}.font-controls button:hover{background:var(--bg-panel);color:var(--accent)}.reading-title{width:100%;margin-top:8px}.reading-title h2{margin-bottom:8px;font-size:clamp(24px,3vw,36px)}.reading-title p{color:var(--text-muted);font-size:16px}.quote-hint{background:var(--accent-soft);width:100%;color:var(--accent);font-size:13px;font-family:var(--font-heading);border-radius:14px;align-items:center;gap:8px;padding:10px 14px;display:flex}.quote-hint svg{width:16px;height:16px}.episode-stats-row{flex-wrap:wrap;align-items:center;gap:18px;margin-top:4px;display:flex}.episode-stat,.reading-time{color:var(--text-muted);align-items:center;gap:6px;font-size:14px;display:flex}.reading-time{color:var(--accent);font-weight:500}.episode-stat svg,.share-episode-btn svg,.reading-time svg{width:16px}.share-episode-btn{background:var(--bg-surface);border:1px solid var(--stroke-strong);font-family:var(--font-heading);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.reading-content{max-width:760px;margin:0 auto;transition:all .3s}.reading-content p{font-size:var(--reading-font-size);color:var(--text-reading);margin-bottom:24px;line-height:2.1;transition:font-size .3s}.reading-content h3{font-size:calc(var(--reading-font-size) + 4px);margin:40px 0 20px;transition:font-size .3s}.reading-content blockquote{border-inline-start:4px solid var(--accent);color:var(--text-muted);background:var(--bg-surface);font-style:italic;font-size:calc(var(--reading-font-size) - 2px);border-radius:12px;margin:24px 0;padding:24px;line-height:2}.reading-content hr{text-align:center;border:none;margin:40px 0}.reading-content hr:before{content:"•••";letter-spacing:12px;color:var(--accent);font-size:24px}.reading-content ul{margin:0 0 24px;padding-inline-start:28px}.reading-content li{font-size:calc(var(--reading-font-size) - 2px);color:var(--text-reading);line-height:2}.reading-content a{color:var(--accent)}.reading-content img{border-radius:14px;max-width:100%;margin:24px auto;display:block}.reading-content figure{background:var(--bg-surface);border:1px solid var(--stroke);text-align:center;border-radius:16px;margin:30px 0;padding:16px}.reading-content figcaption{color:var(--text-muted);margin-top:10px;font-size:15px}.episode-nav-buttons{border-top:1px solid var(--stroke);grid-template-columns:1fr 1fr;gap:16px;margin-top:60px;padding-top:32px;display:grid}.nav-ep-btn{background:var(--bg-surface);border:1px solid var(--stroke);text-align:start;border-radius:16px;flex-direction:column;padding:20px;transition:all .2s;display:flex}.nav-ep-btn:hover{border-color:var(--accent);background:var(--bg-panel);box-shadow:var(--shadow-soft)}.nav-ep-btn small{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.nav-ep-btn strong{color:var(--text-main);font-family:var(--font-heading);font-size:16px}.nav-ep-btn.disabled{opacity:.5;pointer-events:none}.nav-ep-btn.next{text-align:end;background:var(--accent-soft);border-color:#0000;align-items:flex-end}.nav-ep-btn.next strong{color:var(--accent)}.floating-share-btn{z-index:1000;background:var(--text-main);color:var(--bg-main);font-family:var(--font-heading);cursor:pointer;opacity:0;pointer-events:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;transition:opacity .2s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 15px #0003}.floating-share-btn svg{width:14px}.floating-share-btn.show{opacity:1;pointer-events:auto}.floating-share-btn:after{content:"";border-style:solid;border-width:6px 6px 0;border-color:var(--text-main) transparent transparent;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.admin-tabs{border-bottom:1px solid var(--stroke);gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex;overflow-x:auto}.admin-tab-btn{font-family:var(--font-heading);color:var(--text-muted);white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;display:flex}.admin-tab-btn svg{width:16px}.admin-tab-btn.active,.admin-tab-btn:hover{background:var(--accent-soft);color:var(--accent)}.admin-tab-btn.save-tab{background:var(--green-soft);color:var(--green)}.admin-tab-content{display:none}.admin-tab-content.active{display:block}.admin-card h3{align-items:center;gap:10px;margin-bottom:24px;font-size:22px;display:flex}.form-grid{gap:20px;display:grid}.form-grid.two-cols{grid-template-columns:1fr 1fr}.episode-form{margin-top:20px}.form-field{flex-direction:column;gap:8px;display:flex}.form-field label{font-family:var(--font-heading);font-weight:500}.field-hint{font-family:var(--font-reading);color:var(--text-muted);font-size:13px;font-weight:400}.form-field input,.form-field select,.form-field textarea{background:var(--bg-surface);border:1px solid var(--stroke);color:var(--text-main);border-radius:12px;padding:14px 18px;font-size:15px;transition:all .2s}.form-field textarea{resize:vertical;min-height:180px;line-height:1.8}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.edit-list-item{background:var(--bg-surface);border:1px solid var(--stroke);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.edit-list-item strong{font-family:var(--font-heading);margin-bottom:4px;font-size:16px;display:block}.edit-list-item small{color:var(--text-muted);font-size:13px}.auth-box{background:var(--bg-surface);border:1px solid var(--stroke);border-radius:16px;gap:12px;margin-bottom:24px;padding:20px;display:grid}.auth-row{grid-template-columns:1fr 1fr auto;gap:10px;display:grid}.editor-container{border:1px solid var(--stroke);background:var(--bg-surface);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.editor-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.editor-toolbar{background:var(--bg-panel);border-bottom:1px solid var(--stroke);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.toolbar-btn{min-width:34px;height:34px;color:var(--text-muted);font-family:var(--font-heading);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.toolbar-btn svg{width:18px;height:18px}.toolbar-btn:hover{background:var(--bg-surface);color:var(--text-main)}.toolbar-separator{background:var(--stroke);width:1px;height:24px;margin:0 4px}.editor-area{min-height:300px;color:var(--text-reading);background:var(--bg-panel);outline:none;padding:22px;font-size:18px;line-height:2.1;overflow-y:auto}.editor-area[placeholder]:empty:before{content:attr(placeholder);color:var(--text-muted);pointer-events:none}.editor-area h3{margin:24px 0 12px;font-size:24px}.editor-area blockquote{border-inline-start:4px solid var(--accent);background:var(--bg-surface);border-radius:12px;margin:16px 0;padding:18px}.editor-area ul{padding-inline-start:24px}.color-palette{border-inline-start:1px solid var(--stroke);align-items:center;gap:6px;margin-inline-start:8px;padding-inline-start:12px;display:flex}.color-swatch{cursor:pointer;border:1px solid #0000001a;border-radius:50%;width:22px;height:22px}.color-swatch:hover{transform:scale(1.12)}.image-btn{margin-inline-start:auto}.editor-image-wrapper{text-align:center;background:var(--bg-surface);border:1px solid var(--stroke);clear:both;border-radius:12px;margin:24px auto;padding:16px;display:block;position:relative}.editor-image-wrapper.align-center{float:none;margin-left:auto;margin-right:auto}.editor-image-wrapper.float-right{float:right;clear:none;margin:8px 0 16px 24px}.editor-image-wrapper.float-left{float:left;clear:none;margin:8px 24px 16px 0}.editor-image-wrapper.size-sm{width:35%}.editor-image-wrapper.size-md{width:55%}.editor-image-wrapper.size-lg{width:100%}.editor-image-wrapper img{border-radius:8px;max-width:100%;margin:0 auto;display:block}.editor-image-wrapper figcaption{color:var(--text-muted);outline:none;margin-top:12px;font-size:15px}.editor-image-wrapper figcaption:empty:before{content:attr(data-placeholder);color:#7370688c}.image-toolbar{opacity:0;z-index:10;border:1px solid var(--stroke);background:#fffffff5;border-radius:12px;gap:4px;padding:6px 8px;transition:all .2s;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00000026}.editor-image-wrapper:hover .image-toolbar{opacity:1;transform:translate(-50%)translateY(-6px)}.img-tool-btn{color:#2c2a28;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.img-tool-btn:hover{color:var(--accent);background:#f0efe9}.img-tool-btn svg{width:18px}.how-it-works{text-align:center;color:var(--text-muted);margin-top:24px;padding:24px}.how-it-works strong{color:var(--text-main);font-family:var(--font-heading);margin-bottom:8px;font-size:18px;display:block}.toast{background:var(--text-main);color:var(--bg-main);font-family:var(--font-heading);opacity:0;z-index:100;border-radius:30px;padding:12px 24px;font-size:14px;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 4px 15px #0003}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=1024px){.app-shell{padding:20px;grid-template-columns:1fr;padding-bottom:110px}.sidebar{display:none}.mobile-nav{z-index:50;background:var(--bg-panel);border-top:1px solid var(--stroke);grid-template-columns:repeat(3,1fr);padding:12px 16px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{text-align:center;color:var(--text-muted);font-size:12px;font-family:var(--font-heading);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 4px;display:flex}.mobile-nav button.active{color:var(--accent);background:var(--accent-soft)}}@media (width<=768px){.hero-card,.book-card,.admin-card{border-radius:16px;padding:24px}.book-library-grid,.form-grid.two-cols,.auth-row{grid-template-columns:1fr}.reading-content p{font-size:calc(var(--reading-font-size) - 2px);line-height:2.05}.episode-nav-buttons{grid-template-columns:1fr}.edit-list-item{flex-direction:column;align-items:stretch}.editor-toolbar{gap:4px}.toolbar-btn{min-width:32px}.editor-image-wrapper.size-sm,.editor-image-wrapper.size-md{float:none;width:100%;margin:24px auto}}.reader-panel{gap:22px;display:grid}.reader-auth-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.reader-profile-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.reader-section{border-top:1px solid var(--stroke);gap:14px;padding-top:20px;display:grid}.reader-section h3{margin-bottom:0;font-size:20px}.reader-progress-list,.reader-quotes-list{gap:12px;display:grid}.reader-progress-card,.reader-quote-card{background:var(--bg-surface);border:1px solid var(--stroke);border-radius:16px;padding:18px}.reader-progress-card strong,.reader-quote-card strong{font-family:var(--font-heading);margin-bottom:8px;display:block}.progress-track{background:#0000000f;border-radius:999px;height:9px;margin:12px 0;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;width:0;height:100%}.reader-quote-card blockquote{color:var(--text-reading);border-inline-start:4px solid var(--accent);margin:10px 0;padding-inline-start:14px;font-size:18px;line-height:1.9}.reader-quote-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.floating-quote-actions{z-index:1000;background:var(--text-main);color:var(--bg-main);opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:6px;padding:7px;transition:opacity .2s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 15px #00000038}.floating-quote-actions.show{opacity:1;pointer-events:auto}.floating-quote-actions button{font-family:var(--font-heading);color:var(--bg-main);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.floating-quote-actions button:hover{background:#ffffff24}.floating-quote-actions svg{width:14px;height:14px}.floating-quote-actions:after{content:"";border-style:solid;border-width:6px 6px 0;border-color:var(--text-main) transparent transparent;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (width<=768px){.reader-auth-actions{justify-content:stretch}.reader-auth-actions button{width:100%}.reader-profile-head{align-items:stretch}.reader-profile-head button{width:100%}}