:root{--paper: #f3ebdd;--paper-2: #ebe0cc;--ink: #33291f;--ink-2: #5d4c3b;--muted: #8a7862;--line: #5a45301f;--accent: #9a6531;--quran: #9a7420;--quran-bg: #f4e5bb;--tafsir: #2c6f74;--tafsir-bg: #d6ebe9;--art: #a9502f;--art-bg: #f6dccd;--summary: #55526a;--summary-bg: #e3e0ea;--note: #4b479a;--note-bg: #e1e0f6;--report: #6e5b3c;--report-bg: #ece2cf;font-family:Noto Sans Arabic,DM Sans,sans-serif;color:var(--ink);background:#1d1712;font-synthesis:none}[dir=ltr]{font-family:DM Sans,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}body{margin:0;background:#1d1712}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.35;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,.world-wrap:focus-visible{outline:2px solid #d49a4c;outline-offset:3px}p{line-height:1.95}.salih-app{position:relative;height:100dvh;min-height:560px;overflow:hidden}.world-wrap{position:absolute;inset:0;outline:none}.world-wrap canvas{touch-action:none;display:block}.world-fallback{position:absolute;inset:64px 0 76px;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:24px;color:#efe4d2;background:radial-gradient(circle at 50% 40%,#6d5238,#241b14 70%)}.world-fallback p{margin:0;max-width:460px}.world-fallback .hint{color:#cdbba2;font-size:13px}.world-fallback button{margin-top:10px;padding:10px 18px;border-radius:999px;background:#efe4d2;color:#33291f}.loading-screen{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:6px;text-align:center;color:#f1e5d1;background:linear-gradient(#2a1f17,#5b4028 70%,#8a6340)}.loading-screen h2{font-family:Amiri,serif;font-weight:400;font-size:34px;margin:4px 0}[dir=ltr] .loading-screen h2{font-family:DM Sans,sans-serif;font-size:26px}.loading-screen span,.loading-screen p{font-size:13px;color:#d9c6a8;margin:0}.loading-line{margin-top:16px;width:180px;height:2px;background:#fff2;overflow:hidden;position:relative}.loading-line:after{content:"";position:absolute;inset:0;width:40%;background:#e9bf7e;animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}.salih-header{position:absolute;inset:0 0 auto;z-index:5;height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:#f7eee0;background:linear-gradient(#1d1712d0,#1d171200)}.qasas-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.qasas-brand>span{font-family:Amiri,serif;font-size:32px;line-height:1}.qasas-brand i{width:1px;height:22px;background:#ffffff40}.qasas-brand small{font-size:12px;color:#e9dcc6}.salih-header nav{display:flex;align-items:center;gap:6px}.nav-btn{min-height:40px;padding:0 10px;font-size:12.5px;border-radius:10px}.nav-btn:hover{background:#ffffff18}.language{border-inline-start:1px solid #ffffff33;border-radius:0}.mode-switch{display:flex;padding:3px;border-radius:999px;background:#0000004d;border:1px solid #ffffff26;margin-inline-end:8px}.mode-switch button{min-height:34px;padding:0 12px;border-radius:999px;font-size:12.5px;color:#eadcc6}.mode-switch button[aria-pressed=true]{background:#f3ebdd;color:#33291f}.story-panel{position:absolute;z-index:4;top:76px;bottom:92px;inset-inline-start:20px;width:372px;display:flex;flex-direction:column;padding:20px 22px 14px;border-radius:18px;background:#f3ebddf0;box-shadow:0 20px 50px #0000003d,0 0 0 1px #fff5 inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .35s,transform .35s}.immersive .story-panel{opacity:0;transform:translate(-30px);pointer-events:none}[dir=rtl] .immersive .story-panel{transform:translate(30px)}.chapter-heading{animation:arrive .6s both}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.06em;color:var(--muted)}.eyebrow span{font-family:DM Sans,sans-serif;font-size:12px}.eyebrow i{width:26px;height:1px;background:#b6a386}.story-name{margin:12px 0 0;font-family:Amiri,serif;font-size:17px;line-height:1.5;color:var(--ink-2)}.story-name span{font-family:Noto Sans Arabic,sans-serif;font-size:10px;color:var(--muted)}[dir=ltr] .story-name{font-family:DM Sans,sans-serif;font-size:13px}h1{font-family:Amiri,serif;font-weight:400;font-size:40px;line-height:1.45;margin:0 0 8px}[dir=ltr] h1{font-family:DM Sans,sans-serif;font-size:32px;letter-spacing:-.8px;line-height:1.2;margin:6px 0 12px}.panel-body{flex:1;min-height:0;overflow-y:auto;padding-inline-end:8px;margin-inline-end:-8px;scrollbar-width:thin;scrollbar-color:#b8a58a transparent;animation:arrive .45s both}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}}.reduced *{animation:none!important;transition:none!important}.stop-head span{font-size:11px;color:var(--muted)}.stop-head h2{font-size:18px;font-weight:500;margin:2px 0 12px}.block-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--muted);margin:8px 0 6px}.block-label small{font-size:10.5px}.kind-chip{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;font-size:10.5px;font-weight:500;line-height:1.8;white-space:nowrap}.kind-quran{--k: var(--quran);--kb: var(--quran-bg)}.kind-tafsir{--k: var(--tafsir);--kb: var(--tafsir-bg)}.kind-art{--k: var(--art);--kb: var(--art-bg)}.kind-note{--k: var(--note);--kb: var(--note-bg)}.kind-report{--k: var(--report);--kb: var(--report-bg)}.kind-summary{--k: var(--summary);--kb: var(--summary-bg)}.kind-chip{color:var(--k);background:var(--kb)}.verses{display:grid;gap:10px}.verse{margin:0;padding:12px 14px 8px;border-radius:12px;background:#fbf5e7;border-inline-start:3px solid var(--quran);transition:background .3s}.verse.now{background:#f6e7bc}.verse blockquote{margin:0;font-family:Amiri,serif;font-size:22px;line-height:2.05;text-align:right;color:#2a2016}.verse .translation{margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--ink-2);text-align:left}.verse figcaption{margin-top:4px;font-size:11px}.verse figcaption a{color:var(--quran);text-decoration:none}.summary-block{margin-top:14px;padding:10px 14px;border-radius:12px;background:#ece8ef;border-inline-start:3px solid var(--summary)}.summary-block p{margin:0;font-size:13.5px;line-height:1.95;color:#3e3b4d}.intro{font-size:13.5px;color:var(--ink-2);margin:4px 0 12px}.reflection{margin:0 0 12px;padding:8px 12px;border-inline-start:2px solid #b39a74;font-size:13px;color:var(--ink-2)}.reflection span{display:block;font-size:10.5px;color:var(--muted)}.recitation{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0 4px;font-size:12px}.recitation .listen{padding:7px 14px;border-radius:999px;background:#33291f;color:#f6ecdb;font-size:12.5px}.recitation .reciter{display:flex;align-items:center;gap:6px;color:var(--muted)}.recitation select,.settings-list select,.seq-bar select{border:1px solid var(--line);border-radius:8px;background:#fffaf0;padding:4px 6px;max-width:180px}.zad-link{font-size:11.5px;color:var(--accent)}.recitation p{margin:0;width:100%;font-size:12px;color:var(--muted)}.stop-nav{display:flex;align-items:center;gap:10px;margin:14px 0 8px}.stop-nav>button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line)}.stop-nav>.primary{width:auto;margin-inline-start:auto;padding:0 16px;border-radius:999px;background:var(--accent);border-color:transparent;color:#fff8ec;font-size:13px}.stop-dots{display:flex;gap:6px}.stop-dots button{width:9px;height:9px;padding:0;border-radius:50%;background:#cdbb9f}.stop-dots button[aria-current=step]{background:var(--accent);transform:scale(1.3)}.walk-hint{font-size:11px;color:var(--muted);margin:4px 0 8px}.stops-list,.points-list{display:grid;gap:4px;margin:12px 0}.stops-list>button,.points-list>button{justify-content:flex-start;gap:10px;min-height:40px;padding:4px 6px;border-bottom:1px solid var(--line);text-align:start;font-size:13px}.stops-list>button:hover,.points-list>button:hover{background:#0000000a}.point-num{font-family:DM Sans,sans-serif;font-size:11px;color:var(--muted)}.point-title{flex:1}.point-card{padding:12px 14px;border-radius:12px;background:#fffaf1;border-inline-start:3px solid var(--k)}.point-card h3{margin:4px 0 6px;font-size:17px;font-weight:500}.point-card p{margin:0 0 8px;font-size:13.5px;color:var(--ink-2)}.ref-row{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px}.ref-row a{color:var(--quran);text-decoration:none}.source-links{list-style:none;padding:0;margin:8px 0;font-size:12px}.source-links a{color:var(--tafsir)}.text-button{margin-top:6px;padding:6px 0;font-size:12.5px;color:var(--accent)}.end-card{margin:14px 0;padding:14px;border-radius:12px;background:#33291f;color:#f4e8d4}.end-card h3{margin:0 0 4px;font-family:Amiri,serif;font-weight:400;font-size:22px}.end-card p{font-size:13px;margin:0 0 10px;color:#e3d3ba}.end-card button{padding:7px 14px;border-radius:999px;background:#f3ebdd;color:#33291f;font-size:12.5px}.art-note.inline{display:none}.art-note{margin:10px 0 0;padding:8px 12px 2px;border-top:1px dashed #c98d74;font-size:11.5px;line-height:1.85;color:#7b5a47}.art-note .kind-chip{margin-inline-end:8px}.seq-bar{position:absolute;z-index:4;inset-inline-end:20px;top:76px;width:min(430px,calc(100% - 440px));padding:14px 16px;border-radius:16px;color:#f4e8d4;background:#221a13d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 40px #00000059}.seq-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.seq-controls>button{min-height:36px;padding:0 10px;border-radius:10px;border:1px solid #ffffff2e;font-size:12.5px}.seq-controls>.primary{background:#f3ebdd;color:#33291f;border-color:transparent;padding:0 14px}.seq-bar .intensity{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#d8c6aa;margin-inline-start:auto}.seq-bar select{background:#2f251c;color:#f4e8d4;border-color:#ffffff2e}.seq-bar .phase{margin:10px 0 6px;font-size:14px;display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between}.seq-bar .phase strong{font-weight:500;color:#f0cf7c}.segments{display:grid;grid-template-columns:3fr 3fr 3fr 2fr;gap:3px;direction:ltr}[dir=rtl] .segments{direction:rtl}.segments i{height:8px;border-radius:2px;background:#ffffff1f}.segments i.day.past{background:#d9b377}.segments i.morning.past{background:#b9b0c9}.segments i.now{background:#f3ebdd;box-shadow:0 0 0 2px #f0cf7c}.compressed{margin:10px 0 0;font-size:11.5px;line-height:1.8;color:#d8c6aa}.compressed .kind-chip{margin-inline-end:8px}.locked-walk{margin:6px 0 0;font-size:11.5px;color:#f0cf7c}.compare{position:absolute;z-index:4;top:76px;inset-inline-end:20px;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:#221a13cc;color:#f4e8d4;font-size:12px}.compare>span{padding:0 8px;color:#d8c6aa}.compare button{padding:6px 12px;border-radius:999px}.compare button[aria-pressed=true]{background:#f3ebdd;color:#33291f}.scene-tools{position:absolute;z-index:4;inset-inline-end:20px;bottom:104px;display:grid;gap:8px}.scene-tools button{width:42px;height:42px;border-radius:50%;color:#33291f;background:#f3ebdde6;box-shadow:0 6px 18px #00000030}.scene-bottom{position:absolute;z-index:3;bottom:92px;inset-inline-start:412px;inset-inline-end:80px;display:grid;justify-items:center;gap:6px;pointer-events:none;text-align:center}.scene-bottom p,.scene-bottom span{margin:0;padding:4px 12px;border-radius:999px;font-size:11.5px;line-height:1.7;color:#f7eee0;background:#1d171299}.audio-caption{font-size:13px!important;background:#000000b3!important}.notice{opacity:.8}.joystick{position:absolute;z-index:6;left:22px;bottom:110px;width:104px;height:104px;border-radius:50%;background:#f3ebdd40;border:1px solid #ffffff66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;display:grid;place-items:center}.joystick span{width:44px;height:44px;border-radius:50%;background:#f3ebdde6;box-shadow:0 4px 12px #0000004d;pointer-events:none}.chapter-bar{position:absolute;z-index:5;inset:auto 0 0;height:76px;display:flex;align-items:center;gap:12px;padding:0 20px;color:#f4e8d4;background:linear-gradient(#1d171200,#1d1712e6 40%)}.chapter-bar .edge{min-width:40px;height:40px;border-radius:999px;padding:0 8px}.chapter-bar .edge.next{padding:0 16px;background:#f3ebdd;color:#33291f;font-size:13px;white-space:nowrap}.chapter-track{flex:1;display:flex;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.chapter-track button{flex-direction:column;gap:3px;min-width:108px;padding:4px 6px;border-radius:10px}.chapter-track .dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-family:DM Sans,sans-serif;font-size:11px;border:1px solid #ffffff55}.chapter-track .current .dot{background:#f3ebdd;color:#33291f}.chapter-track .visited:not(.current) .dot{background:#fff2}.chapter-track small{font-size:11px;white-space:nowrap;color:#e3d3ba}.salih-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100dvh - 60px);padding:0;border:0;border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #00000073;display:flex;flex-direction:column}.salih-dialog:not([open]){display:none}.salih-dialog::backdrop{background:#120d09b3}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;font-family:Amiri,serif;font-weight:400;font-size:26px}[dir=ltr] .dialog-head h2{font-family:DM Sans,sans-serif;font-size:20px}.dialog-head button{width:38px;height:38px;border-radius:50%}.dialog-body{padding:16px 22px 22px;overflow-y:auto}.dialog-intro{font-size:13.5px;color:var(--ink-2);margin-top:0}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.map-grid button{display:grid;justify-items:start;text-align:start;gap:2px;padding:14px;border-radius:14px;border:1px solid var(--line);background:#fffaf1}.map-grid button[aria-current=step]{border-color:var(--accent)}.map-grid span{font-family:DM Sans,sans-serif;font-size:12px;color:var(--muted)}.map-grid h3{margin:0;font-size:17px;font-weight:500}.map-grid p{margin:0;font-size:11px;color:var(--muted);line-height:1.6}.map-grid small{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ink-2)}.settings-list{display:grid;gap:4px}.settings-list label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;border-bottom:1px solid var(--line);font-size:14px}.settings-list input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.settings-list p{font-size:12.5px;color:var(--muted)}.sources-content h3{font-size:17px;font-weight:500;margin:18px 0 6px}.sources-content h4{font-size:12.5px;font-weight:500;color:var(--muted);margin:12px 0 4px}.sources-content p,.sources-content li{font-size:13px;line-height:1.9;color:var(--ink-2)}.sources-content .legend{display:flex;flex-wrap:wrap;gap:6px}.source-chapter{margin-top:14px;padding-top:6px;border-top:1px solid var(--line)}.stop-summaries,.point-summaries,.source-list,.not-used{padding-inline-start:18px;margin:4px 0}.source-list a{color:var(--tafsir)}.source-list p{margin:0 0 6px}.ledger-note{font-size:11.5px!important;color:var(--muted)!important}@media(max-width:1100px){.scene-bottom{inset-inline-start:400px}.scene-bottom .help{display:none}.seq-bar{width:calc(100% - 432px)}}@media(max-width:760px){.salih-header{height:54px;padding:0 10px}.qasas-brand>span{font-size:26px}.qasas-brand small,.qasas-brand i,.nav-btn span,.mode-switch span{display:none}.mode-switch{margin-inline-end:2px}.mode-switch button{padding:0 10px}.nav-btn{padding:0 7px}.story-panel{inset:auto 8px 70px;width:auto;max-height:46dvh;padding:14px 16px 10px;border-radius:16px}.mode-free .story-panel{max-height:30dvh}.immersive .story-panel,[dir=rtl] .immersive .story-panel{transform:translateY(40px)}h1{font-size:26px;line-height:1.3;margin-bottom:2px}.story-name,.art-note.docked{display:none}.art-note.inline{display:block;border-top:1px dashed #c98d74}.stop-head h2{font-size:16px;margin-bottom:6px}[dir=ltr] h1{font-size:24px;margin:2px 0 6px}.verse blockquote{font-size:20px}.seq-bar{top:60px;inset-inline:8px;width:auto;padding:10px 12px}.seq-bar .intensity>span{display:none}.compressed{font-size:10.5px;line-height:1.6}.compare{top:60px;inset-inline-end:8px}.ch-wind .compare{display:none}.scene-tools{top:64px;bottom:auto;inset-inline-end:8px}.ch-wind .scene-tools,.ch-strength .scene-tools,.ch-after .scene-tools{top:auto;bottom:calc(46dvh + 84px)}.scene-tools button{width:38px;height:38px}.scene-bottom{display:none}.chapter-bar{height:64px;padding:0 6px;gap:4px}.chapter-bar .edge.next span{display:none}.chapter-bar .edge.next{padding:0 10px}.chapter-track{justify-content:flex-start}.chapter-track button{min-width:62px;padding:2px}.chapter-track small{font-size:9.5px;max-width:66px;overflow:hidden;text-overflow:ellipsis}.joystick{bottom:calc(30dvh + 84px);left:16px;width:96px;height:96px}.salih-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 24px)}.dialog-body{padding:12px 16px 18px}}.veil{position:absolute;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none;background:#0b0806;animation:veil 2.8s ease-in-out forwards}.veil p{margin:0;font-family:Amiri,serif;font-size:22px;color:#e9dcc6;opacity:.85}@keyframes veil{0%{opacity:0}38%,62%{opacity:.96}to{opacity:0}}.salih-app.reduced .veil{animation-duration:.6s}