/* Mobile foundations shared by the library, reading, listening and search surfaces. */
:root{--mobile-bg:var(--paper,var(--kagit,#f8f6f0));--mobile-sheet:var(--sheet,var(--panel,#fff));--mobile-ink:var(--ink,var(--murekkep,#212822));--mobile-muted:var(--muted,var(--soluk,#5c665f));--mobile-accent:var(--green,var(--zumrut,#0f5b47));--mobile-tint:var(--tint,var(--zumrut-tint,#e9f1ec));--mobile-line:var(--line,var(--cizgi,#e3dfd3));--mobile-nav:calc(64px + env(safe-area-inset-bottom,0px));--mobile-gutter:20px;--mobile-radius:20px;--mobile-control:12px;--mobile-touch:44px;--mobile-space:24px;--mobile-header:64px;--mobile-z-nav:60;--mobile-z-header:50;--mobile-motion:160ms;--mobile-ease:cubic-bezier(.2,.7,.2,1)}
.mobile-nav,.mobile-header-library{display:none}.mobile-sheet{color:var(--mobile-ink);background:var(--mobile-sheet);font-family:var(--sans);border:0;border-radius:var(--mobile-radius);padding:24px;width:min(480px,calc(100% - 32px));max-height:85dvh;margin:auto}.mobile-sheet::backdrop{background:#13291f80;backdrop-filter:blur(3px)}.mobile-sheet header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.mobile-sheet header p{font-size:13px;color:var(--mobile-muted);margin:0 0 4px}.mobile-sheet h2{font:500 28px/1.2 var(--serif);margin:0}.sheet-close{width:44px;height:44px;border:0;border-radius:50%;font:26px var(--sans);background:var(--mobile-tint);color:var(--mobile-accent);cursor:pointer}.sheet-grip{width:36px;height:4px;background:var(--mobile-line);border-radius:4px;margin:0 auto 24px}.mobile-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 0;border-bottom:1px solid var(--mobile-line);color:var(--mobile-ink);font-size:18px;text-decoration:none}.mobile-links small{display:block;font-size:14px;color:var(--mobile-muted);margin-top:2px}.mobile-links a>span:last-child{color:var(--mobile-accent)}.mobile-sheet :focus-visible{outline:2px solid var(--mobile-accent);outline-offset:3px}
@media(max-width:850px){
 html{scroll-padding-top:80px;scroll-padding-bottom:calc(var(--mobile-nav) + 24px)}
 .mobile-app{padding-bottom:var(--mobile-nav);background:var(--mobile-bg);-webkit-tap-highlight-color:transparent}
 .mobile-app :is(button,select,input,textarea){font-family:var(--sans)}
 .mobile-app :is(button,select,summary,input:not([type=range]):not([type=checkbox])){min-height:var(--mobile-touch)}
 .mobile-app :is(input,select,textarea){font-size:16px}
 .mobile-app :is(button,a){touch-action:manipulation}
 .mobile-app :is(button,a):active{opacity:.78}
 .mobile-app :focus-visible{outline:2px solid var(--mobile-accent);outline-offset:3px}
 .mobile-app h1{font-size:32px;letter-spacing:-.7px;text-wrap:balance}
 .mobile-app h2{letter-spacing:-.3px}
 .mobile-app main{min-width:0}
 .mobile-nav{position:fixed;inset:auto 0 0;z-index:var(--mobile-z-nav);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--mobile-nav);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--mobile-sheet);border-top:1px solid var(--mobile-line);box-shadow:0 -4px 24px #16382906}
 .mobile-nav>a,.mobile-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-width:0;min-height:50px;padding:4px 0;color:var(--mobile-muted);border:0;background:none;font:500 12px/1.2 var(--sans);text-decoration:none;cursor:pointer;border-radius:var(--mobile-control)}
 .mobile-nav svg{width:22px;height:22px;display:block}
 .mobile-nav [aria-current=page],.mobile-nav .is-current{color:var(--mobile-accent);background:var(--mobile-tint);font-weight:700}
 .mobile-keyboard .mobile-nav{display:none}
 .mobile-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;overscroll-behavior:contain;border-radius:24px 24px 0 0;padding:12px var(--mobile-gutter) calc(24px + env(safe-area-inset-bottom,0px))}
 .mobile-app .ust,.mobile-app .topbar{position:sticky;top:0;z-index:var(--mobile-z-header);background:var(--mobile-bg);border-bottom:1px solid var(--mobile-line);padding-top:env(safe-area-inset-top,0px)}
 .mobile-app .ust-ic{height:64px;padding:8px var(--mobile-gutter)}
 .mobile-header-library{display:grid;place-items:center;width:44px;height:44px;background:var(--mobile-tint);color:var(--mobile-accent);border:0;border-radius:50%;margin-left:auto}
 .mobile-header-library svg{width:22px;height:22px}
 .mobile-app .ust-linkler{display:none}
 .mobile-app .alt{padding:24px var(--mobile-gutter);margin-top:24px;border-top:1px solid var(--mobile-line)}
 .mobile-app .alt-ic{padding:0}.mobile-app .alt-ic>p:not(.alt-marka):not(.telif){display:none}
 .mobile-app .alt-marka{margin-bottom:8px}.mobile-app .telif{font-size:12px}
 /* Home and the standard reading/library pages use a comfortable single column. */
 .mobile-app :is(.govde,.radio,.finder,.ky-library,.ky-book){padding:28px var(--mobile-gutter) 32px;max-width:100%;min-width:0}
 .mobile-app .kapak-ic{padding:28px var(--mobile-gutter);gap:24px}.mobile-app .kapak h1{font-size:36px;line-height:1.13}.mobile-app .kapak-ust{font-size:24px;margin-bottom:12px}
 .mobile-app .sure-izgara{grid-template-columns:1fr;gap:0;border-top:1px solid var(--mobile-line)}
 .mobile-app .sure-kart{border:0;border-bottom:1px solid var(--mobile-line);border-radius:0;background:transparent;padding:18px 4px;min-height:76px;box-shadow:none}
 .mobile-app .sure-no{background:var(--mobile-tint);color:var(--mobile-accent);border:0;border-radius:12px;min-width:40px;min-height:40px;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}
 .mobile-app .kirinti{font-size:13px;white-space:nowrap;overflow:auto;margin-bottom:20px;padding-bottom:8px}
 .mobile-app .ayet-baslik h1{font-size:29px}.mobile-app .sb-bilgi{font-size:14px}
 .mobile-app .ayet-atla,.mobile-app .tefsir-sekmeler{flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:none;padding:4px 0 12px}
 .mobile-app .ayet-atla a,.mobile-app .sekme{flex:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border-radius:var(--mobile-control);font-size:15px}
 .mobile-app .ayet-panel{border-radius:var(--mobile-radius);padding:24px 18px;background:var(--mobile-sheet)}
 .mobile-app .arapca-buyuk{font-size:34px;line-height:2.1}
 .mobile-app .meal-kart{padding:22px 0;border:0;border-bottom:1px solid var(--mobile-line);background:none;border-radius:0;box-shadow:none}
 .mobile-app .meal-kart h3{font-size:18px}.mobile-app .mk-metin{font-size:18px;line-height:1.8}
 .mobile-app .tefsir-panel{padding:20px 0;border:0;background:transparent}
 .mobile-app .tefsir-panel p{font-size:18px;line-height:1.85}
 .mobile-app .ses-blok{max-width:100%;gap:12px}.mobile-app audio{max-width:100%;width:100%}
 .mobile-app .sure-gezinti{gap:12px;flex-wrap:wrap}.mobile-app .sure-gezinti a{min-height:44px;display:inline-flex;align-items:center}
 .mobile-app .tekin-icerik{padding:0 14px 20px}.mobile-app .tekin-araclar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-app .tekin-araclar a,.mobile-app .tekin-araclar button{font-size:14px}
 .mobile-app .oku-arac{gap:12px}.mobile-app .oku-atla{border-radius:var(--mobile-control);min-height:48px}
 .mobile-app .ky-library h1,.mobile-app .ky-book h1{font-size:32px}.mobile-app .ky-library .ky-subtitle{font-size:17px}
 .mobile-app .ky-notice{font-size:14px;padding:14px 16px;border-radius:0 var(--mobile-control) var(--mobile-control) 0}
 .mobile-app .ky-book p{font-size:18px;line-height:1.85}.mobile-app .ky-block{scroll-margin-top:80px}
 .mobile-app .ky-pagination{gap:12px;margin:0 0 28px}.mobile-app .ky-pagination a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
 /* Listening surface: compact art leaves the stations within reach. */
 .mobile-app .radio-heading{margin-bottom:24px}.mobile-app .radio-heading h1{font-size:32px}.mobile-app .radio-heading p{font-size:16px}
 .mobile-app .radio-read{display:none}.mobile-app .radio-layout{display:flex;flex-direction:column;gap:32px}
 .mobile-app .radio-now{border-radius:var(--mobile-radius);padding:20px;background:var(--mobile-sheet)}
 .mobile-app .radio-art{height:136px;min-height:0;margin:12px 0}.mobile-app .radio-art>span{font-size:84px}
 .mobile-app .radio-name h2{font-size:26px}.mobile-app .radio-description{font-size:15px;min-height:0}
 .mobile-app .radio-controls{margin:18px 0 10px}.mobile-app .radio-play{min-height:56px;border-radius:28px;padding:12px 36px}
 .mobile-app .radio-status{font-size:14px}.mobile-app .radio-source{margin-top:16px;padding-top:12px}
 .mobile-app .radio-volume input{height:32px}.mobile-app .radio-search{border-radius:var(--mobile-control);min-height:48px}
 .mobile-app .radio-filters{flex-wrap:nowrap;overflow:auto;padding:4px 0 12px;gap:8px}.mobile-app .radio-filters button{flex:none;white-space:nowrap;border-radius:var(--mobile-control);padding:8px 14px}
 .mobile-app .radio-station{border-radius:var(--mobile-control);min-height:72px}.mobile-app .radio-bottom{font-size:14px;margin-top:28px}
 /* Search: one primary action, clear text entry, full-width result reading. */
 .mobile-app .finder-heading{margin-bottom:24px}.mobile-app .finder h1{font-size:32px}.mobile-app .finder-heading>p:last-child{font-size:16px}
 .mobile-app .finder-layout{display:flex;flex-direction:column;gap:24px}.mobile-app .finder-input{border-radius:var(--mobile-radius);padding:18px;background:var(--mobile-sheet)}
 .mobile-app .finder-tabs{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--mobile-control);padding:4px}.mobile-app .finder-tabs button{font-size:15px;border-radius:8px;padding:8px 6px}
 .mobile-app #finderVoice{padding:24px 0 12px}.mobile-app .finder-mic{width:80px;height:80px}.mobile-app #finderQuery{font-size:27px;line-height:1.7;border-radius:var(--mobile-control);min-height:110px}
 .mobile-app .finder-form-bottom button{border-radius:var(--mobile-control);padding:10px 18px}.mobile-app .finder-examples{gap:8px}.mobile-app .finder-examples button{padding:8px 12px}
 .mobile-app .finder-empty{padding:24px 16px}.mobile-app .finder-result{padding:24px 0}.mobile-app .finder-result .found-meal{font-size:18px;line-height:1.8}
 .mobile-app .finder-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-app .finder-actions a,.mobile-app .finder-actions button{padding:10px 6px;justify-content:center;font-size:14px;border-radius:var(--mobile-control)}
 /* The dock sits above navigation, never over the bottom tabs. */
 .mobile-app #tafsira-persistent{bottom:var(--mobile-nav)}
 .mobile-app.has-radio-dock{padding-bottom:calc(var(--mobile-nav) + 84px)!important}
 /* Reading surface: flowing page, segmented mode control, anchored playback. */
 .mobile-app .topbar{height:64px;padding-inline:var(--mobile-gutter);gap:12px}.mobile-app .topbar .brand{font-size:24px}.mobile-app .topbar .reader-radio-link{display:none}
 .mobile-app .top-actions{gap:6px}.mobile-app .top-actions button{min-width:44px}.mobile-app .topbar .section-name,.mobile-app .top-divider{display:none}
 .mobile-app .workspace{padding-bottom:112px;min-height:calc(100dvh - 64px - var(--mobile-nav))}
 .mobile-app .reader{padding:24px 0 12px}.mobile-app .reader-heading{padding:0 var(--mobile-gutter);margin-bottom:20px;gap:8px;align-items:center}
 .mobile-app .reader h1{font-size:28px}.mobile-app .reader-title p{font-size:13px;margin-top:5px}.mobile-app .reader-title{min-width:0}.mobile-app .reader-title h1{overflow-wrap:anywhere}
 .mobile-app .page-nav{background:var(--mobile-sheet);border-radius:var(--mobile-control);gap:0;flex:none}.mobile-app .page-nav .icon-button{width:36px;min-width:36px}.mobile-app .page-nav select{max-width:84px;font-size:14px;padding:4px 0}
 .mobile-app .reading-toolbar{padding:0 var(--mobile-gutter) 14px;border:0;display:block}.mobile-app .view-tabs{display:grid;grid-template-columns:1.3fr .8fr .9fr;padding:4px;border-radius:var(--mobile-control)}
 .mobile-app .view-tabs button{justify-content:center;font-size:14px;padding:8px 4px;border-radius:8px}
 .mobile-app .juz-control{display:none}.mobile-app .reading-note{padding:0 var(--mobile-gutter) 16px;align-items:center;font-size:13px;gap:8px}
 .mobile-app .reading-note #readingHint{display:none}.mobile-app .reading-note select{background:none;border:0;color:var(--mobile-accent);font-size:14px}.mobile-app #pageContext{margin-left:auto}
 .mobile-app .book{border:0;border-radius:0;box-shadow:none;background:var(--mobile-sheet);min-height:320px}
 .mobile-app .verse-page{padding:0 var(--mobile-gutter)}.mobile-app .verse-row{padding:24px 0}.mobile-app .verse-row.is-active{background:transparent;box-shadow:inset 3px 0 var(--mobile-accent);border-radius:0 12px 12px 0}
 .mobile-app .verse-row button{padding:0 14px;font-size:var(--arabic-size);line-height:2}.mobile-app .verse-row .row-meal{margin:16px 14px 0;font-size:var(--meal-size);line-height:1.85;color:var(--mobile-ink)}
 .mobile-app .arabic-page,.mobile-app .translation-page{padding:24px var(--mobile-gutter)}.mobile-app .ar-chapter-heading{padding:8px;margin-bottom:20px;border:0}.mobile-app .arabic-flow{line-height:2.2}
 .mobile-app .reading-bottom{padding:20px var(--mobile-gutter);font-size:14px}.mobile-app .reading-bottom a,.mobile-app #kuranYoluLink{min-height:44px;display:inline-flex;align-items:center}
 .mobile-app .player{bottom:var(--mobile-nav);height:108px;min-height:108px;padding:10px 16px 6px;gap:0 8px;box-shadow:none;background:var(--mobile-sheet)}
 .mobile-app .player-identity strong{font-size:15px}.mobile-app .player-identity #playStatus{font-size:12px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mobile-app .playback{gap:0}.mobile-app .playback .icon-button{width:44px;height:44px}.mobile-app .play-button{width:46px;height:46px}
 .mobile-app .player .timeline{height:30px;gap:10px}.mobile-app .timeline input{height:28px}.mobile-app .player .reciter{display:none}
 .mobile-app.has-radio-dock .player{bottom:calc(var(--mobile-nav) + 80px)!important}
 .mobile-app .library{inset:auto 0 0;width:100%;height:88dvh;border-radius:24px 24px 0 0;padding:24px 20px calc(20px + env(safe-area-inset-bottom));z-index:80;overscroll-behavior:contain}
 .mobile-app .library .search{min-height:48px;border-radius:var(--mobile-control)}.mobile-app .surah-item{min-height:60px;border-radius:var(--mobile-control)}
 .mobile-app .settings,.mobile-app .ky-dialog{inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:92dvh;border:0;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}
 .mobile-app .settings header,.mobile-app .ky-dialog>header{position:sticky;top:-24px;padding:12px 0;background:var(--mobile-sheet);z-index:1}
 .mobile-app .settings select{min-height:48px;border-radius:var(--mobile-control)}.mobile-app .settings input[type=range]{min-height:40px}
 .mobile-app .ky-dialog p{font-size:18px;line-height:1.85}.mobile-app .ky-dialog h2{font-size:22px}.mobile-app .ky-dialog button{min-height:44px}
}
@media(max-width:360px){:root{--mobile-gutter:16px}.mobile-app .reader-heading{flex-wrap:wrap}.mobile-app .page-nav{margin-left:auto}.mobile-app .reader-title{flex:1}.mobile-app .reader h1{font-size:26px}.mobile-app .player-identity #playStatus{max-width:150px}.mobile-app .playback .icon-button{width:40px}.mobile-app .view-tabs button{font-size:13px}.mobile-app .finder-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.mobile-sheet[open],.mobile-app .settings[open],.mobile-app .ky-dialog[open]{animation:mobile-sheet-in var(--mobile-motion) var(--mobile-ease)}@keyframes mobile-sheet-in{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-app *{animation:none!important;transition:none!important}}
@media(max-width:850px){.mobile-app .mobile-original-menu{display:none}.mobile-app .mobile-reading-settings{border-top:1px solid var(--mobile-line);margin-top:24px;padding-top:12px}.mobile-app .settings .reciter,.mobile-app .settings .juz-control{display:flex;flex-direction:column;align-items:stretch;gap:8px;border:0;padding:0;margin:16px 0;font-size:16px}.mobile-app .settings .reciter>span{font-size:14px;letter-spacing:0}.mobile-app .settings .reciter select,.mobile-app .settings .juz-control select{width:100%;max-width:none;font-size:16px}.mobile-app .settings #resume{min-height:48px;width:100%;text-align:left;color:var(--mobile-accent)}.mobile-app .radio-art{display:flex}.mobile-app .radio-origin{display:block}}
@media(max-width:850px){.mobile-app .radio-layout,.mobile-app .finder-layout{align-items:stretch}.mobile-app .radio-library,.mobile-app .finder-results{min-width:0;width:100%}.mobile-app .radio-now{width:100%}.mobile-app .meal-secici{top:64px}.mobile-app .harf-nav a{min-width:44px;min-height:44px}.mobile-app .fihrist-kart{border-radius:var(--mobile-control)}.mobile-app .ara-kutu input{font-size:18px;min-height:52px}}
@media(max-width:850px){.mobile-app .view-tabs{grid-template-columns:1fr 1fr}.mobile-app .view-tabs [data-view=verses]{display:none}.mobile-app .book[data-view=dual]{grid-template-columns:1fr}.mobile-app .book[data-view=dual] .translation-page,.mobile-app .book[data-view=dual] .arabic-page{display:none}.mobile-app .radio-art{height:104px}.mobile-app .radio-name h2{font-size:24px}.mobile-app .radio-art>span{font-size:68px}}
.mobile-resume{display:none}.mobile-daily>summary{display:none}
@media(max-width:850px){.mobile-app .kapak h1{font-size:30px;line-height:1.22}.mobile-app .kapak-alt{display:none}.mobile-app .kapak-ust{font-size:23px}.mobile-app .kapak-ic{gap:16px}.mobile-app .hizli{display:flex;flex-wrap:nowrap;overflow:auto;padding-bottom:6px}.mobile-app .hizli .dugme{flex:none;white-space:nowrap;font-size:14px;padding:10px 14px;border-radius:var(--mobile-control)}.mobile-app .hizli .dugme:first-child{display:none}.mobile-app .mobile-resume{display:flex;align-items:center;gap:14px;padding:18px;margin:22px 0;border-radius:var(--mobile-radius);background:var(--mobile-accent);color:var(--mobile-sheet)}.mobile-resume>svg{width:28px;height:28px;flex:none}.mobile-resume>span:first-of-type{flex:1}.mobile-resume strong{display:block;font-size:17px;font-weight:500;line-height:1.4}.mobile-resume small{display:block;font-size:13px;margin-top:4px;opacity:.9}.mobile-app .mobile-daily>summary{display:list-item;padding:14px 18px;background:var(--mobile-tint);color:var(--mobile-accent);border-radius:var(--mobile-control);cursor:pointer;font-weight:500}.mobile-app .mobile-daily .gunun-ayeti{margin-top:12px;box-shadow:none}.mobile-app .sk-no{border-radius:12px;min-width:40px;min-height:40px}.mobile-app .sk-metin b{font-size:18px}.mobile-app .sk-metin small{font-size:14px;margin-top:4px}.mobile-app .cuz-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-app .cuz-kart{min-width:0;border-radius:var(--mobile-control);padding:16px 12px}.mobile-app .cuz-kart .ck-ad{font-size:14px}.mobile-app .tanitim{padding-top:28px}}

/* The initial HTML already has the final mobile layout, before deferred scripts. */
@media(max-width:850px){
 .mobile-daily:not(.daily-ready)>aside{display:none}
 .mobile-resume>span:first-of-type{min-width:0}
 .mobile-resume strong,.mobile-resume small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mobile-app .sure-kart{transition:transform .12s}
 .mobile-app .menu-dugme{margin-left:auto}
 .mobile-app .menu-acik .ust-linkler{display:flex}
}