@font-face{font-family:Amiri;src:url(/fonts/amiri.woff2) format("woff2");font-display:swap}@font-face{font-family:Naskh;src:url(/fonts/noto-naskh.woff2) format("woff2");font-display:swap}:root{--navy: #0c2f4c;--navy-2: #0a2338;--navy-3: #081c30;--ink: #050f1a;--beige: #edb27f;--beige-2: #e19b58;--ivory: #f6efe3;--text: #f2ecdf;--muted: rgba(242, 236, 223, .58);--faint: rgba(242, 236, 223, .38);--card: rgba(246, 239, 227, .055);--card-2: rgba(246, 239, 227, .1);--line: rgba(237, 178, 127, .25);--line-soft: rgba(246, 239, 227, .12);--font-display: "Amiri", "Geeza Pro", serif;--font-body: "Naskh", "Geeza Pro", system-ui, serif;--tabbar-h: 58px;--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{background:var(--navy-3)}body{font-family:var(--font-body);color:var(--text);background:linear-gradient(180deg,var(--ink) 0%,var(--navy-2) 48%,var(--navy) 135%) fixed;min-height:100dvh;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#root{max-width:600px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:active{opacity:.75}img{max-width:100%}.page{flex:1;padding:calc(var(--sat) + 16px) 18px calc(var(--tabbar-h) + var(--sab) + 100px);animation:fadein .24s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.h-section{font-size:21px;margin:26px 0 12px;display:flex;align-items:baseline;justify-content:space-between}.h-section small{font-family:var(--font-body);font-size:12px;color:var(--faint);font-weight:400}.home-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.home-head img{height:44px}.home-greet{font-size:13px;color:var(--muted);text-align:left;line-height:1.7}.home-greet b{display:block;color:var(--text);font-family:var(--font-display);font-size:16px;font-weight:700}.sec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sec-card{position:relative;border-radius:18px;padding:16px 14px;min-height:122px;background:var(--card);border:1px solid var(--line-soft);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;text-align:right}.sec-card:before{content:"";position:absolute;inset:0;pointer-events:none}.sec-stories:before{background:radial-gradient(130% 100% at 15% 0%,rgba(237,178,127,.2),transparent 58%)}.sec-programs:before{background:radial-gradient(130% 100% at 15% 0%,rgba(126,168,199,.22),transparent 58%)}.sec-books:before{background:radial-gradient(130% 100% at 15% 0%,rgba(226,216,196,.16),transparent 58%)}.sec-minis:before{background:radial-gradient(130% 100% at 15% 0%,rgba(214,158,158,.18),transparent 58%)}.sec-title{font-family:var(--font-display);font-size:20px}.sec-sub{font-size:11.5px;color:var(--muted);line-height:1.6}.sec-count{position:absolute;top:12px;left:12px;font-size:11px;color:var(--faint);background:#050f1a73;border:1px solid var(--line-soft);border-radius:999px;padding:3px 9px}.shelf{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:2px 18px 8px;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.shelf-card{width:148px;flex-shrink:0;scroll-snap-align:start;text-align:right}.shelf-card .sh-title{font-family:var(--font-display);font-size:14.5px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-card .sh-sub{font-size:11px;color:var(--faint);margin-top:2px}.cover{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:1;background:linear-gradient(165deg,#143a5e 0%,var(--navy-3) 78%);display:flex;align-items:center;justify-content:center}.cover:before{content:"";position:absolute;inset:8px;border:1px solid var(--line);border-radius:10px;pointer-events:none}.cover.h0{background:radial-gradient(120% 95% at 82% 10%,rgba(237,178,127,.3),transparent 56%),linear-gradient(165deg,#143a5e,var(--navy-3) 80%)}.cover.h1{background:radial-gradient(120% 95% at 82% 10%,rgba(126,168,199,.32),transparent 56%),linear-gradient(165deg,#123753,var(--navy-3) 80%)}.cover.h2{background:radial-gradient(120% 95% at 82% 10%,rgba(214,158,158,.28),transparent 56%),linear-gradient(165deg,#16395a,var(--navy-3) 80%)}.cover.h3{background:radial-gradient(120% 95% at 82% 10%,rgba(146,176,143,.26),transparent 56%),linear-gradient(165deg,#113755,var(--navy-3) 80%)}.cover.h4{background:radial-gradient(120% 95% at 82% 10%,rgba(225,155,88,.32),transparent 56%),linear-gradient(165deg,#17395a,var(--navy-3) 80%)}.cover.h5{background:radial-gradient(120% 95% at 82% 10%,rgba(226,216,196,.24),transparent 56%),linear-gradient(165deg,#123a57,var(--navy-3) 80%)}.cv-title{font-family:var(--font-display);color:var(--ivory);text-align:center;padding:0 16%;line-height:1.9;font-size:15px;font-weight:700}.cv-letter{font-family:var(--font-display);color:var(--ivory);font-size:30px;font-weight:700;opacity:.95}.cv-mark{position:absolute;bottom:10px;left:12px;width:16%;min-width:14px;opacity:.5}.cover.has-art:before{display:none}.cv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover.lg .cv-title{font-size:21px}.cover.lg:before{inset:12px}.rows{display:flex;flex-direction:column}.row{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(246,239,227,.06);text-align:right;width:100%}.r-cover{width:58px;height:58px;border-radius:12px;flex-shrink:0}.r-body{flex:1;min-width:0}.r-title{font-family:var(--font-display);font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r-sub{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center;margin-top:3px;flex-wrap:wrap}.r-sub .dot:before{content:"·";color:var(--faint)}.r-progress{height:3px;border-radius:2px;background:var(--line-soft);margin-top:8px;overflow:hidden}.r-progress span{display:block;height:100%;background:var(--beige);border-radius:2px}.r-play{width:42px;height:42px;border-radius:50%;background:var(--card-2);display:grid;place-items:center;color:var(--beige);flex-shrink:0}.badge-dl{color:var(--beige);display:inline-flex}.pg-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pg-head h1{font-size:22px;flex:1}.back-btn{width:38px;height:38px;border-radius:50%;background:var(--card);border:1px solid var(--line-soft);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 -18px 14px;padding:0 18px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{padding:7px 15px;border-radius:999px;background:var(--card);border:1px solid var(--line-soft);font-size:13px;color:var(--muted);white-space:nowrap}.chip.on{background:#edb27f24;color:var(--beige);border-color:var(--line)}.wk-cover{width:min(70%,270px);margin:4px auto 18px}.wk-title{text-align:center;font-size:26px;line-height:1.7}.wk-meta{display:flex;justify-content:center;gap:8px;color:var(--muted);font-size:13px;margin-top:8px;flex-wrap:wrap}.wk-desc{color:var(--muted);font-size:14.5px;line-height:2.1;text-align:center;margin:14px 4px 4px}.wk-actions{display:flex;gap:10px;margin:18px 0 8px}.btn-primary{flex:1;background:var(--beige);color:#0a2740;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15.5px;font-family:var(--font-body);box-shadow:0 10px 26px #edb27f2e}.btn-primary:active{transform:scale(.98)}.btn-ghost{width:52px;height:52px;border-radius:14px;background:var(--card);border:1px solid var(--line-soft);display:grid;place-items:center;color:var(--muted);flex-shrink:0}.btn-ghost.on{color:var(--beige);border-color:var(--line)}.search-box{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line-soft);border-radius:14px;padding:12px 14px;margin-bottom:14px;color:var(--faint)}.search-box input{flex:1;background:none;border:none;outline:none;color:var(--text);font:inherit;font-size:16px}.search-box input::placeholder{color:var(--faint)}.empty{text-align:center;color:var(--muted);padding:44px 24px;line-height:2.2;font-size:14px}.empty b{font-family:var(--font-display);font-size:17px;color:var(--text);display:block}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:center;pointer-events:none}.tabbar-inner{pointer-events:auto;width:100%;max-width:600px;display:flex;background:#06111de0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line-soft);height:calc(var(--tabbar-h) + var(--sab));padding-bottom:var(--sab)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding-top:9px;color:var(--faint);font-size:11px}.tab.active{color:var(--beige)}.mini{position:fixed;bottom:calc(var(--tabbar-h) + var(--sab) + 10px);left:0;right:0;z-index:29;display:flex;justify-content:center;padding:0 12px}.mini-inner{position:relative;width:100%;max-width:576px;display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#16395a,#0b2740 65%);border:1px solid var(--line-soft);border-radius:16px;padding:9px 12px 11px;box-shadow:0 14px 34px #00000080;overflow:hidden}.mini-cover{width:44px;height:44px;border-radius:10px;flex-shrink:0}.mini-body{flex:1;min-width:0;text-align:right}.mini-title{font-family:var(--font-display);font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-sub{font-size:11px;color:var(--muted);margin-top:1px}.mini-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--beige);flex-shrink:0}.mini-bar{position:absolute;bottom:0;right:0;left:0;height:2.5px;background:#f6efe31a}.mini-bar span{display:block;height:100%;background:var(--beige)}.np{position:fixed;inset:0;z-index:40;background:linear-gradient(180deg,#0e3050 0%,var(--navy-3) 55%,var(--ink) 100%);transform:translateY(103%);transition:transform .34s cubic-bezier(.32,.72,.24,1);display:flex;justify-content:center;visibility:hidden}.np.open{transform:none;visibility:visible}.np-inner{width:100%;max-width:600px;display:flex;flex-direction:column;padding:calc(var(--sat) + 8px) 24px calc(var(--sab) + 20px);overflow-y:auto}.np-grab-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.np-close{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.np-context{font-size:12px;color:var(--faint)}.np-cover{width:min(78%,300px);margin:3vh auto 0;box-shadow:0 24px 60px #00000080}.np-title{text-align:center;font-size:24px;line-height:1.65;margin-top:3.2vh}.np-voice{text-align:center;color:var(--muted);font-size:13px;margin-top:6px}.np-scrub{margin-top:3vh}.np-times{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px}.np-transport{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:2.4vh}.btn-play{width:78px;height:78px;border-radius:50%;background:var(--beige);color:#0a2740;display:grid;place-items:center;box-shadow:0 12px 34px #edb27f47;transition:transform .12s ease}.btn-play:active{transform:scale(.94)}.btn-skip{width:58px;height:58px;color:var(--text);display:grid;place-items:center}.np-pills{display:flex;justify-content:center;gap:9px;margin-top:3vh;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;background:var(--card);border:1px solid var(--line-soft);color:var(--muted);font-size:13px}.pill.on{color:var(--beige);border-color:var(--line);background:#edb27f1a}.sheet-back{position:fixed;inset:0;background:#030a1299;z-index:48;animation:fadein .2s ease}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:49;display:flex;justify-content:center}.sheet-inner{width:100%;max-width:600px;background:#0d2a44;border-radius:22px 22px 0 0;border-top:1px solid var(--line-soft);padding:14px 20px calc(var(--sab) + 16px);animation:rise .26s cubic-bezier(.32,.72,.24,1)}@keyframes rise{0%{transform:translateY(40%);opacity:.6}to{transform:none;opacity:1}}.grab{width:44px;height:5px;border-radius:3px;background:var(--line-soft);margin:0 auto 12px}.sheet-title{font-size:18px;margin-bottom:6px}.sheet-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid rgba(246,239,227,.07);font-size:15px;text-align:right}.sheet-item:last-child{border-bottom:none}.sheet-item .val{color:var(--beige);font-size:13.5px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4.5px;border-radius:3px;background:var(--track, var(--line-soft))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--beige);margin-top:-5.7px;box-shadow:0 2px 8px #0006}input[type=range]::-moz-range-track{height:4.5px;border-radius:3px;background:var(--line-soft)}input[type=range]::-moz-range-progress{height:4.5px;border-radius:3px;background:var(--beige)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--beige)}.toast{position:fixed;top:calc(var(--sat) + 14px);left:50%;transform:translate(-50%);z-index:70;background:#0d2a44f2;border:1px solid var(--line);color:var(--text);font-size:13.5px;padding:11px 18px;border-radius:999px;box-shadow:0 10px 30px #00000073;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;animation:fadein .22s ease}.coach{border:1px dashed var(--line);border-radius:16px;padding:14px 16px;margin-top:22px;background:#edb27f0d;font-size:13.5px;line-height:2.1;color:var(--muted)}.coach b{color:var(--beige)}.coach .x{float:left;color:var(--faint);padding:2px 6px}.spin{width:18px;height:18px;border:2px solid rgba(242,236,223,.25);border-top-color:var(--beige);border-radius:50%;animation:rot .9s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.list-pad{height:8px}