@layer theme, base, components, utilities;@layer components{.tv-ilerleme{display:grid;gap:1rem}.tv-cubuk{position:relative;height:.5rem;overflow:hidden;border-radius:var(--radius-full);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line)}.tv-cubuk>i{position:absolute;inset:0;border-radius:inherit;background:var(--gold-leaf);transform:scaleX(var(--oran,0));transform-origin:left center;transition:transform var(--dur-3) var(--ease)}.tv-yol{--boncuk:2.75rem;position:relative;display:grid;gap:1rem}.tv-yol:before{content:"";position:absolute;top:1.5rem;bottom:1.5rem;left:calc(var(--boncuk) / 2 - 1px);width:2px;border-radius:2px;background:linear-gradient(180deg,var(--line-strong),var(--line) 85%,transparent)}.tv-durak{position:relative;display:grid;grid-template-columns:var(--boncuk) minmax(0,1fr);align-items:start;gap:.875rem}.tv-durak[data-tamam]:not(:last-child):before{content:"";position:absolute;top:calc(1rem + var(--boncuk) / 2);left:calc(var(--boncuk) / 2 - 1px);width:2px;height:calc(100% + 1rem);background:var(--gold-leaf)}.tv-boncuk{position:relative;z-index:1;display:grid;place-items:center;width:var(--boncuk);height:var(--boncuk);margin-top:1rem;border:2px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);font-family:var(--font-baslik),Georgia,serif;font-size:1.0625rem;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums}.tv-boncuk svg{width:1.25rem;height:1.25rem}.tv-durak[data-tamam] .tv-boncuk{border-color:transparent;background:var(--gold-leaf);color:var(--night);box-shadow:var(--shadow-glow)}.tv-durak[data-siradaki] .tv-boncuk{border-color:var(--brand);color:var(--brand);background:var(--surface)}.tv-durak[data-siradaki] .tv-boncuk:after{content:"";position:absolute;inset:-7px;border:2px solid var(--brand);border-radius:inherit;opacity:.35}@media (prefers-reduced-motion:no-preference){.tv-durak[data-siradaki] .tv-boncuk:after{animation:tv-hale 2.8s ease-in-out infinite}}@keyframes tv-hale{0%,to{transform:scale(.92);opacity:.5}50%{transform:scale(1.12);opacity:0}}.tv-kart{display:grid;gap:.5rem}.tv-durak[data-siradaki] .tv-kart{border-color:color-mix(in srgb,var(--brand) 55%,transparent);box-shadow:0 0 0 3px var(--brand-soft),var(--shadow-card)}.tv-durak[data-tamam] .tv-kart{background:linear-gradient(135deg,var(--gold-soft),transparent 55%),var(--surface)}@media (min-width:1024px){.tv-yol{--boncuk:3.25rem;gap:0}.tv-yol:before{left:calc(50% - 1px)}.tv-durak{grid-template-columns:minmax(0,1fr) var(--boncuk) minmax(0,1fr);gap:1.5rem}.tv-durak+.tv-durak{margin-top:-2.5rem}.tv-durak .tv-boncuk{grid-column:2;grid-row:1}.tv-durak:nth-child(odd) .tv-kart{grid-column:1;grid-row:1}.tv-durak:nth-child(2n) .tv-kart{grid-column:3;grid-row:1}.tv-durak[data-tamam]:not(:last-child):before{left:calc(50% - 1px);height:calc(100% - 2.5rem)}}.tv-iz{display:flex;align-items:center;gap:.3125rem}.tv-iz li{width:.625rem;height:.625rem;border-radius:var(--radius-full);background:var(--line-strong)}.tv-iz li[data-tamam]{background:var(--gold-leaf)}.tv-iz li[data-simdi]{width:1.75rem;background:var(--brand-fill);box-shadow:var(--shadow-glow)}.tv-sonu{display:grid;justify-items:center;gap:1rem;padding:clamp(1.5rem,1rem + 2vw,2.5rem) 1.25rem;border:1px solid var(--line);border-radius:var(--radius-sheet);background:radial-gradient(90% 70% at 50% 0,var(--gold-soft),transparent 70%),var(--surface);box-shadow:var(--shadow-card);text-align:center;scroll-margin-top:calc(var(--header-height) + 1rem)}.tv-sonu-muhur{display:grid;place-items:center;width:4.5rem;height:4.5rem;border:2px dashed var(--line-strong);border-radius:var(--radius-full);color:var(--ink-mute)}.tv-sonu-muhur svg{width:2rem;height:2rem}.tv-sonu[data-tamam]{border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.tv-sonu[data-tamam] .tv-sonu-muhur{border:0;background:var(--gold-leaf);color:var(--night);box-shadow:var(--shadow-glow)}@media (prefers-reduced-motion:no-preference){.tv-sonu[data-tamam] .tv-sonu-muhur{animation:tv-muhur .64s var(--ease) both}}@keyframes tv-muhur{0%{transform:scale(1.7) rotate(-14deg);opacity:0}60%{transform:scale(.94) rotate(3deg);opacity:1}}.tv-renkler{grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr))}.tv-renk,.tv-renkler{display:grid;gap:.625rem}.tv-renk{grid-template-columns:minmax(0,1fr);align-content:start;height:100%;padding:.875rem}@media (min-width:640px){.tv-renkler{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem}.tv-renk{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.875rem;padding:.875rem 1rem}}.tv-renk-kare{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-control);background:color-mix(in srgb,var(--kural) 14%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--kural) 60%,transparent)}.tv-renk-kare:after{content:"";width:.875rem;height:.875rem;border-radius:.1875rem;background:var(--kural);rotate:45deg}.tv-konular{margin-block:-.5rem}.tv-kural{--kural:var(--brand);position:relative;display:grid;border:1px solid var(--line);border-radius:var(--radius-sheet);background:var(--surface);box-shadow:var(--shadow-card);overflow:clip;scroll-margin-top:calc(var(--header-height) + 1rem)}.tv-kural:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--kural)}.tv-kural-bas{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem .875rem;padding:1.5rem 1.25rem 1rem}.tv-kural-no{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--kural) 10%,var(--surface));box-shadow:inset 0 0 0 2px var(--kural);font-family:var(--font-baslik),Georgia,serif;font-size:1.125rem;font-weight:600;color:var(--ink)}.tv-kural-ar{flex-basis:100%;margin-top:-.5rem;text-align:right;color:var(--ink-soft)}@media (min-width:640px){.tv-kural-ar{flex-basis:auto;max-width:20rem;margin-top:0;margin-inline-start:auto}}.tv-sahne{position:relative;isolation:isolate;display:grid;justify-items:center;gap:.5rem;margin:0 1rem;padding:1.25rem 1rem 1.125rem;border:1px solid var(--line);border-radius:var(--radius-card);background:radial-gradient(80% 90% at 50% 100%,color-mix(in srgb,var(--kural) 9%,transparent),transparent 70%),var(--bg-soft);text-align:center;overflow:clip}.tv-sahne>.cini{position:absolute;inset:0;z-index:-1}.tv-sahne-ar{font-size:clamp(2.125rem,1.4rem + 3.4vw,3.75rem);line-height:2;color:var(--ink);overflow-wrap:anywhere}.tv-sahne-ar [data-odak]{background:color-mix(in oklab,currentColor 16%,transparent)}.tv-sahne figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem .5rem}.tv-kural-govde{display:grid;gap:1.5rem;padding:1.25rem}@media (min-width:640px){.tv-kural-bas{padding-inline:1.5rem}.tv-sahne{margin-inline:1.5rem}.tv-kural-govde{padding:1.5rem}}.tv-harf-dizi{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem}.tv-harf-dizi li{display:grid;place-items:center;min-width:3rem;height:3rem;padding-inline:.5rem;border-radius:var(--radius-control);background:color-mix(in srgb,var(--kural) 8%,var(--surface));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--kural) 55%,transparent);font-size:1.625rem;line-height:1;color:var(--ink)}.tv-nasil{padding:1.125rem 1.125rem 1.25rem}.tv-adimlar{position:relative;display:grid;gap:.75rem;margin-top:.875rem}.tv-adimlar:before{content:"";position:absolute;top:.875rem;bottom:.875rem;left:calc(.875rem - 1px);width:2px;background:color-mix(in srgb,var(--gold) 35%,transparent)}.tv-adimlar>li{position:relative;display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.75rem;align-items:start}.tv-adim-no{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--gold-leaf);font-size:.8125rem;font-weight:700;color:var(--night);font-variant-numeric:tabular-nums}.tv-adimlar>li:only-child{grid-template-columns:minmax(0,1fr)}.tv-adimlar:has(>li:only-child):before,.tv-adimlar>li:only-child .tv-adim-no{display:none}.tv-ornekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));gap:.75rem;margin-top:.75rem}.tv-ornek{display:grid;align-content:start;justify-items:center;gap:.125rem;padding:.875rem 1rem 1rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-2);text-align:center}.tv-ornek .arabic{font-size:clamp(1.75rem,1.5rem + 1vw,2.125rem);line-height:1.9;color:var(--ink)}.tv-ornek .t-caption{margin-top:.25rem}.tv-ayetler{margin-top:.75rem}.tv-ayet,.tv-ayetler{display:grid;gap:.75rem}.tv-ayet{padding:1rem 1.125rem 1.125rem}.tv-ayet-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.tv-sinav{display:grid;gap:1.25rem;padding:clamp(1.25rem,.9rem + 2vw,2.25rem);border-radius:var(--radius-sheet);box-shadow:var(--shadow-float);scroll-margin-top:calc(var(--header-height) + 1rem)}.tv-sinav-ust{display:grid;gap:.5rem}.tv-sinav-noktalar{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.tv-sinav-noktalar li{width:2rem;height:.375rem;border-radius:var(--radius-full);background:var(--line-strong);opacity:.6}.tv-sinav-noktalar li[data-durum=simdi]{background:var(--gold);opacity:1}.tv-sinav-noktalar li[data-durum=dogru]{background:var(--gold-leaf);opacity:1}.tv-sinav-noktalar li[data-durum=yanlis]{background:var(--danger);opacity:1}.tv-soru{display:grid;gap:1rem}.tv-soru-sahne{display:grid;justify-items:center;gap:.25rem;padding:.75rem .5rem 1rem;border:1px solid var(--line);border-radius:var(--radius-card);background:color-mix(in srgb,var(--night) 55%,transparent);text-align:center}.tv-soru-ar{font-size:clamp(2rem,1.4rem + 3vw,3.25rem);line-height:2;color:var(--ink);overflow-wrap:anywhere}.tv-hedef{border-radius:.3em;background:color-mix(in oklab,currentColor 18%,transparent);box-shadow:0 0 0 .1em color-mix(in oklab,currentColor 22%,transparent)}.tv-hedef:not([data-tj]){color:var(--gold)}.tv-secenekler{display:grid;gap:.5rem}@media (min-width:480px){.tv-secenekler{grid-template-columns:repeat(2,minmax(0,1fr))}}.tv-secenek{display:flex;align-items:center;gap:.625rem;min-height:3rem;padding:.625rem 1rem;border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);font:600 .9375rem/1.3 var(--font-sans);color:var(--ink);text-align:start;cursor:pointer;transition:border-color var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease),opacity var(--dur-2) var(--ease),translate var(--dur-2) var(--ease)}.tv-secenek>span:not(.tj-dot){flex:1;min-width:0}.tv-secenek svg{width:1.25rem;height:1.25rem;flex-shrink:0}.tv-secenek:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (hover:hover){.tv-secenek:not([aria-disabled=true]):hover{translate:0 -2px;border-color:var(--gold)}}.tv-secenek[aria-disabled=true]{cursor:default}.tv-secenek[data-durum=dogru]{border-color:var(--gold);background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 26%,transparent),transparent),var(--surface)}.tv-secenek[data-durum=dogru] svg{color:var(--gold)}.tv-secenek[data-durum=yanlis]{border-color:var(--danger)}.tv-secenek[data-durum=yanlis] svg{color:var(--danger)}.tv-secenek[data-durum=soluk]{opacity:.5}@media (prefers-reduced-motion:no-preference){.tv-secenek[data-durum=dogru][aria-pressed=true]{animation:tv-dogru .52s var(--ease)}.tv-secenek[data-durum=yanlis]{animation:tv-salla .42s var(--ease)}.tv-soru{animation:tv-soru-gir var(--dur-3) var(--ease) both}}@keyframes tv-dogru{40%{transform:scale(1.04)}}@keyframes tv-salla{20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}@keyframes tv-soru-gir{0%{opacity:0;transform:translateY(10px)}}.tv-geri-bildirim{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;min-height:3rem}.tv-geri-bildirim:empty{display:none}.tv-sonuc{display:grid;justify-items:center;gap:.75rem;padding-block:.5rem;text-align:center}.tv-sonuc-sayi{font-family:var(--font-baslik),Georgia,serif;font-size:clamp(3rem,2.4rem + 3vw,4.5rem);font-weight:600;line-height:1}.tv-kalin-isaret{display:inline-block;width:.5rem;height:.5rem;flex-shrink:0;border-radius:.125rem;background:var(--gold);rotate:45deg}.tv-harfler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}@media (min-width:560px){.tv-harfler{grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem}}.tv-harf-tas{position:relative;display:grid;justify-items:center;align-content:center;width:100%;min-height:5.5rem;padding:.25rem .25rem .625rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);cursor:pointer;transition:translate var(--dur-2) var(--ease),border-color var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease)}.tv-harf-tas[data-kalin]:before{content:"";position:absolute;top:.5rem;left:.5rem;width:.4375rem;height:.4375rem;border-radius:.125rem;background:var(--gold);rotate:45deg}.tv-harf-glif{font-size:clamp(2rem,1.6rem + 1.6vw,2.75rem);line-height:1.6}@media (hover:hover){.tv-harf-tas:hover{translate:0 -3px;border-color:color-mix(in srgb,var(--gold-2) 70%,transparent);box-shadow:var(--shadow-lift)}}.tv-harf-tas:active{translate:0 0}.tv-harf-tas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.tv-harf-tas[data-soluk]{opacity:.35}.tv-harf-tas[data-vurgu]{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft),var(--shadow-card)}dialog.tv-levha{position:fixed;inset:auto 0 0;width:100%;max-width:none;height:min(46rem,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.tv-levha{inset:0;width:min(34rem,calc(100% - 2rem));height:min(44rem,calc(100dvh - 3rem));margin:auto;border-radius:var(--radius-sheet)}}@media (prefers-reduced-motion:no-preference){dialog.tv-levha[open]{animation:tv-levha-ac var(--dur-3) var(--ease) both}}@keyframes tv-levha-ac{0%{opacity:0;transform:translateY(32px)}}.tv-levha-ic{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;touch-action:pan-y}.tv-levha-ust{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .5rem 0 1.25rem}.tv-levha-govde{display:grid;align-content:safe center;overflow-y:auto;overscroll-behavior:contain;padding:.25rem 1.25rem 1.25rem;touch-action:pan-y}.tv-ipucu-tus{display:none}@media (hover:hover) and (pointer:fine){.tv-ipucu-tus{display:inline}.tv-ipucu-dokun{display:none}}.tv-levha-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)}.tv-harf-detay{display:grid;justify-items:center;gap:1.25rem}.tv-harf-sahne{position:relative;display:grid;place-items:center;width:9.5rem;height:9.5rem;margin-top:.25rem}.tv-harf-sahne:before{content:"";position:absolute;inset:0;border-radius:var(--radius-full);background:radial-gradient(closest-side,color-mix(in srgb,var(--gold-2) 28%,transparent),transparent 75%)}.tv-harf-sahne:after{content:"";position:absolute;inset:.75rem;border:1px solid color-mix(in srgb,var(--gold-2) 45%,transparent);rotate:45deg;border-radius:1.25rem}.tv-harf-dev{position:relative;z-index:1;font-size:clamp(4.5rem,3.8rem + 4vw,6rem);line-height:1.5}.tv-formlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:100%}.tv-formlar li{display:grid;justify-items:center;gap:.125rem;padding:.5rem .25rem .625rem;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface)}.tv-formlar .arabic{font-size:2rem;line-height:1.7}.tv-mahrec{width:100%;padding:1rem 1.125rem;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}@media (prefers-reduced-motion:no-preference){.tv-harf-detay:not([hidden]) .tv-harf-dev{animation:tv-harf-gir .62s var(--ease) both}.tv-harf-detay:not([hidden]) .tv-harf-sahne:after{animation:tv-cerceve .9s var(--ease) both}.tv-harf-detay:not([hidden]) .tv-formlar li{animation:tv-form-gir .48s var(--ease) both}.tv-harf-detay:not([hidden]) .tv-formlar li:first-child{animation-delay:.18s}.tv-harf-detay:not([hidden]) .tv-formlar li:nth-child(2){animation-delay:.25s}.tv-harf-detay:not([hidden]) .tv-formlar li:nth-child(3){animation-delay:.32s}.tv-harf-detay:not([hidden]) .tv-formlar li:nth-child(4){animation-delay:.39s}.tv-harf-detay:not([hidden]) .tv-mahrec{animation:tv-form-gir .48s var(--ease) .46s both}}@keyframes tv-harf-gir{0%{opacity:0;transform:scale(.6);filter:blur(10px)}}@keyframes tv-cerceve{0%{opacity:0;transform:rotate(-45deg) scale(.7)}}@keyframes tv-form-gir{0%{opacity:0;transform:translateY(10px)}}}