@layer components{.ht-ozet{display:grid;justify-items:center;gap:1.75rem;padding:2rem 1.25rem 2.25rem;border-radius:var(--radius-sheet);box-shadow:var(--shadow-float);text-align:center}@media (min-width:768px){.ht-ozet{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:3rem;padding:2.75rem 3rem;text-align:start}}.ht-ozet-metin{max-width:34rem}.ht-ozet-metin :is(.t-caption,.ht-eylem){justify-content:center}@media (min-width:768px){.ht-ozet-metin :is(.t-caption,.ht-eylem){justify-content:start}}.ht-halka-kap{position:relative;width:min(16rem,70vw);aspect-ratio:1}.ht-halka-kap:before{content:"";position:absolute;inset:-12%;z-index:-1;border-radius:var(--radius-full);background:radial-gradient(closest-side,color-mix(in srgb,var(--gold-2) calc(10% + var(--oran, 0) * 20%),transparent),transparent 72%);pointer-events:none}.ht-halka{display:block;width:100%;height:100%;overflow:visible}.ht-halka-ic{fill:none;stroke:var(--line);stroke-width:1;stroke-dasharray:1 5}.ht-iz{fill:none;stroke:color-mix(in srgb,var(--light) 14%,transparent);stroke-width:13}.ht-dilim{fill:none;stroke:url(#altin);stroke-width:13;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .65s var(--ease),filter .65s var(--ease)}.ht-dilim[data-dolu]{stroke-dashoffset:0;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--gold-2) 55%,transparent))}.ht-halka[data-ilk] .ht-dilim{transition-delay:calc(.3s + var(--i) * 45ms)}.ht-halka-orta{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center}.ht-yuzde{font-family:var(--font-baslik),Georgia,serif;font-size:clamp(2.5rem,2rem + 2.4vw,3.5rem);font-weight:600;line-height:1;color:var(--brand);font-variant-numeric:tabular-nums;text-shadow:0 0 24px color-mix(in srgb,var(--gold-2) 45%,transparent)}.ht-ozet[data-tam] .ht-halka-kap:before{inset:-22%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold-2) 40%,transparent),transparent 72%)}.ht-sayfalar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media (min-width:640px){.ht-sayfalar{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}}@media (min-width:1024px){.ht-sayfalar{grid-template-columns:repeat(6,minmax(0,1fr))}}.ht-sayfa{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:clip;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-3) var(--ease),translate var(--dur-2) var(--ease)}.ht-sayfa:before{content:"";position:absolute;inset:.375rem .375rem 2.875rem;z-index:1;border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);border-radius:.875rem;pointer-events:none;transition:border-color var(--dur-3) var(--ease)}@media (hover:hover){.ht-sayfa:hover{translate:0 -2px;box-shadow:var(--shadow-lift)}}.ht-sayfa-isik{position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 60% at 50% 100%,color-mix(in srgb,var(--gold-2) 30%,transparent),transparent 75%),linear-gradient(0deg,var(--gold-soft),transparent 85%);transform:scaleY(0);transform-origin:50% 100%;transition:transform .7s var(--ease);pointer-events:none}.ht-sayfa-dugme{position:relative;display:grid;align-content:center;justify-items:center;gap:.125rem;min-width:0;min-height:7.25rem;padding:1.125rem .625rem .875rem;color:var(--ink);text-align:center;cursor:pointer;border-radius:var(--radius-card) var(--radius-card) 0 0}.ht-sayfa-dugme:focus-visible{outline:2px solid var(--brand);outline-offset:-4px}.ht-sayfa-no{font-family:var(--font-baslik),Georgia,serif;font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;transition:color var(--dur-3) var(--ease)}.ht-sayfa-bas{max-width:100%;margin-top:.375rem;overflow:hidden;font-size:.75rem;line-height:1.3;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis}.ht-muhur{position:absolute;top:.625rem;right:.625rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--gold-leaf);color:var(--night);box-shadow:var(--shadow-glow);opacity:0;scale:.3;rotate:-40deg;transition:opacity .18s var(--ease),scale .46s cubic-bezier(.3,1.7,.5,1),rotate .46s var(--ease)}.ht-muhur svg{width:1rem;height:1rem;stroke-width:3}.ht-sayfa[data-okundu]{border-color:color-mix(in srgb,var(--gold) 70%,transparent);box-shadow:0 0 0 3px var(--gold-soft),var(--shadow-glow)}.ht-sayfa[data-okundu]:before{border-color:color-mix(in srgb,var(--gold) 60%,transparent)}.ht-sayfa[data-okundu] .ht-sayfa-isik{transform:scaleY(1)}.ht-sayfa[data-okundu] .ht-muhur{opacity:1;scale:1;rotate:0deg}.ht-sayfalar[data-ilk] :is(.ht-sayfa-isik,.ht-muhur){transition-delay:calc(.5s + var(--i) * 40ms)}.ht-sayfa[data-siradaki]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft),var(--shadow-card)}.ht-siradaki{position:absolute;top:.625rem;left:50%;translate:-50% 0;padding:.0625rem .5rem;border-radius:var(--radius-full);background:var(--brand-soft);font-size:.75rem;font-weight:600;line-height:1.4;color:var(--brand);white-space:nowrap}.ht-sayfa[data-siradaki] .ht-sayfa-dugme{padding-top:2.125rem}.ht-sayfa-oku{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.375rem;min-height:2.75rem;border-top:1px solid var(--line);font-size:.8125rem;font-weight:600;color:var(--brand);transition:background-color var(--dur-2) var(--ease)}.ht-sayfa-oku svg{width:1rem;height:1rem}.ht-sayfa-oku:hover{background:var(--surface-2)}.ht-sayfa-oku:focus-visible{outline:2px solid var(--brand);outline-offset:-4px;border-radius:0 0 var(--radius-card) var(--radius-card)}.ht-onay{width:min(26rem,calc(100vw - 2rem));margin:auto;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-float)}.ht-onay::backdrop{background:rgb(var(--scrim)/.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ht-tehlike{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.ht-tehlike:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}@media (prefers-reduced-motion:no-preference){@keyframes ht-isil{50%{opacity:.55;scale:.94}}@keyframes ht-ac{0%{opacity:0;transform:translateY(12px) scale(.97)}}.ht-ozet[data-tam] .ht-halka-kap:before{animation:ht-isil 5s ease-in-out infinite}.ht-onay[open]{animation:ht-ac var(--dur-3) var(--ease)}}@media (prefers-reduced-motion:reduce){.ht-dilim,.ht-muhur,.ht-sayfa-isik{transition:none}}}