@import "https://fonts.googleapis.com/css2?family=Amiri+Quran&family=Nunito:wght@400;500;600;700;800&display=swap";.marketing{color:#24342b;scroll-behavior:smooth;--ink:#24342b;--soft:#526158;--green:#426b50;--paper:#fffdf8;--line:#d9ddcc;--accent:#cce7cf;background:#fbf5ea;font-family:Nunito,sans-serif;position:fixed;inset:0;overflow:auto}.marketing a{color:inherit;text-decoration:none}.marketing-nav{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:28px 48px;display:flex}.marketing-brand{align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.marketing-nav>div{align-items:center;gap:32px;font-size:14px;font-weight:800;display:flex}.marketing-nav-cta{border-bottom:1px solid #24342b;align-items:center;gap:10px;padding:8px 0;display:flex}.marketing-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;max-width:1280px;margin:auto;padding:56px 48px 96px;display:grid}.marketing-kicker{letter-spacing:2px;color:#426b50;font-size:12px;font-weight:800}.marketing h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(44px,5.5vw,76px);font-weight:800;line-height:1.07}.marketing-hero-copy>p{color:#526158;max-width:480px;margin:28px 0 32px;font-size:19px;line-height:1.8}.marketing-primary{border-radius:16px;justify-content:center;align-items:center;gap:16px;padding:18px 24px;font-size:16px;font-weight:800;display:inline-flex;color:#fffdf8!important;background:#426b50!important}.marketing-platforms{color:#526158;flex-direction:column;gap:10px;margin-top:20px;font-size:13px;display:flex}.marketing-platforms>span{align-items:center;gap:6px;display:flex}.marketing-reader{background:#fffdf8;border:1px solid #d9ddcc;border-radius:32px;min-width:0;overflow:hidden;box-shadow:0 24px 64px #24342b0d}.marketing-reader-top{letter-spacing:1px;color:#526158;border-bottom:1px solid #d9ddcc;justify-content:space-between;padding:24px;font-size:12px;font-weight:800;display:flex}.marketing-reader-verse{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:350px;padding:40px 32px;display:flex}.marketing-reader-verse>p{margin:0;font-family:Amiri Quran,serif;font-size:34px;line-height:2.1}.marketing-reader blockquote{margin:0;font-size:24px;line-height:1.5}.marketing-reader small{color:#526158;font-size:12px}.marketing-study-link{justify-content:center;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:800;display:flex;color:#426b50!important}.marketing-reader-controls{border-top:1px solid #d9ddcc;justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.marketing-reader-controls span{color:#526158;text-align:center;font-size:12px}.marketing-reader-controls button{background:#f0e9da;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.marketing-reader-controls button:disabled{opacity:.3}.marketing-principles{color:#fbf5ea;background:#24342b;grid-template-columns:1fr 2.4fr;gap:64px;padding:64px max(32px,50vw - 592px);display:grid}.marketing-principles>p{margin:0;font-size:22px;line-height:1.6}.marketing-principles>div{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.marketing-principles svg{color:#cce7cf;width:24px;height:24px}.marketing-principles h2{margin:20px 0 12px;font-size:18px;line-height:1.4}.marketing-principles article p{color:#c7d2c8;margin:0;font-size:15px;line-height:1.8}.marketing-learning{grid-template-columns:1fr 1fr;align-items:center;gap:96px;max-width:1184px;margin:100px auto;padding:0 32px;display:grid}.marketing h2{letter-spacing:-1.5px;margin:24px 0;font-size:clamp(32px,4vw,52px);line-height:1.15}.marketing-learning-heading>p,.marketing-mobile>div>p{color:#526158;font-size:18px;line-height:1.8}.marketing-text-link{border-bottom:1px solid #426b50;align-items:center;gap:12px;padding:10px 0;font-weight:800;display:inline-flex;color:#426b50!important}.marketing-lesson{background:#f0e9da;border-radius:24px;padding:40px}.marketing-lesson h3{margin:20px 0;font-size:32px;line-height:1.2}.marketing-lesson p{color:#526158;font-size:16px;line-height:1.8}.marketing-lesson ol{margin:24px 0;padding:0;list-style:none}.marketing-lesson li{border-top:1px solid #d0d5c5;gap:20px;padding:18px 0;font-size:15px;display:flex}.marketing-lesson li span{color:#426b50;font-weight:800}.marketing-lesson>a{color:#426b50;justify-content:space-between;align-items:center;font-size:15px;font-weight:800;display:flex}.marketing-habit{text-align:center;max-width:780px;margin:0 auto;padding:32px 24px 100px}.marketing-habit>svg{color:#426b50}.marketing-habit>p{color:#526158;max-width:580px;margin:0 auto 32px;font-size:19px;line-height:1.8}.marketing-habit>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.marketing-habit>div>span{border:1px solid #d9ddcc;border-radius:32px;padding:10px 16px;font-size:14px}.marketing-mobile{border-top:1px solid #d9ddcc;grid-template-columns:1.3fr 1fr;align-items:center;gap:80px;max-width:1184px;margin:0 auto;padding:64px 32px;display:grid}.marketing-small{color:#526158;font-size:13px!important;line-height:1.7!important}.marketing-price{background:#fffdf8;border:1px solid #d9ddcc;border-radius:24px;padding:32px}.marketing-price>span{letter-spacing:1px;color:#526158;font-size:12px;font-weight:800}.marketing-price strong{color:#24342b;letter-spacing:-2px;font-size:48px}.marketing-price .marketing-primary{width:100%;margin-top:20px}.marketing-footer{border-top:1px solid #d9ddcc;justify-content:space-between;align-items:center;gap:24px;max-width:1184px;margin:auto;padding:40px 32px;display:flex}.marketing-footer p{color:#526158;font-size:13px}.marketing-footer>a{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.marketing-principles h2{letter-spacing:0;font-size:18px}.marketing button:focus-visible,.marketing a:focus-visible{outline-offset:5px;outline:3px solid #426b50}@media (width<=900px){.marketing-nav{padding:24px}.marketing-nav>div>a:not(.marketing-nav-cta){display:none}.marketing-hero{gap:32px;padding:32px 24px 64px}.marketing-principles{grid-template-columns:1fr;gap:32px;padding:48px 24px}.marketing-learning{gap:40px;margin:64px auto}.marketing-mobile{gap:32px}.marketing-footer{flex-wrap:wrap}.marketing h1{letter-spacing:-2px}}@media (width<=640px){.marketing-brand{font-size:16px}.marketing-nav-cta{font-size:12px}.marketing-hero{grid-template-columns:1fr}.marketing h1{font-size:48px}.marketing-hero-copy>p{font-size:17px}.marketing-hero-copy{padding:16px 0}.marketing-reader{width:100%;max-width:420px;margin:auto}.marketing-principles>div{grid-template-columns:1fr;gap:32px}.marketing-principles article{grid-template-columns:28px 1fr;column-gap:16px;display:grid}.marketing-principles h2{margin:0 0 8px}.marketing-principles article p{grid-column:2}.marketing-learning,.marketing-mobile{grid-template-columns:1fr;gap:32px;padding-left:24px;padding-right:24px}.marketing-lesson{padding:28px}.marketing-habit{padding-bottom:64px}.marketing-footer,.marketing-reader-verse{padding:32px 24px}.marketing-primary{padding:16px 20px;font-size:15px}}@media (prefers-reduced-motion:reduce){.marketing{scroll-behavior:auto}}.marketing-brand img{border-radius:10px;flex-shrink:0}:root{--canvas:#fbf5ea;--paper:#fffdf8;--raised:#f0e9da;--ink:#24342b;--soft:#526158;--green:#426b50;--line:#24342b24;--accent:#cce7cf;--gold:#ffd064;--nav-height:0px;--header-height:88px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night]{--canvas:#14231c;--paper:#1d3026;--raised:#293e32;--ink:#f7f3e9;--soft:#b2c2b5;--green:#b5dabd;--line:#f0f6e824;--accent:#314f3b;--gold:#ffd064;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--canvas);color:var(--ink);font:16px Nunito,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.verse-scroll:focus-visible{outline:3px solid var(--green);outline-offset:-3px}button:hover{filter:brightness(.94)}.app{height:100dvh;display:flex}.sidebar{border-right:1px solid var(--line);flex-direction:column;width:248px;padding:44px 28px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;font-size:38px;font-weight:800;line-height:1;text-decoration:none;display:flex}.brand>svg{width:38px;height:38px;color:var(--green)}.brand-sub{letter-spacing:5px;margin-top:9px;font-size:11px;display:block}.side-caption{letter-spacing:1.8px;color:var(--soft);margin:42px 0 18px;font-size:10px}nav{flex-direction:column;gap:8px;display:flex}nav button{text-align:left;border-radius:14px;align-items:center;gap:14px;padding:16px;font-weight:700;display:flex}nav button.active{background:var(--accent)}nav svg{width:20px}.side-bottom{margin-top:auto;padding-top:40px}.side-bottom>svg{color:var(--green)}.side-bottom p{font-size:24px;font-weight:700;line-height:1.4}.side-bottom small{color:var(--soft);font-size:12px}.workspace{flex-direction:column;width:calc(100% - 248px);min-width:0;height:100%;margin-left:248px;display:flex}header{height:var(--header-height);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 40px;font-size:20px;font-weight:800;display:flex}.toolbar{align-items:center;gap:10px;display:flex}.header-note{color:var(--soft);margin-right:16px;font-size:14px;font-weight:500}.mobile-brand{display:none}.workspace-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.reading-view .workspace-scroll{overflow:hidden}.reader{flex-direction:column;max-width:820px;height:100%;margin:0 auto;padding:22px 44px 14px;display:flex}.reader-top{color:var(--soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;font-size:14px;display:flex}.pill{background:var(--accent);color:var(--ink);white-space:nowrap;border-radius:30px;align-items:center;gap:7px;min-height:40px;padding:10px 14px;font-size:13px;font-weight:800;display:inline-flex}.surah-picker{align-items:center;gap:7px;min-width:0;min-height:44px;font-size:14px;font-weight:700;display:flex}.surah-picker span{color:var(--soft);white-space:nowrap;font-size:12px}.verse-scroll{overscroll-behavior-y:none;scrollbar-width:thin;scrollbar-color:var(--line) transparent;touch-action:pan-y;outline:none;flex:1;min-height:0;overflow-y:auto}.verse{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:24px 8px 32px;display:flex}.verse-heading{flex-direction:column;align-items:center;gap:14px;display:flex}.eyebrow{letter-spacing:1.7px;color:var(--green);font-size:12px;font-weight:800}.ornament{color:var(--green);font-size:42px;line-height:1.5}.arabic{overflow-wrap:anywhere;width:100%;margin:20px 0;font-family:Amiri Quran,serif;font-size:clamp(30px,3.8vw,42px);line-height:2.2}.translation{overflow-wrap:anywhere;max-width:620px;margin:0;font-size:clamp(22px,2.2vw,29px);font-weight:600;line-height:1.6}.citation{color:var(--soft);margin:22px 0 16px;font-size:13px}.context{color:var(--green);align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:800;display:inline-flex}.reader-bottom{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding-top:8px;display:flex}.reading-hint{color:var(--soft);text-align:center;min-height:18px;font-size:12px}.actions{justify-content:center;align-items:center;gap:10px;width:100%;max-width:430px;padding:8px 0;display:flex}.action-button{min-width:68px;min-height:60px;color:var(--soft);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.action-button.selected{color:var(--green);background:var(--accent)}.audio-button{background:var(--ink);color:var(--canvas);border-radius:16px;justify-content:center;align-items:center;gap:9px;min-width:115px;min-height:54px;padding:15px 20px;font-weight:800;display:flex}.icon-button{background:var(--paper);border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.next{letter-spacing:1.8px;color:var(--soft);align-items:center;gap:20px;font-size:10px;font-weight:800;display:flex}.next .icon-button{background:0 0;border:0;width:40px;height:32px}.transliteration{color:var(--soft);font-size:16px;font-style:italic;line-height:1.8}.large-text .arabic{font-size:48px}.large-text .translation{font-size:32px}.large-text .transliteration{font-size:20px}.toast{bottom:calc(var(--nav-height) + 18px);background:var(--ink);color:var(--canvas);z-index:50;border-radius:14px;width:max-content;max-width:calc(100% - 32px);padding:12px 20px;font-size:14px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0002}.mobile-nav{display:none}.list-page{max-width:780px;margin:auto;padding:38px 40px 50px}.list-page h1{letter-spacing:-1px;margin:12px 0 20px;font-size:34px;line-height:1.2}.search-box{background:var(--paper);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;margin:24px 0;padding:16px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;font-size:16px}.search-box:focus-within{outline:2px solid var(--green)}.result{text-align:left;border-bottom:1px solid var(--line);width:100%;padding:22px 4px;display:block}.result small{color:var(--green);font-size:13px;font-weight:800}.result p{margin:10px 0 0;line-height:1.7}.result .arabic{margin-top:12px;font-size:26px;line-height:2.2}.result-link{color:var(--green);align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:800;display:flex}.muted{color:var(--soft);font-size:14px;line-height:1.7}.empty{text-align:center;padding:70px 24px}.empty svg{color:var(--green);margin-bottom:12px}.empty .primary{width:max-content;margin:20px auto}.surah-row{border-bottom:1px solid var(--line);align-items:center;gap:16px;width:100%;padding:18px 0;display:flex}.surah-number{border:1px solid var(--line);width:40px;height:40px;color:var(--green);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.surah-name{text-align:left;flex-direction:column;flex:1;gap:5px;display:flex}.surah-name small{color:var(--soft);font-size:12px}.surah-row>svg{color:var(--soft)}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 16px;display:flex}.section-heading h2,.section-heading h3{margin:0;font-size:18px}.section-heading .muted{font-size:12px}.sheet{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:24px;width:calc(100% - 32px);max-width:620px;max-height:85dvh;padding:0;overflow:hidden;box-shadow:0 24px 80px #0003}.sheet[open]{flex-direction:column;display:flex}.sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c191280}.sheet-grip{display:none}.dialog-top{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px 18px;display:flex}.dialog-top h2{letter-spacing:-.5px;margin:0;font-size:24px}.sheet-content{overscroll-behavior:contain;padding:8px 28px 28px;overflow-y:auto}.field{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}select{background:var(--canvas);border:1px solid var(--line);color:var(--ink);border-radius:10px;max-width:190px;min-height:44px;padding:10px;font-size:16px}input[type=checkbox]{appearance:none;background:var(--raised);border:1px solid var(--line);cursor:pointer;border-radius:20px;width:46px;height:28px;position:relative}input[type=checkbox]:after{content:"";background:var(--soft);border-radius:50%;width:20px;height:20px;position:absolute;top:3px;left:3px}input[type=checkbox]:checked{background:var(--accent)}input[type=checkbox]:checked:after{background:var(--green);left:21px}.highlight{background:var(--accent);border-radius:14px;padding:16px!important}.source{color:var(--soft);margin-top:26px;font-size:12px;line-height:1.8}.primary{background:var(--ink);width:100%;color:var(--canvas);border-radius:16px;justify-content:center;align-items:center;gap:12px;min-height:54px;margin-top:20px;padding:16px 20px;font-weight:800;text-decoration:none;display:flex}.theme-options{gap:12px;margin:22px 0;display:flex}.theme-swatch{border:2px solid #0000;border-radius:16px;flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 12px;font-size:14px;font-weight:800;display:flex}.cream-swatch{color:#24342b;background:#fbf5ea}.night-swatch{color:#f7f3e9;background:#14231c}.theme-swatch.chosen{border-color:var(--green)}.picker-fields{grid-template-columns:1fr 90px;gap:16px;margin:24px 0;display:grid}.picker-fields label{color:var(--soft);flex-direction:column;gap:10px;font-size:14px;display:flex}.picker-fields select{width:100%;max-width:100%}.picker-arabic{text-align:center;margin:30px 0;font-family:Amiri Quran,serif;font-size:32px;line-height:2}.study-heading{margin:18px 0}.study-heading>p{color:var(--soft);font-size:13px}.study-translation{font-size:24px;font-weight:600;line-height:1.6}.reflection-prompt{background:var(--raised);border-radius:16px;margin:24px 0;padding:20px}.reflection-prompt p{margin-bottom:0;line-height:1.6}.reflection-prompt .eyebrow{font-size:11px}.daily-card{background:var(--accent);border-radius:20px;margin-top:30px;padding:24px}.daily-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-heading>span{align-items:center;gap:8px;font-weight:800;display:flex}.daily-heading strong{font-size:24px}.daily-heading small{font-size:13px;font-weight:600}.daily-card p{font-size:14px;line-height:1.7}.goal-label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:16px;font-size:14px;display:flex}.goal-label select{background:var(--paper);font-size:14px}progress{appearance:none;background:var(--line);border:0;border-radius:20px;width:100%;height:7px;margin:20px 0;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--green);border-radius:20px}progress::-moz-progress-bar{background:var(--green);border-radius:20px}.journey-stats{gap:16px;margin:20px 0 32px;display:flex}.journey-stats>div{border:1px solid var(--line);background:var(--paper);border-radius:16px;flex:1;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:18px;display:grid}.journey-stats svg{width:20px;color:var(--green)}.journey-stats strong{font-size:25px}.journey-stats span{color:var(--soft);grid-column:1/-1;font-size:12px}.plan-switch{gap:12px;display:flex}.plan-switch button{text-align:left;border:1px solid var(--line);border-radius:14px;flex:1;padding:16px;font-size:14px;font-weight:800}.plan-switch button.active{background:var(--accent);border-color:var(--green)}.plan-switch small{color:var(--soft);margin-top:6px;font-size:11px;font-weight:500;display:block}.plan-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;margin-top:18px;padding:24px}.plan-icon{color:var(--green)}.plan-card h3{letter-spacing:-.5px;margin:16px 0 8px;font-size:24px}.plan-card p{margin-top:8px}.completed{color:var(--green);align-items:center;gap:8px;display:flex}@media (width<=760px){:root{--header-height:calc(60px + env(safe-area-inset-top));--nav-height:calc(70px + env(safe-area-inset-bottom))}.sidebar{display:none}.workspace{width:100%;height:calc(100dvh - var(--nav-height));margin:0}header{padding:env(safe-area-inset-top) 20px 0;border-bottom:0}.desktop-title{display:none}.mobile-brand{color:var(--green);align-items:center;gap:7px;display:flex}.mobile-brand>span{letter-spacing:-.5px;font-size:25px;font-weight:800}.mobile-brand small{letter-spacing:0;font-size:13px;font-weight:600}.header-note{display:none}.toolbar{gap:7px}.toolbar .icon-button{background:0 0;border:0;width:38px;height:38px}.reader{padding:8px 20px 2px}.reader-top{gap:6px;padding-bottom:8px}.pill{min-height:38px;padding:9px 12px;font-size:12px}.surah-picker{gap:5px;font-size:12px}.surah-picker span{font-size:11px}.verse{padding:16px 8px 22px}.verse-heading{gap:10px}.eyebrow{letter-spacing:1.5px;font-size:11px}.ornament{font-size:36px}.arabic{margin:18px 0;font-size:32px;line-height:2.15}.translation{font-size:23px;line-height:1.6}.citation{margin:18px 0 10px;font-size:12px}.context{font-size:13px}.reader-bottom{gap:3px;padding-top:8px}.reading-hint{font-size:11px}.actions{gap:6px;padding:7px 0}.audio-button{min-width:105px;min-height:52px;padding:14px 17px;font-size:14px}.action-button{gap:4px;min-width:60px;min-height:55px;font-size:11px}.next{letter-spacing:1.5px;gap:24px;font-size:9px}.next .icon-button{height:30px}.mobile-nav{z-index:10;height:var(--nav-height);padding:5px 12px env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--soft);border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:62px;padding:3px 8px;font-size:10px;font-weight:600;display:flex}.mobile-nav button>span{border-radius:12px;justify-content:center;align-items:center;width:46px;height:29px;display:flex}.mobile-nav button.active{color:var(--green);background:0 0;font-weight:800}.mobile-nav button.active>span{background:var(--accent)}.mobile-nav svg{width:19px;height:19px}.list-page{padding:24px 22px 36px}.list-page h1{font-size:30px}.sheet{width:100%;max-width:none;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;border-radius:26px 26px 0 0;margin:auto 0 0}.sheet-grip{background:var(--line);border-radius:20px;flex-shrink:0;width:36px;height:4px;margin:10px auto 0;display:block}.dialog-top{padding:16px 22px}.dialog-top h2{font-size:22px}.sheet-content{padding:4px 22px 26px}.study-translation{font-size:22px}.daily-card{padding:20px}.daily-heading strong{font-size:21px}.daily-heading>span{font-size:14px}.plan-switch button{padding:13px 12px}.large-text .arabic{font-size:42px}.large-text .translation{font-size:29px}.source{font-size:12px}.theme-swatch{gap:6px;padding:22px 10px}.toast{text-align:center;font-size:13px}}@media (width<=359px){.reader{padding-left:12px;padding-right:12px}.reader-top{gap:4px}.surah-picker{font-size:11px}.surah-picker span{display:none}.actions{gap:2px}.audio-button{min-width:96px;padding:12px}.action-button{min-width:57px}.arabic{font-size:29px}.translation{font-size:21px}.plan-switch{flex-direction:column}.daily-heading{flex-direction:column;align-items:flex-start}.journey-stats>div{padding:13px}.theme-swatch{flex-direction:column}}@media (height<=720px) and (width<=760px){.verse{padding-top:8px;padding-bottom:12px}.verse-heading{gap:3px}.ornament{font-size:28px}.arabic{margin:10px 0}.translation{font-size:21px}.citation{margin:12px 0 4px}.reading-hint{display:none}.next{height:27px}}@media (prefers-reduced-motion:no-preference){.verse{animation:.25s ease-out arrive}.sheet[open]{animation:.22s ease-out sheet-in}button{transition:background .15s,color .15s}@keyframes arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{0%{opacity:.5;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}}.segmented{background:var(--raised);border-radius:14px;gap:4px;margin:20px 0;padding:5px;display:flex}.segmented button{border-radius:10px;flex:1;min-height:42px;font-size:14px;font-weight:700}.segmented button.active{background:var(--paper);color:var(--green)}.notes-label{justify-content:space-between;gap:14px;margin:24px 0 10px;font-size:14px;font-weight:800;display:flex}.notes-label span{color:var(--soft);font-size:11px;font-weight:500}.notes-input{font:inherit;color:var(--ink);background:var(--canvas);border:1px solid var(--line);resize:vertical;border-radius:16px;width:100%;min-height:240px;padding:18px;font-size:16px;line-height:1.8}.tafsir-text{overflow-wrap:anywhere;font-size:16px;line-height:1.9}.tafsir-text p{margin:20px 0}.study-loading{color:var(--soft);text-align:center;padding:48px 12px}.note-preview{border-left:3px solid var(--green);color:var(--soft);padding-left:14px;font-style:italic}.plan-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.catalog-card{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:18px;flex-direction:column;gap:12px;padding:22px;display:flex}.catalog-card>svg{color:var(--green)}.catalog-title{font-size:18px;font-weight:800;line-height:1.4}.catalog-card small{color:var(--soft);font-size:12px;line-height:1.6}.catalog-link{color:var(--green);align-items:center;gap:8px;margin-top:auto;padding-top:10px;font-size:12px;font-weight:800;display:flex}.accent-gold{border-top:4px solid #d9b85f}.accent-sage{border-top:4px solid #7da986}.accent-rose{border-top:4px solid #cfa2ad}.custom-plan{border:1px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:15px;width:100%;margin-top:18px;padding:20px;display:flex}.custom-plan>span{flex-direction:column;flex:1;gap:7px;display:flex}.custom-plan small{color:var(--soft);font-size:12px}.plan-description{font-size:17px;line-height:1.9}.custom-surahs{overscroll-behavior:contain;max-height:40dvh;overflow-y:auto}.checked-row{background:var(--accent);border-radius:12px;padding-left:10px}@media (width<=430px){.catalog-card{gap:10px;padding:16px}.catalog-title{font-size:16px}.plan-catalog{gap:10px}}.random-button{background:0 0;border:0;width:38px;height:38px;margin-right:auto}.surah-picker{max-width:55%;overflow:hidden}.surah-picker>svg{flex-shrink:0}@media (width<=760px){.reader-top .surah-picker{max-width:48%}.random-button{width:32px;height:38px}.reader-top{gap:3px}}.discovery-space{flex-direction:column;height:100%;min-height:0;display:flex}.discovery-tabs{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 24px;display:flex}.discovery-tabs>div{gap:4px;display:flex}.discovery-tabs button{min-height:40px}.discovery-tabs>div button{color:var(--soft);border-radius:20px;padding:8px 16px;font-weight:800}.discovery-tabs>div button.active{color:var(--green);background:var(--accent)}.discovery-space>.reader{flex:1;height:auto;min-height:0}.interest-section h3{margin-top:20px}.interest-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.interest-option{text-align:left;border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:16px;display:flex}.interest-option.chosen{background:var(--accent);border-color:var(--green)}.interest-option span{flex-direction:column;gap:8px;display:flex}.interest-option small{color:var(--soft);line-height:1.5}.interest-option svg{flex-shrink:0}.learning-space{overscroll-behavior:contain;width:100%;max-width:760px;margin:0 auto;padding:32px 24px 48px;overflow:auto}.learning-space h1{margin:16px 0;font-size:clamp(24px,4vw,36px);line-height:1.2}.learning-space>.eyebrow{margin-top:16px;display:block}.learning-progress{color:var(--green);margin:24px 0 12px;font-size:13px;font-weight:800}.lesson-list{border-top:1px solid var(--line)}.lesson-row{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:16px;width:100%;padding:24px 0;display:flex}.lesson-row>span{flex-direction:column;flex:1;gap:8px;display:flex}.lesson-row small{letter-spacing:1px;color:var(--soft);font-size:10px}.lesson-row strong{font-size:17px}.lesson-row>svg{color:var(--green);flex-shrink:0}.lesson-meter{width:100%;height:6px;accent-color:var(--green);margin:16px 0 24px}.lesson-controls{justify-content:space-between;align-items:center;gap:16px;margin-top:32px;display:flex}.daily-complete{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.daily-complete>svg{color:var(--green)}.daily-complete p{color:var(--soft);line-height:1.7}@media (width<=430px){.discovery-tabs{padding:4px 12px}.discovery-tabs .context{font-size:12px}.interest-grid{grid-template-columns:1fr}.learning-space{padding:24px 20px 32px}}.related-readings{border:1px solid var(--line);border-radius:16px;margin:24px 0;padding:20px}.related-readings p{color:var(--soft);line-height:1.7}.related-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.share-ayah{flex-direction:column;gap:16px;display:flex}.share-preview{border:1px solid var(--line);border-radius:12px;width:auto;max-width:100%;height:auto;max-height:45dvh;margin:0 auto;display:block}.share-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.share-actions .primary{flex:1 0 100%}.share-link{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:12px;font-size:13px}.brand-icon{border-radius:10px;flex-shrink:0}.mobile-brand .brand-icon{border-radius:8px}