@layer components{.kf-hero-alt{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}.kf-avatarlar{display:flex;padding-left:.625rem}.kf-avatarlar>*{margin-left:-.625rem;box-shadow:0 0 0 2px var(--night),0 6px 14px -6px rgb(var(--scrim)/.7)}.kf-sayilar{display:flex;flex-wrap:wrap;gap:.75rem 0}.kf-sayilar>div{display:grid;gap:.125rem;padding-inline:1.25rem}.kf-sayilar>div:first-child{padding-left:0}.kf-sayilar>div+div{border-left:1px solid var(--line)}.kf-sayilar dt{order:2;font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.kf-sayilar dd{color:var(--gold)}.kf-arac{position:sticky;top:var(--header-height);z-index:15;padding-block:.625rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}.strip.kf-kanallar{align-items:center;padding-block:.125rem}.kf-kanal{display:flex}.kf-adet,.kf-kanal{border-radius:var(--radius-full)}.kf-adet{display:inline-grid;place-items:center;min-width:1.375rem;height:1.375rem;padding-inline:.375rem;background:var(--surface-2);font-size:.75rem;font-variant-numeric:tabular-nums}.chip[aria-pressed=true] .kf-adet{background:color-mix(in srgb,var(--on-brand) 16%,transparent)}.kf-bas{display:flex;align-items:center;gap:.875rem;margin-bottom:1.25rem}.kf-bas-ikon{display:grid;place-items:center;width:3rem;height:3rem;flex-shrink:0;border-radius:var(--radius-full);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--cat-fill) 72%,var(--sky-2)),var(--sky-1));color:var(--gold-1);box-shadow:0 0 0 3px var(--bg),0 0 0 4px color-mix(in srgb,var(--gold) 55%,transparent),0 10px 22px -12px rgb(var(--scrim)/.6)}.kf-bas-ikon svg{width:1.25rem;height:1.25rem}.kf-raf-oklar{display:none;gap:.375rem;margin-left:auto}.kf-raf-oklar .icon-btn{border:1px solid var(--line)}@media (hover:hover) and (pointer:fine){.kf-raf-oklar{display:flex}}.kf-kisa-bolum{position:relative}.strip.kf-kisalar{gap:.75rem;padding-block:.25rem .75rem;scroll-snap-type:x mandatory}@media (min-width:1024px){.strip.kf-kisalar{-webkit-mask-image:linear-gradient(90deg,transparent,black var(--page-gutter),black calc(100% - var(--page-gutter) * 2),transparent);mask-image:linear-gradient(90deg,transparent,black var(--page-gutter),black calc(100% - var(--page-gutter) * 2),transparent)}}.kf-kisalar>li{width:min(44vw,13rem)}@media (min-width:640px){.kf-kisalar>li{width:11.5rem}}@media (min-width:1024px){.kf-kisalar>li{width:12.5rem}}.kf-kisa{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--sky-1);box-shadow:var(--shadow-card);text-align:left;transition:translate var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.kf-kisa-kapak{object-fit:cover;transition:scale var(--dur-3) var(--ease)}.kf-kisa-perde{position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--sky-1) 94%,transparent) 0,color-mix(in srgb,var(--sky-1) 55%,transparent) 38%,transparent 62%)}.kf-kisa-oynat{position:absolute;left:50%;top:40%;display:grid;place-items:center;width:3rem;height:3rem;translate:-50% -50%;border:1px solid color-mix(in srgb,var(--light) 55%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--sky-1) 45%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--gold-1);transition:background-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.kf-kisa-oynat svg{width:1.25rem;height:1.25rem;margin-left:.125rem;fill:currentColor}.kf-kisa-alt{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;display:grid;gap:.5rem;background:transparent}.kf-kisa-baslik{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.875rem;font-weight:600;line-height:1.35;color:var(--ink)}.kf-kisa-kanal{display:flex;align-items:center;gap:.375rem;min-width:0;font-size:.75rem;font-weight:600;line-height:1.3;color:var(--ink-soft)}@media (hover:hover){.kf-kisa:hover{translate:0 -4px;border-color:color-mix(in srgb,var(--gold-2) 70%,transparent);box-shadow:var(--shadow-glow)}.kf-kisa:hover .kf-kisa-kapak{scale:1.05}.kf-kisa:hover .kf-kisa-oynat{background:color-mix(in srgb,var(--gold-2) 30%,transparent);box-shadow:var(--shadow-glow)}}.kf-kisa:active{translate:0 0}.kf-duvar{display:grid;gap:1.75rem 1rem;grid-template-columns:minmax(0,1fr)}@media (min-width:640px){.kf-duvar{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-duvar-oge[data-one-cikan]{grid-column:span 2}}@media (min-width:1024px){.kf-duvar{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.25rem}.kf-duvar-oge[data-one-cikan]{grid-row:span 2}}.kf-bos{padding:2rem 1.25rem;border:1px dashed var(--line-strong);border-radius:var(--radius-card);text-align:center;color:var(--ink-soft)}.strip.kf-soru-listesi{gap:.75rem;padding-block:.25rem .75rem;scroll-snap-type:x mandatory}.kf-soru-listesi>li{width:82%}@media (min-width:640px){.strip.kf-soru-listesi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;overflow:visible;margin-inline:0;padding-inline:0}.kf-soru-listesi>li{width:auto}}@media (min-width:640px) and (max-width:1023.98px){.kf-soru-listesi>li:nth-child(odd):last-child{grid-column:1/-1}}@media (min-width:1024px){.strip.kf-soru-listesi{grid-template-columns:repeat(3,minmax(0,1fr))}.kf-soru-listesi>li:nth-child(3n+1):last-child{grid-column:1/-1}}dialog.kf-reels{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--sky-1);color:var(--ink)}dialog.kf-reels::backdrop{background:var(--sky-1)}.kf-reels-sahne{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%}.kf-reels-sahne:after,.kf-reels-sahne:before{opacity:.35}.kf-reels-sahne:after{animation:none}.kf-reels-ust{display:flex;align-items:center;gap:.25rem;width:100%;max-width:40rem;margin-inline:auto;padding:calc(env(safe-area-inset-top, 0px) + .375rem) max(.5rem,env(safe-area-inset-right,0px)) .375rem max(.5rem,env(safe-area-inset-left,0px))}.kf-reels-ust>p{padding-inline:.25rem}.kf-reels-ust .icon-btn:disabled{opacity:.3}.kf-reels-kap{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none}.kf-reels-kap::-webkit-scrollbar{display:none}.kf-reel{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.625rem;height:100%;padding:.25rem max(.5rem,env(safe-area-inset-right,0px)) calc(var(--safe-bottom) + .75rem) max(.5rem,env(safe-area-inset-left,0px));scroll-snap-align:start;scroll-snap-stop:always}.kf-reel-alan{position:relative;display:grid;place-items:center;min-height:0;container-type:size}.kf-reel-cerceve{position:relative;width:min(100cqw,56.25cqh);aspect-ratio:9/16;overflow:hidden;border-radius:var(--radius-card);background:var(--sky-1);box-shadow:var(--shadow-float),0 0 60px -24px color-mix(in srgb,var(--gold-2) 55%,transparent);transition:opacity var(--dur-3) var(--ease),scale var(--dur-3) var(--ease)}.kf-reel-cerceve iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.kf-reel:not([data-etkin]) .kf-reel-cerceve{opacity:.5;scale:.94}.kf-reel-bilgi{gap:.75rem;width:100%;max-width:26rem;margin-inline:auto}.kf-reel-bilgi,.kf-reel-ipucu{display:flex;align-items:center}.kf-reel-ipucu{position:absolute;left:50%;bottom:3.5rem;gap:.375rem;padding:.375rem .875rem;translate:-50% 0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--sky-1) 70%,transparent);color:var(--ink);white-space:nowrap;pointer-events:none}.kf-reel-ipucu svg{width:1rem;height:1rem}@media (prefers-reduced-motion:no-preference){.kf-reel-ipucu{animation:kf-ipucu 4.5s var(--ease) .4s both}}@media (prefers-reduced-motion:reduce){.kf-reel-ipucu{display:none}.kf-reel-cerceve{transition:none}.kf-reel:not([data-etkin]) .kf-reel-cerceve{scale:none}}@keyframes kf-ipucu{0%{opacity:0;translate:-50% .5rem}12%,78%{opacity:1;translate:-50% 0}to{opacity:0;translate:-50% 0}}}