:root{--forest:#1d2638;--gold:#51738e;--cream:#f1f2f4;--ink:#1d2638}body{background:var(--cream);color:var(--ink);font-family:'Segoe UI','Geeza Pro',Arial,sans-serif}header{padding:22px 34px;border-color:#e7e4da;background:#f1f2f4ed;gap:18px}.brand{font-size:26px;color:var(--forest)}.brand-symbol{color:var(--gold)!important;font-size:29px}.primary,.mic{background:var(--forest)}.primary:hover{background:#51738e}.primary,.secondary{border-radius:14px}.secondary{border-color:#deded2}.text-button,.download{color:var(--forest)}.mode-nav{background:#eceee7}.mode-nav a[aria-current=page]{color:var(--forest)}.recorder,.khutbah-prepare,.quran-panel,.review-space,.recording{border-color:#dce2ea;box-shadow:0 8px 32px #143d3404}.workspace{padding-top:36px}.workspace-intro h1{color:var(--forest)}p{color:#727c8b}.khutbah-generator{background:#eef1f5;border-color:#e5eaf0}.mic{box-shadow:0 12px 32px #1d263820}.eyebrow{color:#88957d}.recording h3{color:var(--forest)}.desktop-landing{display:none}.landing-hero{max-width:1220px;margin:auto;min-height:680px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:45px;padding:60px 50px 70px}.landing-kicker{font-size:12px;font-weight:700;color:#9c7f49;letter-spacing:2px;margin-bottom:22px}.landing-copy h1{font-size:clamp(48px,5.2vw,72px);font-weight:650;line-height:1.28;letter-spacing:-2px;color:var(--forest)}.landing-description{max-width:540px;font-size:18px;line-height:1.95;margin-top:22px}.landing-actions{display:flex;gap:12px;margin-top:34px;align-items:center}.landing-actions a{text-decoration:none}.landing-availability{font-size:12px;margin-top:16px}.landing-proof{display:flex;gap:20px;border-top:1px solid #dfdfd2;padding-top:25px;margin-top:35px;color:#829074;font-size:12px}.landing-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:560px;background:radial-gradient(ellipse,#dce8d765 0,transparent 68%)}.landing-logo{position:absolute;width:185px;inset-inline-end:-5px;top:10px;background:#e9e4d2;border-radius:50%;padding:20px;z-index:2}.phone-preview{width:270px;background:#f5f6f8;border:7px solid #1d2638;border-radius:40px;padding:26px 17px 24px;transform:rotate(-6deg);box-shadow:25px 30px 70px #1d263820;direction:rtl}.phone-top{display:flex;justify-content:space-between;font-size:22px;font-weight:700;padding:0 8px 16px}.phone-tabs{display:flex;justify-content:space-between;font-size:11px;background:#e9edf2;border-radius:9px;padding:12px}.phone-mushaf{margin-top:20px;border:3px double #c5af75;background:#f5f6f8;padding:16px 8px;text-align:center;font-family:'QPC Hafs',serif}.phone-mushaf div{font-size:22px;color:#8a783f}.phone-mushaf p{font-size:23px;line-height:2.2;color:#1d2638}.phone-record{text-align:center;padding-top:24px}.phone-record>span{display:grid;place-items:center;width:60px;height:60px;background:var(--forest);border-radius:50%;color:white;margin:auto;font-size:22px}.phone-record p{font-size:14px;color:var(--forest);margin-top:12px}.phone-record small{font-size:10px;color:#839077}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1120px;margin:0 auto 90px;padding:0 30px}.landing-features article{border-top:1px solid #d9dece;padding-top:26px}.landing-features article>span{font-size:12px;color:var(--gold)}.landing-features h2{font-size:24px;margin:16px 0 12px}.landing-features p{font-size:14px;line-height:1.9}.channel-footer{background:#1d2638;text-align:center;padding:36px 24px 28px;margin-top:48px;color:#e5e8dd}.channel-footer p{color:#c4ccd7;font-size:12px}.channel-footer img{object-fit:contain;display:block;margin:12px auto 16px;border-radius:18px}.channel-footer a{display:inline-block;color:#c8d1b4;font-size:12px;margin-top:16px}.google-search{display:block;text-align:center;text-decoration:none;margin-top:20px;color:white}.desktop-return{display:none}@media(min-width:901px){body:not(.web-app-open) .desktop-landing{display:block}body:not(.web-app-open) #workspace,body:not(.web-app-open) #welcome,body:not(.web-app-open) #loading,body:not(.web-app-open) #modeMessage,body:not(.web-app-open) .mode-nav,body:not(.web-app-open) #account{display:none!important}.desktop-return{display:block}.web-app-open .desktop-return{margin-inline-start:auto}}@media(max-width:900px){header{position:sticky;top:0;z-index:3;padding:14px 18px;gap:8px;border-bottom:1px solid #e1e5d8;backdrop-filter:blur(14px)}.brand{font-size:23px}.language-picker{font-size:11px;gap:4px}.language-picker select{padding:8px;font-size:12px}.header-actions{margin-inline-start:auto}.header-actions span{font-size:12px}.mode-nav{order:5;width:100%;margin-top:5px;border-radius:13px}.mode-nav a{flex:1;text-align:center;min-height:44px;padding:12px}.workspace{padding:26px 16px;max-width:680px}.workspace-intro{margin-bottom:24px}.workspace-intro h1{font-size:27px;line-height:1.5}.workspace-intro p{font-size:14px}.grid{gap:20px}.recorder{padding:26px 20px;border-radius:22px}.mic-wrap,.mic{width:104px;height:104px}.mic-wrap{margin:24px auto 20px}.mic svg{width:34px;height:34px}#hint{min-height:0}.khutbah-prepare{padding:24px 20px}.khutbah-prepare h2{font-size:24px}.khutbah-prepare>p{font-size:14px}.khutbah-generator{padding:16px}.khutbah-generator .small{font-size:12px}.khutbah-prepare textarea{min-height:300px;max-height:52svh;overflow:auto;overscroll-behavior:contain}.workspace.khutbah-mode .khutbah-prepare{grid-row:1}.workspace.khutbah-mode .recorder{grid-row:2}.quran-toolbar{padding:18px}.quran-page{margin:10px 10px 0}.printed-page{margin:0 10px}.quran-controls select,.quran-controls input{min-height:44px;font-size:16px}.page-controls button{min-height:44px}.auth-card{border-radius:22px}.welcome{padding:38px 22px;min-height:70svh}.channel-footer{margin-top:22px;padding:28px 20px}.draft-actions .primary{min-width:100%;min-height:48px}button,a{touch-action:manipulation}.khutbah-prepare select{min-height:46px}.field{margin-top:18px}.quran-help{line-height:1.65}.landing-logo{display:none}}
body:not(.web-app-open) .desktop-return{display:none}.mobile-record-action{display:none}@media(max-width:900px){.mobile-record-action{display:block;position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));inset-inline:20px;z-index:4;padding:15px 24px;box-shadow:0 8px 30px #1d263830;border:1px solid #ffffff40;font-size:16px}.mobile-record-action[aria-pressed=true]{background:#b83d4b}.channel-footer{padding-bottom:100px}}@media(max-width:600px){#accountName{display:none}.header-actions{margin-inline-start:0}.brand{white-space:nowrap}.header-actions .text-button{padding:8px;font-size:12px}.language-picker{margin-inline-start:auto}}