.km{max-width:820px}.km-sayfa{position:relative;margin:14px 0 0;padding:18px 26px 14px;border:1px solid var(--ko-c);border-radius:18px;background:linear-gradient(180deg,rgba(42,32,21,.97),rgba(30,23,14,.97));box-shadow:inset 0 0 0 5px rgba(32,24,15,.9),inset 0 0 0 6px rgba(216,173,85,.35);touch-action:pan-y}.km-ust{display:flex;justify-content:space-between;gap:12px;padding:0 2px 10px;border-bottom:1px solid rgba(118,87,40,.45);font:600 14px "PT Serif",Georgia,serif;color:var(--ko-a)}.km-metin{padding:8px 0 4px}.km-sb{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 6px;padding:8px 16px;border:1px solid rgba(216,173,85,.6);border-radius:12px;background:linear-gradient(90deg,rgba(216,173,85,.05),rgba(216,173,85,.13),rgba(216,173,85,.05))}.km-sb-ar{font:400 30px/1.4 Amiri,Amiri Quran,serif;color:var(--ko-a2)}.km-sb-tr{font-size:12.5px;color:var(--ko-s2);white-space:nowrap}.km-besmele{margin:6px 0 2px;text-align:center;font:400 30px/2 Amiri Quran,Amiri,Noto Naskh Arabic,serif;color:var(--ko-a2)}.km-p{margin:0;text-align:justify;text-align-last:center;font:400 31px/2.25 Amiri Quran,Amiri,Noto Naskh Arabic,serif;color:#F3E6C4;overflow-wrap:normal;word-break:keep-all}.km-a{cursor:pointer;border-radius:8px;transition:background .25s,color .25s;-webkit-tap-highlight-color:transparent}.km-a:hover{background:rgba(216,173,85,.07)}.km-a.on{background:rgba(216,173,85,.16);color:#FFF3D6}.km-mh{display:inline-grid;place-items:center;width:1.05em;height:1.05em;margin:0 .18em;vertical-align:.05em;border:1px solid rgba(216,173,85,.7);border-radius:50%;font:700 .42em "PT Serif",Georgia,serif;direction:ltr;line-height:1}.km-alt,.km-mh{color:var(--ko-a)}.km-alt{margin-top:10px;padding-top:8px;border-top:1px solid rgba(118,87,40,.45);text-align:center;font:600 14px "PT Serif",Georgia,serif}.km-gec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0}.km-gec button{border:0;background:none;padding:6px 2px;color:var(--ko-a2);font:600 16px "PT Serif",Georgia,serif;cursor:pointer}.km-gec button:hover{color:var(--ko-a)}.km-gec button:last-child{margin-left:auto;text-align:right}.km-gec small{flex:1 1;text-align:center;color:var(--ko-s2);font-size:13px}.km-gec>button,.km-gec>span{flex:0 0 auto;min-width:8.5em}.km-not,.km-sek{margin-top:14px}.km-ceviri{margin:16px 0 0;display:flex;flex-direction:column;gap:10px}.km-ceviri h2{margin:0 0 2px;font:600 18px "PT Serif",Georgia,serif;color:var(--ko-a2)}.km-c{padding:12px 16px;border:1px solid rgba(118,87,40,.6);border-radius:14px;background:linear-gradient(180deg,rgba(42,32,21,.9),rgba(32,24,15,.9));cursor:pointer;transition:border-color .2s}.km-c.on{border-color:var(--ko-a);box-shadow:0 0 0 1px rgba(216,173,85,.4)}.km-c-no{display:block;font:600 13px "PT Serif",Georgia,serif;color:var(--ko-a)}.km-c p{margin:4px 0 0;font:400 17px/1.65 "PT Serif",Georgia,serif;color:var(--ko-m)}.km-c p.oku{font-style:italic;color:var(--ko-s)}.km-sec{width:100%;margin:14px 0 0;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(216,173,85,.55);border-radius:18px;background:linear-gradient(135deg,rgba(216,173,85,.14),rgba(42,32,21,.9) 45%,rgba(30,23,14,.95));color:var(--ko-m);text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:border-color .2s,transform .2s}.km-sec:hover{border-color:var(--ko-a)}.km-sec:active{transform:scale(.99)}.km-sec-ik{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#F2DDB0,#CFA163)}.km-sec-ik svg{width:22px;height:22px;fill:none;stroke:#1b140b;stroke-width:1.6;stroke-linejoin:round}.km-sec-m{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.km-sec-m small{font-size:12px;letter-spacing:.04em;color:var(--ko-s2)}.km-sec-m b{font:600 17px/1.3 "PT Serif",Georgia,serif;color:var(--ko-a2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.km-sec>i{flex:none;font-style:normal;font-size:20px;color:var(--ko-a)}.km-perde{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:rgba(4,8,14,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:km-sol .2s ease}.km-pen{width:min(560px,100%);max-height:82vh;display:flex;flex-direction:column;padding:8px 18px calc(18px + env(safe-area-inset-bottom, 0px));border:1px solid var(--ko-c);border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#2a2015,#17110a);box-shadow:0 -18px 50px rgba(0,0,0,.5);animation:km-cik .25s ease}.km-pen-tut{align-self:center;width:44px;height:4px;margin:4px 0 10px;border-radius:4px;background:rgba(216,173,85,.45)}.km-pen-bas{display:flex;align-items:center;justify-content:space-between}.km-pen-bas b{font:600 20px "PT Serif",Georgia,serif;color:var(--ko-a2)}.km-pen-bas button{width:36px;height:36px;border:1px solid var(--ko-c);border-radius:50%;background:none;color:var(--ko-a);font-size:15px;cursor:pointer}.km-pen-sek{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px;margin:14px 0 12px;padding:4px;border:1px solid var(--ko-c);border-radius:999px}.km-pen-sek button{height:38px;border:0;border-radius:999px;background:none;color:var(--ko-s);font:600 15px system-ui,sans-serif;cursor:pointer}.km-pen-sek button.on{background:linear-gradient(180deg,#e2bd6a,#c9973f);color:#1b140b}.km-pen-ara{flex:none;height:46px;padding:0 16px;border:1px solid var(--ko-c);border-radius:14px;background:rgba(0,0,0,.25);color:var(--ko-m);font:15px system-ui,sans-serif}.km-pen-ara::placeholder{color:var(--ko-s2)}.km-pen-liste{margin-top:10px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:4px}.km-pen-liste button{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 14px;border:1px solid rgba(118,87,40,.5);border-radius:14px;background:rgba(32,24,15,.7);color:var(--ko-m);cursor:pointer;text-align:left}.km-pen-liste button.on{border-color:var(--ko-a);background:rgba(216,173,85,.12)}.km-pen-liste .no{flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(216,173,85,.55);border-radius:50%;font:600 13px "PT Serif",Georgia,serif;color:var(--ko-a)}.km-pen-liste .ad{flex:1 1;font:600 16px "PT Serif",Georgia,serif}.km-pen-liste .ar{font:22px/1.3 Amiri,Amiri Quran,serif;color:var(--ko-a2)}.km-pen-cuz{overflow-y:auto;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.km-pen-cuz button{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(118,87,40,.6);border-radius:14px;background:rgba(32,24,15,.7);color:var(--ko-m);cursor:pointer}.km-pen-cuz button b{font:600 20px "PT Serif",Georgia,serif;color:var(--ko-a2)}.km-pen-cuz button small{font-size:11px;color:var(--ko-s2)}.km-pen-cuz button.on{border-color:var(--ko-a);background:rgba(216,173,85,.14)}.km-pen-sayfa{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 4px}.km-pen-sayfa>b{font:600 54px/1 "PT Serif",Georgia,serif;color:var(--ko-a2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.km-pen-sayfa>small{color:var(--ko-s2)}.km-pen-sayfa input[type=range]{width:100%;accent-color:#CFA163;margin:10px 0}.km-pen-sayfa div{display:flex;gap:10px;width:100%}.km-pen-sayfa div input{width:84px;height:48px;text-align:center;border:1px solid var(--ko-c);border-radius:14px;background:rgba(0,0,0,.25);color:var(--ko-m);font:600 18px "PT Serif",Georgia,serif}.km-pen-sayfa div button{flex:1 1;height:48px;border:0;border-radius:999px;background:linear-gradient(135deg,#F2DDB0,#CFA163);color:#10141c;font:600 17px "PT Serif",Georgia,serif;cursor:pointer}@keyframes km-sol{0%{opacity:0}to{opacity:1}}@keyframes km-cik{0%{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}@media (min-width:701px){.km-perde{align-items:center}.km-pen{border-radius:22px;border-bottom:1px solid var(--ko-c);max-height:78vh}.km-pen-tut{display:none}}@media (prefers-reduced-motion:reduce){.km-pen,.km-perde{animation:none}}@media (max-width:700px){.km-c{padding:10px 12px}.km-c p{font-size:16px}.km-sayfa{padding:12px 12px 10px;border-radius:14px;box-shadow:inset 0 0 0 3px rgba(32,24,15,.9),inset 0 0 0 4px rgba(216,173,85,.3)}.km-ust{font-size:13px;padding-bottom:8px}.km-sb{padding:6px 10px;margin-top:12px}.km-sb-ar{font-size:24px}.km-sb-tr{font-size:11.5px}.km-besmele,.km-p{font-size:24px}.km-p{line-height:2.15;text-align:justify}.km-gec button{font-size:15px}}.km-pen-liste button.kg-var{min-height:76px;border-radius:14px}.km-pen-liste button.kg-var .kg{border-radius:0 13px 13px 0}