:root{--bg: #f7f4ef;--bg-card: #fff;--text: #1a1a1a;--muted: #6b6560;--accent: var(--yesil, #9b1c2c);--accent-light: #f6dede;--border: #e8e2d9;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--radius: 12px;--topbar-h: 56px;--font-serif: "Souvenir", Georgia, "Times New Roman", serif;--font-arabic: "ShaikhHamdullahMushaf", "UthmanTaha", serif;--font-osmanlica: "hasenat", serif;--reader-scale: 1;--page-bg: #fbf0cb;--page-text: rgba(0, 0, 0, .87);--page-accent: rgba(0, 0, 0, .87);--menu-bg: #5c3d2e;--oku-menu-h: 56px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-serif);line-height:1.65}.hidden{display:none!important}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.mobile-menu-tab{display:none;position:fixed;right:0;top:calc(var(--topbar-h) + 42%);transform:translateY(-50%);z-index:85;width:26px;height:46px;align-items:center;justify-content:center;border:none;border-radius:8px 0 0 8px;background:linear-gradient(180deg,#6b4423,#4a2f1a);color:#ffd100;cursor:pointer;font-size:.85rem;box-shadow:-2px 0 10px #0003;padding:0}.search-panel{background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 16px}.search-panel input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit}.search-results{max-height:280px;overflow-y:auto;margin-top:8px}.search-scope-label{margin:6px 0 0;padding:0;font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.search-hit{display:block;width:100%;text-align:left;padding:10px 12px;border:none;background:transparent;border-bottom:1px solid var(--border);cursor:pointer;font-family:inherit}.search-hit strong{display:block;color:var(--text)}.search-hit span{font-size:.8rem;color:var(--muted)}.search-hit:hover{background:var(--accent-light)}#main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:16px}#main{flex:1;width:100%;margin:0 auto;padding:16px}#view-reader{padding:0!important;max-width:100%!important}#main.reader-active{padding:0;max-width:100%}#view-reader:not(.hidden){display:block;min-height:calc(100vh - var(--topbar-h));min-height:calc(100dvh - var(--topbar-h))}.reader-layout{display:flex;min-height:calc(100vh - var(--topbar-h));min-height:calc(100dvh - var(--topbar-h));position:relative}.reader-center{flex:1;min-width:0;display:flex;flex-direction:column;padding-bottom:calc(var(--oku-menu-h) + var(--oku-durum-h, 34px) + env(safe-area-inset-bottom,0px));align-items:center;background:#e8e0d0}.okucerceve{flex:1;width:100%;max-width:900px;font-family:Souvenir,var(--font-serif);min-height:calc(100vh - var(--topbar-h) - var(--oku-menu-h));min-height:calc(100dvh - var(--topbar-h) - var(--oku-menu-h));padding:26px 18px 48px;color:var(--page-text);text-align:justify;font-size:calc(19px * var(--reader-scale));line-height:calc(var(--satir, 1.3) * var(--reader-scale));overflow-y:auto;transition:color .25s}.okucerceve.page-mode{overflow-y:auto}.okucerceve.page-mode .page-marker{display:none}#btn-read-mode.active,#btn-tefekkur.active{background:#ffb50033!important;border-color:#ffb500!important}#oku_menusu{position:fixed;left:0;right:0;bottom:0;height:var(--oku-menu-h);background:#f4f4f4;box-shadow:0 0 5px #00000059;display:flex;align-items:center;justify-content:center;gap:8px;z-index:100;padding:6px 12px;flex-wrap:wrap}.zoom-controls{display:inline-flex;gap:6px}.zoom-btn{padding:8px 10px;font-size:15px;border:none;border-radius:6px;background:#f3f3f5;cursor:pointer;box-shadow:0 1px 3px #00000026}.zoom-btn:hover{background:#e7e7ea}.nav-circle.ui.button{background:#fff!important}.sh_label{display:inline-flex;align-items:center;gap:4px;color:#0009;font-size:16px;margin:0 6px}.page-input-wrap.ui.input{width:56px!important}.page-input-wrap input{text-align:center!important;padding:8px!important}#oku_menusu_butonlar{display:inline-flex;gap:6px;margin-left:8px}#oku_menusu_butonlar .ui.basic.button{font-size:14px!important;padding:10px 12px!important}#oku_menusu_butonlar .ui.basic.button.active,#btn-tefekkur.active{background:#fff3cd!important;border-color:#ffb500!important}#btn-tefekkur .icon{color:#ffb500}.fihrist-tree button{display:flex;align-items:center;gap:8px;width:100%;text-align:start;border:none;background:transparent;padding:7px 9px;border-radius:8px;font-family:inherit;font-size:.84rem;line-height:1.4;cursor:pointer;color:var(--metin)}.fihrist-tree button span{flex:1;min-width:0;white-space:pre-wrap}.fihrist-tree button b{flex:none;font-family:var(--font-ui);font-size:.74rem;font-weight:600;color:var(--vurgu);opacity:.85}.fihrist-tree button:hover{background:#6631361a}.fihrist-baslik{font-weight:600;color:var(--vurgu-koyu)!important}.fihrist-baslik>i{flex:none;font-size:.7rem;opacity:.6;transition:transform .16s ease}.fihrist-baslik.acik>i{transform:rotate(90deg)}.fihrist-cocuk{margin:0 0 4px 10px;padding-inline-start:8px;border-inline-start:1px solid var(--cizgi)}.fihrist-satir.ust{font-weight:600;color:var(--vurgu-koyu)}.fihrist-aciklama{margin:-2px 0 8px;padding-inline:26px 10px;font-size:.76rem;line-height:1.45;color:var(--soluk);overflow-wrap:anywhere}#lugat-popup,#meal-popup{position:fixed;z-index:10050;max-width:min(360px,calc(100vw - 24px));padding:13px 16px;border-radius:16px;background:var(--koyu-cam, rgba(28, 33, 30, .68));-webkit-backdrop-filter:var(--cam-bulanik, saturate(175%) blur(26px));backdrop-filter:var(--cam-bulanik, saturate(175%) blur(26px));border:1px solid var(--koyu-cam-kenar, rgba(255, 255, 255, .15));box-shadow:var(--koyu-cam-golge, 0 22px 56px rgba(0, 0, 0, .38));color:var(--koyu-cam-metin, #f4f1f1);font-size:.9rem;line-height:1.6;text-align:start;text-indent:0;animation:balon-gir .18s cubic-bezier(.22,1,.36,1) both}@keyframes balon-gir{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}#lugat-popup{display:flex;flex-direction:column}#lugat-popup.hidden{display:none!important}#lugat-popup strong{color:var(--kandil, #ffe3a3);font-size:.96rem}#lugat-popup,#meal-popup{overflow-x:hidden;overflow-wrap:anywhere;word-break:normal}.lugat-popup-inner{min-width:0}.lugat-adet{float:inline-end;margin-inline-start:10px;padding:1px 8px;border-radius:999px;background:#ffffff1f;color:var(--koyu-cam-soluk, #b9c2bc);font-family:var(--font-ui);font-size:.7rem;font-weight:600}#lugat-popup p{margin:4px 0 0}.lugat-diger{margin-top:9px;padding-top:9px;border-top:1px dashed rgba(255,255,255,.22)}.lugat-diger strong{display:block;margin-top:7px;opacity:.95}.lugat-popup-inner{padding:12px 14px;max-height:360px;overflow:auto}#meal-popup{display:none;font-style:italic}#meal-popup.hidden{display:none!important}.theme-panel{position:fixed;inset:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center}.theme-panel-inner{border-radius:16px;padding:20px;width:min(360px,90vw);overflow-wrap:anywhere}.theme-panel-inner h3{margin:0 0 14px}.theme-swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.theme-swatch{border:2px solid transparent;border-radius:8px;padding:16px 10px;cursor:pointer;font-family:inherit;font-size:.85rem;text-align:center}.theme-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.tefekkur-chunk{border-radius:2px;padding:0 1px}body.tefekkur-on .book-para b,body.tefekkur-on .book-para strong{color:inherit}.arapca{font-family:var(--font-arabic-sec, ShaikhHamdullahMushaf),var(--font-arabic);direction:rtl;position:relative;text-align:center;color:red;margin:calc(-7px * var(--reader-scale)) 0 calc(-31px * var(--reader-scale));display:block;font-size:calc(30px * var(--reader-scale));line-height:1.3;padding:calc(3px * var(--reader-scale)) 0}.arapca_ic{line-height:inherit;padding-bottom:.12em}.arapca_ikon{margin-right:10px;padding-right:12px;background:url(../assets/meal.png) no-repeat center;background-size:contain;width:33px;height:17px;display:inline-block;vertical-align:middle;flex-shrink:0}.barla{font-family:barla,var(--font-osmanlica);text-align:center;display:block;font-size:calc(70px * var(--reader-scale));line-height:calc(1.3 * var(--reader-scale));margin:.85em 0 .25em;color:var(--page-text)}.ortali{text-align:center;display:block;font-weight:700;font-size:calc(22px * var(--reader-scale));line-height:calc(1.3 * var(--reader-scale));color:var(--page-text);margin:20px 0 10px}.kalin1{margin:20px 0 10px;display:block;font-weight:700;font-size:calc(18px * var(--reader-scale));line-height:calc(1.35 * var(--reader-scale));color:var(--page-text)}.book-para b.para-label{display:block;margin:20px 0 10px;text-indent:0;font-weight:700}.kalin1+.book-para,.ortali+.book-para,.barla+.book-para{margin-top:0}.sheet-handle{display:none}.term{cursor:help;color:inherit;font-weight:700;text-decoration:underline dotted rgba(0,0,0,.4);text-underline-offset:.2em;text-decoration-thickness:1px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.lugat-word{cursor:help;color:inherit;text-decoration:underline dotted currentColor;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,currentColor 32%,transparent);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.lugat-word:hover{text-decoration-color:color-mix(in srgb,currentColor 70%,transparent)}#selection-menu{position:fixed;z-index:1200;display:flex;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000002e;overflow:hidden}#selection-menu.hidden{display:none}#selection-menu button{border:none;background:#fff;color:#333;padding:.55rem .9rem;font:inherit;cursor:pointer;display:flex;align-items:center;gap:.35rem;white-space:nowrap}#selection-menu button:hover{background:#f5f5f5}#selection-menu button+button{border-left:1px solid #eee}.modal-panel{position:fixed;inset:0;background:#00000073;z-index:300;display:flex;align-items:flex-end;justify-content:center;padding:12px}.modal-panel.hidden{display:none}.modal-panel-inner,.theme-panel-inner{background:var(--koyu-cam, rgba(28, 33, 30, .68));-webkit-backdrop-filter:var(--cam-bulanik, saturate(175%) blur(26px));backdrop-filter:var(--cam-bulanik, saturate(175%) blur(26px));border:1px solid var(--koyu-cam-kenar, rgba(255, 255, 255, .15));color:var(--koyu-cam-metin, #f4f1f1);box-shadow:var(--koyu-cam-golge, 0 22px 56px rgba(0, 0, 0, .38))}.modal-panel-inner{border-radius:18px 18px 0 0;width:min(420px,100%);max-height:80vh;overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;word-break:normal;padding:18px 16px 24px}.modal-panel-inner input,.modal-panel-inner textarea,.modal-panel-inner select{background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:inherit}.modal-panel-inner input::placeholder{color:#ffffff73}.modal-panel-inner input:focus,.modal-panel-inner textarea:focus{outline:0;border-color:var(--kandil, #ffe3a3)}.modal-panel-inner .ui.button,.theme-panel-inner .ui.button{background:#ffffff1f;color:var(--koyu-cam-metin, #f4f1f1);box-shadow:none}.modal-panel-inner .ui.button:hover,.theme-panel-inner .ui.button:hover{background:#ffffff38;color:#fff}.modal-panel-inner .ui.primary.button{background:var(--yesil, #673338);color:#fff}.modal-panel-inner h3{margin:0 0 14px;font-size:1.05rem}.modal-options{display:flex;flex-direction:column;gap:8px}.modal-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font:inherit;cursor:pointer}.modal-option:hover,.modal-option:active{background:var(--accent-light);border-color:var(--accent)}.modal-option i{color:var(--accent)}.modal-option strong{display:block;font-size:.95rem}.modal-option span{font-size:.8rem;color:var(--muted)}#lugat-panel input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;margin-bottom:12px}#lugat-panel-result{max-height:240px;overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;word-break:normal;min-width:0}.lugat-popup-inner,.lugat-popup-inner *{min-width:0;max-width:100%;overflow-wrap:anywhere}.modal-option{background:#ffffff14;border-color:#ffffff29;color:inherit}.modal-option:hover{background:#ffffff29}#story-preview-wrap{display:flex;justify-content:center;margin:12px 0}#story-preview{width:min(270px,70vw,26vh);height:auto;border-radius:8px;box-shadow:0 4px 16px #0003}#selection-menu button[data-action=story] i{color:#e59ac9}@media(min-width:769px){.modal-panel{align-items:center}.modal-panel-inner{border-radius:14px}.menu-backdrop,.reader-topbar-actions,.mobile-menu-tab{display:none!important}}.book-heading{font-size:calc(1.5rem * var(--reader-scale));text-align:center;color:var(--page-accent);margin:16px 0;font-weight:700}.book-subheading{font-size:calc(1.05rem * var(--reader-scale));text-align:center;color:var(--page-text);opacity:.75;margin:8px 0 20px}.book-label{font-size:calc(.95rem * var(--reader-scale));color:var(--page-accent);margin:20px 0 8px;font-weight:600}.book-para{text-indent:1.5em;margin:0 0 10px}#reader-content{display:flex;flex-direction:column;gap:32px;position:relative}.sayfa{position:relative;background:var(--page-bg);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:40px 44px 46px;box-shadow:0 1px 2px #0000000f,0 8px 22px #00000014;transition:background .25s,color .25s}.sayfa>:first-child+*{margin-top:0}.sayfa-ust,.sayfa-alt{display:flex;align-items:center;gap:12px;color:color-mix(in srgb,var(--page-text) 72%,transparent);font-family:var(--font-ui);font-size:.68rem;font-weight:600;letter-spacing:.08em;line-height:1.4;text-indent:0;pointer-events:none;user-select:none}.sayfa-kunye-sol,.sayfa-kunye-sag{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sayfa-kunye-sag{text-align:end}.sayfa-sus{flex:none;color:var(--altin, #c9a35c);font-size:.6rem;opacity:.9}.sayfa-ust{margin:-14px 0 24px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--page-text) 14%,transparent);text-transform:none}.sayfa-ust .sayfa-kunye-sag{text-transform:uppercase}.sayfa-alt{margin:28px 0 -16px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--page-text) 14%,transparent)}.sayfa-alt .sayfa-kunye-sol{text-transform:uppercase}.sayfa-alt .sayfa-kunye-sag{letter-spacing:.14em;font-variant-numeric:tabular-nums}.sayfa-nesriyat{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:.05em;opacity:.78}@media(max-width:620px){.sayfa-alt .sayfa-kunye-sol{display:none}.sayfa-alt .sayfa-sus:first-of-type{display:none}.sayfa-nesriyat{flex:1;max-width:none}}.sayfa{display:flex;flex-direction:column}.sayfa-alt{margin-top:auto}.page-marker{text-align:center;font-size:.75rem;color:var(--muted);margin:24px 0 16px;padding:4px 12px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}@media(max-width:768px){.okucerceve{padding:24px 16px 48px}.book-quote{padding-inline-end:26px}#oku_menusu_butonlar{display:none}#app.reader-active .reader-topbar-actions,#app.reader-active .mobile-menu-tab{display:flex}.sheet-handle{display:block;width:36px;height:4px;background:#80808059;border-radius:2px;margin:0 auto 10px;flex-shrink:0}body.panel-open{overflow:hidden;touch-action:none}.reader-layout:has(.okuma-panel.acik) .mobile-menu-tab i{transform:rotate(180deg)}.mobile-menu-tab i{transition:transform .2s ease}.menu-backdrop{display:none;position:fixed;inset:var(--nav-h) 0 var(--oku-menu-h) 0;background:#00000073;z-index:70}body.dinle-active .menu-backdrop{inset-block-end:calc(var(--oku-menu-h) + var(--dinle-player-h))}.menu-backdrop.visible{display:block}.okuma-panel{z-index:90}}.muted{color:var(--muted);font-size:.9rem;padding:12px}.error{background:#fee;border:1px solid #fcc;padding:16px;border-radius:8px;color:#900}.book-center{text-align:center;text-indent:0;margin:14px 0;color:var(--page-text)}.book-hashiye{position:relative;margin:18px 0 20px;padding:2px 0 2px 18px;border-inline-start:2px solid color-mix(in srgb,var(--page-text) 26%,transparent);color:color-mix(in srgb,var(--page-text) 84%,transparent);font-style:italic;font-size:.94em;font-weight:400;line-height:1.7;text-indent:0}.hashiye-etiket{display:block;margin-bottom:6px;color:color-mix(in srgb,var(--page-text) 62%,transparent);font-family:var(--font-ui);font-size:.63rem;font-style:normal;font-weight:700;letter-spacing:.12em}.book-quote{text-align:right;text-indent:0;margin:12px 0;color:var(--page-text)}.arapca_ic .arapca-sep{opacity:.75;padding:0 .2em}.arapca_ic .esma-ad{color:#8b4513}.dinle-hero{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#401e21,#663136,#8b464c);color:#fff;padding:28px 24px;border-radius:var(--radius);margin-bottom:20px;box-shadow:0 8px 24px #66313640}.dinle-hero-icon{width:56px;height:56px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.dinle-hero h2{margin:0 0 6px;font-size:1.45rem}.dinle-hero p{margin:0;opacity:.88;font-size:.92rem}.dinle-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.dinle-tab{padding:8px 18px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-family:inherit;font-size:.88rem;cursor:pointer;color:var(--muted);transition:all .15s}.dinle-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dinle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.dinle-book-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left}.dinle-book-cover{position:relative;aspect-ratio:2 / 3;border-radius:4px 12px 12px 4px;overflow:hidden;background:linear-gradient(145deg,var(--yesil, #9b1c2c),var(--orman, #4a0f18));box-shadow:var(--shadow);transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s ease}.dinle-book-cover:not(.kapakli):before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:7px;z-index:2;background:linear-gradient(90deg,#00000059,#0000000d)}.dinle-book-card:hover .dinle-book-cover,.dinle-book-card:focus-visible .dinle-book-cover{transform:translateY(-3px);box-shadow:0 12px 26px #280c1047}.dinle-book-cover img{width:100%;height:100%;object-fit:cover;display:block}.dinle-book-cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-inline-start:7px;color:var(--kandil, #f0d99b);font-family:barla,var(--font-govde),serif;font-size:2.8rem;font-weight:400;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.28)}.dinle-play-badge{position:absolute;inset-block-end:10px;inset-inline-end:10px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#ffffff6b,#ffffff1f 46%,#ffffff0d);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(255,255,255,.45);box-shadow:0 6px 16px #14060857,inset 0 1px #fff9,inset 0 -6px 12px #ffffff14;transition:transform .2s cubic-bezier(.2,.8,.3,1),background .2s ease}.dinle-play-badge svg{margin-inline-start:2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.dinle-book-card:hover .dinle-play-badge,.dinle-book-card:focus-visible .dinle-play-badge{transform:scale(1.08);background:linear-gradient(160deg,#ffffff94,#fff3 46%,#ffffff14)}.dinle-book-card:active .dinle-play-badge{transform:scale(.94)}@media(prefers-reduced-motion:reduce){.dinle-book-cover,.dinle-play-badge{transition:none}}.dinle-book-name{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.3}.dinle-book-tag{font-size:.7rem;color:var(--accent);background:var(--accent-light);padding:2px 8px;border-radius:4px;align-self:flex-start}.dinle-detail-hero{background:linear-gradient(135deg,var(--accent),#401e21);background-size:cover;background-position:center;color:#fff;border-radius:var(--radius);padding:28px 24px;margin-bottom:20px}.dinle-detail-hero h2{margin:0 0 6px;font-size:1.4rem}.dinle-detail-hero p{margin:0 0 14px;opacity:.88;font-size:.9rem}.dinle-open-text-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:#ffffff1f;color:#fff;font-family:inherit;font-size:.85rem;cursor:pointer}.dinle-open-text-btn:hover{background:#ffffff38}.dinle-reader-filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;-webkit-overflow-scrolling:touch}.dinle-chip{flex-shrink:0;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-family:inherit;font-size:.82rem;cursor:pointer;color:var(--muted)}.dinle-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.dinle-track-list{display:flex;flex-direction:column;gap:6px}.dinle-track{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;content-visibility:auto;contain-intrinsic-size:auto 62px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);cursor:pointer;font-family:inherit;text-align:left;transition:background .12s,border-color .12s}.dinle-track:hover{background:var(--accent-light)}.dinle-track.active{border-color:var(--accent);background:var(--accent-light)}.dinle-track-play{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem}.dinle-track.active .dinle-track-play{box-shadow:0 0 0 3px #66313640}.dinle-track-body{flex:1;min-width:0}.dinle-track-body strong{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dinle-track-body small{display:block;font-size:.78rem;color:var(--muted);margin-top:2px}.dinle-track-dur{font-size:.78rem;color:var(--muted);flex-shrink:0}.dinle-loading{padding:24px;text-align:center}:root{--dinle-player-h: 108px;--oku-durum-h: 34px}body.dinle-active{--dinle-player-h: 108px}body.dinle-active.dinle-player-expanded{--dinle-player-h: 146px}.dinle-player{position:fixed;bottom:0;left:0;right:0;z-index:300;background:var(--cam, rgba(253, 252, 248, .58));-webkit-backdrop-filter:var(--cam-bulanik, saturate(175%) blur(26px));backdrop-filter:var(--cam-bulanik, saturate(175%) blur(26px));border-top:1px solid var(--cam-kenar, rgba(255, 255, 255, .62));box-shadow:0 -10px 34px #1f151624}.dinle-player-main{display:flex;align-items:center;gap:16px;padding:10px 18px;min-height:108px;max-width:1040px;margin:0 auto}.dinle-cover-btn{width:60px;height:88px;border-radius:10px;border:1px solid rgba(0,0,0,.1);padding:0;overflow:hidden;cursor:pointer;background:linear-gradient(140deg,#673338,#37191b);color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #1f151638;transition:transform .2s cubic-bezier(.22,1,.36,1)}.dinle-cover-btn:hover{transform:translateY(-2px)}.dinle-cover-btn img{width:100%;height:100%;object-fit:cover;display:block}.dinle-govde{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.dinle-player-info{min-width:0;cursor:pointer}.dinle-player-info strong{display:block;font-family:var(--font-ui);font-size:.92rem;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dinle-player-info span{font-family:var(--font-ui);font-size:.75rem;color:var(--muted)}.dinle-cizgi{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--muted)}.dinle-ray{position:relative;flex:1;height:16px;display:flex;align-items:center}.dinle-ray:before{content:"";position:absolute;inset-inline:0;height:4px;border-radius:99px;background:color-mix(in srgb,var(--text) 16%,transparent)}.dinle-ray-dolu{position:absolute;inset-inline-start:0;width:0;height:4px;border-radius:99px;background:linear-gradient(90deg,#673338,#c9a35c)}.dinle-ray-topuz{position:absolute;inset-inline-start:0;width:12px;height:12px;margin-inline-start:-6px;border-radius:50%;background:#fff;border:2px solid #673338;box-shadow:0 1px 4px #00000040;transition:transform .15s ease}.dinle-ray:hover .dinle-ray-topuz{transform:scale(1.2)}#dinle-seek{position:absolute;inset:0;width:100%;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent}#dinle-seek::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px}.dinle-player-controls{display:flex;align-items:center;justify-content:center;gap:6px}.dinle-ctrl{width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:var(--text);cursor:pointer;font-size:.95rem;display:flex;align-items:center;justify-content:center;position:relative;transition:background var(--h-hizli, .16s),color var(--h-hizli, .16s)}.dinle-ctrl:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.dinle-ctrl i{margin:0}.dinle-ctrl-atla b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-ui);font-size:.52rem;font-weight:700;padding-top:1px;pointer-events:none}.dinle-ctrl-play{width:44px;height:44px;background:#673338;color:#fff;font-size:1.05rem;box-shadow:0 3px 12px #67333859}.dinle-ctrl-play:hover{background:#854248}.dinle-sag{display:flex;align-items:center;gap:4px;flex-shrink:0}.dinle-ctrl-kapat:hover{background:#c628281f;color:#c62828}.dinle-player-expanded{display:flex;align-items:center;gap:14px;padding:0 18px 10px;max-width:1040px;margin:0 auto}.dinle-hizalama-rozet{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;background:#6733381f;color:#673338;font-family:var(--font-ui);font-size:.7rem;font-weight:600}.dinle-hizalama-rozet.hidden{display:none}.dinle-sync-toggle{display:flex;align-items:center;gap:6px;font-size:.82rem;cursor:pointer;color:var(--text)}.dinle-speed-btn,.dinle-text-btn{padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-family:inherit;font-size:.82rem;cursor:pointer;color:var(--text)}.dinle-text-btn{margin-left:auto;background:var(--accent-light);border-color:var(--accent);color:var(--accent)}body.dinle-active #main{padding-bottom:calc(var(--dinle-player-h) + 16px)}body.dinle-active #oku_menusu{bottom:var(--dinle-player-h)}.oku-durum{position:fixed;left:0;right:0;bottom:calc(var(--oku-menu-h) + env(safe-area-inset-bottom,0px));z-index:99;padding:5px 16px 6px;background:var(--cam, rgba(253, 252, 248, .72));-webkit-backdrop-filter:var(--cam-bulanik);backdrop-filter:var(--cam-bulanik);border-top:1px solid var(--cam-kenar);font-family:var(--font-ui);font-size:.72rem;color:var(--metin-2)}body.dinle-active .oku-durum{bottom:calc(var(--oku-menu-h) + var(--dinle-player-h))}.od-ilerleme{height:3px;border-radius:99px;background:color-mix(in srgb,var(--metin) 12%,transparent);overflow:hidden}.od-ilerleme i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#673338,#c9a35c);transition:width .3s ease}.od-satir{display:flex;align-items:center;gap:14px;margin-top:4px}.od-yuzde{font-weight:700;color:var(--metin);font-variant-numeric:tabular-nums}.od-sure{display:inline-flex;align-items:center;gap:5px}.od-sure i{margin:0;opacity:.7}.od-konum{margin-inline-start:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--soluk)}@media(max-width:620px){.oku-durum{padding-inline:10px;font-size:.68rem}.od-satir{gap:10px}}body.dinle-active .okuma-panel{--panel-alt: calc(var(--oku-menu-h) + var(--oku-durum-h, 34px) + var(--dinle-player-h))}#dinle-player-expanded{max-height:min(40vh,320px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:768px){.dinle-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.dinle-player-main{padding:9px 12px;gap:12px}.dinle-cover-btn{width:46px;height:68px}.dinle-player-info strong{font-size:.85rem}.dinle-sag #dinle-btn-text{display:none}.dinle-sag #dinle-btn-speed{min-width:40px;padding-inline:6px;font-size:.78rem}}