@layer theme, base, components, utilities;@layer components{.esma-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}@media (min-width:640px){.esma-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}}@media (min-width:1024px){.esma-izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}@media (min-width:1280px){.esma-izgara{grid-template-columns:repeat(5,minmax(0,1fr))}}.esma-li{min-width:0;scroll-margin-top:calc(var(--header-height) + 1.25rem)}.esma-tas{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:start;gap:.125rem;width:100%;height:100%;padding:.875rem .625rem 1rem;border:1px solid var(--line);border-radius:var(--radius-card);background:radial-gradient(100% 60% at 50% 0,var(--gold-soft),transparent 70%),var(--surface);box-shadow:var(--shadow-card);color:var(--ink);text-align:center;cursor:pointer;transition:translate var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.esma-tas:after{content:"";position:absolute;inset:.3125rem;z-index:-1;border:1px solid color-mix(in srgb,var(--gold) 16%,transparent);border-radius:calc(var(--radius-card) - .3125rem);pointer-events:none}@media (hover:hover){.esma-tas:hover{translate:0 -4px;border-color:color-mix(in srgb,var(--gold-2) 70%,transparent);box-shadow:var(--shadow-lift)}}.esma-tas:active{translate:0 0}.esma-tas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.esma-li:target .esma-tas{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft),var(--shadow-lift)}.esma-no{position:relative;display:grid;place-items:center;width:2.25rem;height:2.25rem;font-size:.75rem;font-weight:700;color:var(--night)}.esma-no>*{grid-area:1/1}.esma-no>span{position:relative}.esma-yildiz{width:100%;height:100%;fill:var(--gold);opacity:.9}.esma-ar{margin-top:.125rem;font-size:clamp(1.75rem,1.45rem + 1.2vw,2.25rem);line-height:1.8;color:var(--brand)}.esma-ad{font-family:var(--font-baslik),Georgia,serif;font-size:1.0625rem;font-weight:600;line-height:1.3}.esma-kisa{display:-webkit-box;margin-top:.375rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}dialog.esma-levha-d{position:fixed;inset:auto 0 0;width:100%;max-width:none;height:min(40rem,calc(100dvh - .5rem));max-height:none;margin:0;padding:0;border:0;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--night);color:var(--ink);overflow:hidden;box-shadow:var(--shadow-float)}@media (min-width:768px){dialog.esma-levha-d{inset:0;width:min(36rem,calc(100% - 2rem));height:min(38rem,calc(100dvh - 3rem));margin:auto;border-radius:var(--radius-sheet)}}.esma-odak{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;touch-action:pan-y}.esma-odak-ust{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .5rem 0 1.25rem}.esma-odak-govde{display:grid;justify-items:center;align-content:safe center;gap:.875rem;overflow-y:auto;overscroll-behavior:contain;padding:.5rem 1.5rem 1.25rem;text-align:center;touch-action:pan-y}.esma-odak-hale{position:relative;display:grid;place-items:center;min-height:9rem;padding-inline:1rem}.esma-odak-hale:before{content:"";position:absolute;inset:-1rem -2rem;border-radius:var(--radius-full);background:radial-gradient(closest-side,color-mix(in srgb,var(--gold-2) 22%,transparent),transparent 75%);pointer-events:none}.esma-odak-ar{position:relative;font-size:clamp(3rem,2.4rem + 3.5vw,4.5rem);line-height:1.7}.esma-odak-anlam{max-width:30rem}.esma-ipucu-tus{display:none}@media (hover:hover) and (pointer:fine){.esma-ipucu-tus{display:inline}.esma-ipucu-dokun{display:none}}.esma-odak-alt{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px));border-top:1px solid var(--line)}@media (prefers-reduced-motion:no-preference){dialog.esma-levha-d[open]{animation:esma-levha-ac var(--dur-3) var(--ease) both}.esma-odak-govde>*{animation:esma-odak-gir .52s var(--ease) both}.esma-odak-govde[data-yon=geri]>*{animation-name:esma-odak-geri}.esma-odak-govde>:nth-child(2){animation-delay:70ms}.esma-odak-govde>:nth-child(3){animation-delay:.14s}.esma-odak-govde>:nth-child(4){animation-delay:.21s}.esma-odak-hale .esma-odak-ar{animation:esma-hat-gir .7s var(--ease) both}}@keyframes esma-levha-ac{0%{opacity:0;transform:translateY(32px)}}@keyframes esma-odak-gir{0%{opacity:0;transform:translateX(24px)}}@keyframes esma-odak-geri{0%{opacity:0;transform:translateX(-24px)}}@keyframes esma-hat-gir{0%{opacity:0;filter:blur(10px);transform:scale(.85)}}dialog.zikir{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--night);color:var(--ink)}dialog.zikir::backdrop{background:var(--sky-1);-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:no-preference){dialog.zikir[open]{animation:zikir-ac var(--dur-3) var(--ease) both}}@keyframes zikir-ac{0%{opacity:0}}.zikir-sahne{display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;height:100%;-webkit-user-select:none;user-select:none;touch-action:manipulation}.zikir-sahne:after,.zikir-sahne:before{opacity:.4}.zikir-sahne:after{animation:none}.zikir-ust{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.5rem;width:100%;max-width:40rem;padding:calc(env(safe-area-inset-top, 0px) + .5rem) 1rem 0 .5rem;text-align:center}.zikir-sayac{min-width:2.75rem;text-align:end}.zikir-orta{align-content:center;justify-items:center;gap:.5rem;width:100%;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.zikir-dokun,.zikir-orta{display:grid;min-height:0}.zikir-dokun{place-items:center;width:100%;padding:.5rem 1rem;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.zikir-dokun:focus-visible{outline:none}.zikir-dokun:focus-visible .zikir-halka-kap{outline:2px solid var(--gold);outline-offset:6px;border-radius:var(--radius-full)}.zikir-halka-kap{position:relative;display:grid;place-items:center;width:min(78vw,46dvh,22rem);aspect-ratio:1}.zikir-halka-kap>*{grid-area:1/1}.zikir-halka{width:100%;height:100%;overflow:visible}.zikir-ip{fill:none;stroke:var(--line-strong);stroke-width:1}.zikir-halka circle:not(.zikir-ip){fill:var(--surface-2);stroke:var(--line-strong);stroke-width:.8;transition:fill var(--dur-2) var(--ease)}.zikir-halka circle[data-durum=gecti]{fill:var(--gold-2);stroke:none}.zikir-halka circle[data-durum=simdi]{fill:var(--gold-1);stroke:none;filter:drop-shadow(0 0 5px var(--gold-2))}@media (prefers-reduced-motion:no-preference){.zikir-halka circle[data-durum=simdi]{transform-box:fill-box;transform-origin:center;animation:zikir-boncuk .48s var(--ease) both}}@keyframes zikir-boncuk{0%{transform:scale(.4);opacity:.4}}.zikir-ic{display:grid;justify-items:center;gap:.375rem;max-width:74%;padding-top:.5rem}.zikir-ar{font-size:clamp(2.5rem,1.9rem + 4vw,4rem);line-height:1.6;text-align:center;overflow-wrap:anywhere}.zikir-bitti-sayi{font-family:var(--font-baslik),Georgia,serif;font-size:clamp(3.5rem,3rem + 3vw,5rem);font-weight:600;line-height:1;color:var(--gold)}@media (prefers-reduced-motion:no-preference){.zikir-ic{animation:zikir-isim .56s var(--ease) both}.zikir-ad{animation:zikir-yazi .48s var(--ease) 60ms both}}@keyframes zikir-isim{0%{opacity:0;filter:blur(8px);transform:scale(.92)}}@keyframes zikir-yazi{0%{opacity:0;transform:translateY(8px)}}.zikir-yazi{display:grid;justify-items:center;align-content:start;gap:.375rem;width:100%;max-width:32rem;min-height:6.5rem;padding:0 1.25rem;text-align:center}.zikir-anlam{color:var(--ink-soft)}.zikir-alt{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;max-width:40rem;padding:.5rem .75rem calc(.75rem + env(safe-area-inset-bottom, 0px))}.zikir-alt .icon-btn:disabled{opacity:.35}@media (max-height:620px){.zikir-anlam{display:none}.zikir-yazi{min-height:0}}}