/* Kesit — çalışma aracı (Kelimelik ile aynı tasarım dili) */
.ksk, .ksk-meta {
  --k-ink: #14202e; --k-marker: #ffd23f; --k-wash: #fff6d6; --k-paper: #faf9f5; --k-card: #fff;
  --k-rule: #e6e8e3; --k-slate: #5b6b7c; --k-pale: #8b98a5; --k-green: #2f7d5d; --k-gwash: #e4f2ea;
  --k-red: #b3412f; --k-rwash: #fbe9e7;
}
.ksk { position: relative; margin: 16px 0 28px; background: var(--k-paper); border: 1px solid var(--k-rule); border-radius: 18px; color: var(--k-ink); font-size: 16px; line-height: 1.5; container-type: inline-size; }
.ksk *, .ksk *::before, .ksk *::after { box-sizing: border-box; }
.ksk button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; margin: 0; }
.ksk button:disabled { opacity: .45; cursor: default; }
.ksk-boot { padding: 40px; text-align: center; color: var(--k-slate); }
.ksk-meta { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px !important; }
.ksk-meta span { font-size: 13px; padding: 4px 10px; border-radius: 999px; background: #eef1f3; color: var(--k-slate); }

.ksk-player { position: relative; background: #000; border-radius: 17px 17px 0 0; overflow: hidden; }
.ksk-yt, .ksk-player iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }

.ksk-bar { display: flex; align-items: center; gap: 6px; padding: 8px 10px; background: var(--k-ink); color: #fff; }
.ksk-bar .ksk-btn--main { background: var(--k-marker); color: var(--k-ink); }
.ksk-rate { display: inline-flex; gap: 2px; padding: 3px; border-radius: 10px; background: rgba(255,255,255,.08); }
.ksk-rate button { padding: 5px 10px; border-radius: 8px; font-size: 13.5px; color: #c7d2dc; }
.ksk-rate button.is-on { background: rgba(255,255,255,.18); color: #fff; }
.ksk-time { margin-left: auto; font-size: 13px; color: #aebbc7; font-variant-numeric: tabular-nums; }

.ksk-tabs { display: flex; gap: 4px; padding: 10px 12px 0; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--k-rule); background: var(--k-card); }
.ksk-tabs::-webkit-scrollbar { display: none; }
.ksk-tabs button { flex-shrink: 0; padding: 9px 13px 11px; font-size: 14.5px; font-weight: 600; color: var(--k-slate); border-bottom: 3px solid transparent; white-space: nowrap; }
.ksk-tabs button.is-on { color: var(--k-ink); border-bottom-color: var(--k-marker); }
.ksk-pane { padding: 16px; }

.ksk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 40px; padding: 0 16px; border-radius: 11px; font-weight: 650; font-size: 14.5px; background: var(--k-card) !important; border: 1px solid var(--k-rule) !important; color: var(--k-ink) !important; transition: transform .08s, background .12s; }
.ksk-btn:active { transform: translateY(1px); }
.ksk-btn--main { background: var(--k-marker) !important; border-color: var(--k-marker) !important; }
.ksk-btn--ghost { background: transparent !important; }
.ksk-btn--rec { background: var(--k-rwash) !important; border-color: #ecc9c5 !important; color: var(--k-red) !important; }
.ksk-btn--rec.is-rec { background: var(--k-red) !important; color: #fff !important; animation: kskPulse 1.2s ease-in-out infinite; }
@keyframes kskPulse { 50% { box-shadow: 0 0 0 6px rgba(179,65,47,.18); } }

.ksk-summary { margin: 0 0 12px !important; font-size: 14.5px; color: var(--k-slate); background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 12px; padding: 10px 12px; }
.ksk-tools { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 10px; }
.ksk-sw { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; color: var(--k-slate); cursor: pointer; }
.ksk-sw input { accent-color: var(--k-ink); width: 17px; height: 17px; margin: 0; }

.ksk-lines { max-height: 420px; overflow-y: auto; background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 14px; padding: 6px; }
.ksk-line { display: flex; align-items: flex-start; gap: 8px; padding: 8px; border-radius: 10px; transition: background .15s; }
.ksk-line.is-cur { background: var(--k-wash); }
.ksk-line-play { flex-shrink: 0; min-width: 44px; height: 28px; padding: 0 6px; border-radius: 8px; font-size: 12px !important; font-variant-numeric: tabular-nums; color: var(--k-slate) !important; background: #f1f2ef !important; }
.ksk-line-body { flex: 1; min-width: 0; }
.ksk-line-t { cursor: pointer; font-size: 16.5px; }
.ksk-line-tr { display: block; font-size: 14px; color: var(--k-slate); margin-top: 2px; }
.ksk-line-loop { flex-shrink: 0; width: 32px; height: 28px; border-radius: 8px; opacity: .45; }
.ksk-line-loop.is-on { opacity: 1; background: var(--k-wash) !important; }
.ksk-spk { display: inline-block; font-size: 11.5px; font-weight: 700; padding: 1px 7px; margin-right: 6px; border-radius: 6px; background: #eef1f3; color: var(--k-slate); vertical-align: 1px; }
.ksk-lines.is-hidden .ksk-line-t, .ksk-lines.is-hidden .ksk-line-tr { filter: blur(6px); user-select: none; }
.ksk-lines.is-hidden .ksk-line:hover .ksk-line-t { filter: blur(3px); }

.ksk-step { font-size: 13.5px; color: var(--k-slate); margin-bottom: 8px; }
.ksk-card { background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 16px; padding: 16px; }
.ksk-center { text-align: center; }
.ksk-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; }
.ksk-row--end { justify-content: flex-end; margin: 14px 0 0; }
.ksk-row--center { justify-content: center; }
.ksk-input { display: block; width: 100%; padding: 12px 14px; border: 1.5px solid var(--k-rule); border-radius: 12px; font-size: 17px; line-height: 1.45; resize: vertical; background: var(--k-paper); color: var(--k-ink); }
.ksk-input:focus { outline: none; border-color: #9aa8b5; box-shadow: 0 0 0 3px rgba(255,210,63,.35); }
.ksk-hint { margin-top: 8px; font-family: ui-monospace, Menlo, monospace; font-size: 14px; color: var(--k-slate); letter-spacing: .04em; }
.ksk-result { margin-top: 12px; }
.ksk-score { display: inline-block; font-size: 22px; font-weight: 800; padding: 2px 12px; border-radius: 10px; margin-bottom: 8px; }
.ksk-score.is-ok { background: var(--k-gwash); color: var(--k-green); }
.ksk-score.is-mid { background: var(--k-wash); color: #8a6400; }
.ksk-score.is-low { background: var(--k-rwash); color: var(--k-red); }
.ksk-diff { font-size: 17px; line-height: 1.9; }
.ksk-d-ok { color: var(--k-green); }
.ksk-d-miss { color: var(--k-pale); text-decoration: underline dotted; text-underline-offset: 4px; }
.ksk-d-extra { color: var(--k-red); text-decoration: line-through; opacity: .7; }
.ksk-d-bad { background: var(--k-rwash); color: var(--k-red); border-radius: 5px; padding: 0 4px; font-weight: 600; }
.ksk-d-bad s { opacity: .6; font-weight: 400; }
.ksk-legend { font-size: 12.5px; color: var(--k-slate); margin: 8px 0 0 !important; display: flex; gap: 10px; flex-wrap: wrap; }
.ksk-tr { font-size: 14.5px; color: var(--k-slate); margin: 6px 0 0 !important; }
.ksk-help { font-size: 13.5px; color: var(--k-slate); margin: 0 0 10px !important; }
.ksk-heard { font-size: 13.5px; color: var(--k-slate); font-style: italic; margin: 6px 0 0 !important; }
.ksk-privacy { font-size: 12px; color: var(--k-pale); margin: 12px 0 0 !important; text-align: center; }

.ksk-gaps { background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 14px; padding: 8px 10px; }
.ksk-gline { display: flex; gap: 8px; align-items: flex-start; padding: 8px 2px; border-top: 1px solid var(--k-rule); font-size: 16.5px; line-height: 2; }
.ksk-gline:first-child { border-top: 0; }
.ksk-gline .ksk-line-play { min-width: 32px; margin-top: 4px; }
.ksk-gap { display: inline-block; min-width: 4ch; padding: 1px 6px; margin: 0 2px; border: 0; border-bottom: 2px solid var(--k-ink); background: var(--k-wash); border-radius: 6px 6px 0 0; font: inherit; font-size: 16px; color: var(--k-ink); text-align: center; }
.ksk-gap:focus { outline: none; background: #ffefb3; }
.ksk-gap.is-ok { background: var(--k-gwash); border-color: var(--k-green); color: var(--k-green); }
.ksk-gap.is-bad { background: var(--k-rwash); border-color: var(--k-red); color: var(--k-red); }
.ksk-gap.is-shown { background: #eef1f3; border-color: var(--k-pale); color: var(--k-slate); }

.ksk-q { font-size: 17px; font-weight: 650; margin: 0 0 12px !important; }
.ksk-opts { display: flex; flex-direction: column; gap: 8px; }
.ksk-opt { position: relative; text-align: left; padding: 12px 44px 12px 14px !important; border-radius: 12px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; font-size: 15.5px; }
.ksk-opt:hover { border-color: #c3ccd4 !important; }
.ksk-opt.is-ok { border-color: var(--k-green) !important; background: var(--k-gwash) !important; }
.ksk-opt.is-ok::after { content: '✓'; position: absolute; right: 14px; color: var(--k-green); font-weight: 800; }
.ksk-opt.is-bad { border-color: var(--k-red) !important; background: var(--k-rwash) !important; }
.ksk-opt.is-bad::after { content: '✕'; position: absolute; right: 14px; color: var(--k-red); font-weight: 800; }
.ksk-opt.is-dim { opacity: .55; }

.ksk-vocab { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.ksk-v { background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 14px; padding: 12px 14px; }
.ksk-v-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.ksk-v-w { font-size: 18px; font-family: Georgia, serif; }
.ksk-v-m { flex-basis: 100%; font-size: 15px; }
.ksk-v-note { font-size: 13px; color: var(--k-slate); margin: 4px 0 0 !important; }
.ksk-v-ctx { font-size: 14px; color: var(--k-slate); margin: 8px 0 0 !important; font-style: italic; }
.ksk-v-ctx mark { background: var(--k-wash); color: var(--k-ink); padding: 0 2px; border-radius: 3px; font-style: normal; font-weight: 600; }
.ksk-v-ctx .ksk-line-play { min-width: 30px; height: 24px; font-style: normal; }
.ksk-icon { font-size: 15px; opacity: .6; }
.ksk-shadow-t { font-size: 20px; line-height: 1.45; margin: 0 0 6px !important; font-family: Georgia, serif; }

.ksk-toast { position: absolute; left: 50%; bottom: 14px; transform: translate(-50%, 10px); opacity: 0; pointer-events: none; background: var(--k-ink); color: #fff; padding: 9px 16px; border-radius: 999px; font-size: 14px; transition: opacity .2s, transform .2s; z-index: 5; }
.ksk-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 640px) {
  .ksk { border-radius: 14px; margin-left: -4px; margin-right: -4px; }
  .ksk-pane { padding: 12px; }
  .ksk-bar { padding: 8px 10px; gap: 8px; }
  .ksk-bar .ksk-btn { height: 36px; padding: 0 12px; font-size: 13.5px; }
  .ksk-lines { max-height: 50vh; }
  .ksk-line-t { font-size: 16px; }
  .ksk-row--end .ksk-btn { flex: 1; }
  .ksk-vocab { grid-template-columns: 1fr; }
  .ksk-input { font-size: 16px; }
}
.ksk-btn { white-space: nowrap; }
@media (max-width: 640px) {
  .ksk-row--end .ksk-btn { padding: 0 10px; font-size: 14px; min-width: 0; }
}


/* ---------- v0.2: yan yana düzen + kendi oynatıcı kontrolleri ---------- */
.ksk--wide { width: min(1160px, calc(100vw - 48px)); margin-left: calc(50% - min(580px, 50vw - 24px)); }
.ksk-stage { display: grid; grid-template-columns: 1fr; }
.ksk-media { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 4; background: var(--k-ink); border-radius: 17px 17px 0 0; }
.ksk-side { min-width: 0; }
@container (min-width: 680px) {
  .ksk-stage { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: start; }
  .ksk-media { top: calc(var(--wp-admin--admin-bar--height, 0px) + 12px); margin: 12px 0 12px 12px; border-radius: 14px; overflow: hidden; }
  .ksk-player { border-radius: 0; }
  .ksk-side { border-left: 0; }
  .ksk-tabs { border-radius: 0 17px 0 0; }
  .ksk-lines { max-height: calc(100vh - 260px); min-height: 280px; }
}
.ksk-cbtn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; color: #dfe7ee !important; flex-shrink: 0; transition: background .12s; }
.ksk-cbtn:hover { background: rgba(255,255,255,.1) !important; }
.ksk-cbtn svg { width: 20px; height: 20px; }
.ksk-cbtn--main { width: 42px; height: 42px; border-radius: 50%; background: var(--k-marker) !important; color: var(--k-ink) !important; }
.ksk-cbtn--main:hover { background: #ffcb1f !important; }
.ksk-cbtn--main svg { width: 22px; height: 22px; }
.ksk-prog { position: relative; flex: 1; min-width: 60px; height: 8px; margin: 0 4px; border-radius: 6px; background: rgba(255,255,255,.18); cursor: pointer; }
.ksk-prog::before { content: ''; position: absolute; inset: -10px 0; }
.ksk-prog-fill { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 6px; background: var(--k-marker); pointer-events: none; }
.ksk-prog i { position: absolute; top: -2px; width: 2px; height: 12px; margin-left: -1px; background: rgba(255,255,255,.35); border-radius: 1px; pointer-events: none; }
.ksk-bar .ksk-time { margin-left: 0; flex-shrink: 0; min-width: 78px; text-align: center; }
.ksk-bar .ksk-rate { flex-shrink: 0; }
.ksk-media:fullscreen { display: flex; flex-direction: column; justify-content: center; background: #000; border-radius: 0; }
.ksk-media:fullscreen .ksk-player { flex: 1; display: flex; align-items: center; }
.ksk-media:fullscreen .ksk-yt, .ksk-media:fullscreen iframe { max-height: calc(100vh - 60px); }
@media (max-width: 640px) {
  .ksk-bar { gap: 2px; padding: 6px 6px; }
  .ksk-cbtn { width: 32px; height: 32px; }
  .ksk-cbtn--main { width: 38px; height: 38px; }
  .ksk-bar .ksk-time { min-width: 0; font-size: 11.5px; }
  .ksk-rate button { padding: 4px 7px; font-size: 12px; }
  .ksk-bar [data-a="back"], .ksk-bar [data-a="fwd"] { display: none; }
  .ksk-lines { max-height: none; }
}


/* ---------- v0.3: daha dar alanlarda da yan yana + geniş görünüm ---------- */
@container (min-width: 680px) and (max-width: 859px) {
  .ksk-stage { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
  .ksk-media { margin: 10px 0 10px 10px; }
  .ksk-tabs button { padding: 8px 9px 10px; font-size: 13px; }
  .ksk-pane { padding: 12px; }
  .ksk-line-t { font-size: 15px; }
  .ksk-bar .ksk-rate, .ksk-bar [data-a="back"], .ksk-bar [data-a="fwd"] { display: none; }
}
.ksk--theater {
  position: fixed !important; z-index: 999990; inset: var(--wp-admin--admin-bar--height, 0px) 0 0 0;
  width: auto !important; margin: 0 !important; border-radius: 0; border: 0; overflow-y: auto; overscroll-behavior: contain;
}
.ksk--theater .ksk-stage { min-height: 100%; }
.ksk--theater .ksk-media { top: 12px; }
.ksk--theater .ksk-lines { max-height: calc(100vh - 230px); }
html.ksk-lock, html.ksk-lock body { overflow: hidden !important; }
.ksk-cbtn--wide.is-on { background: rgba(255,210,63,.2) !important; color: var(--k-marker) !important; }
@media (max-width: 899px) { .ksk-cbtn--wide { display: none; } }

/* ---------- v0.4: favoriler + Kelimelik'e ekleme ---------- */
.ksk-line-fav { flex-shrink: 0; width: 30px; height: 28px; border-radius: 8px; font-size: 17px; line-height: 1; color: var(--k-pale) !important; }
.ksk-line-fav.is-on { color: #e0a800 !important; }
.ksk-shadow-t .ksk-line-fav { vertical-align: middle; }
.ksk-tab-link { flex-shrink: 0; margin-left: auto; align-self: center; padding: 6px 12px; border-radius: 999px; font-size: 13.5px; font-weight: 650; background: var(--k-wash); color: var(--k-ink) !important; text-decoration: none !important; white-space: nowrap; }
.ksk-pop { position: absolute; z-index: 20; width: 250px; padding: 8px; background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 14px; box-shadow: 0 14px 36px rgba(20,32,46,.18); }
.ksk-pop-t { font-size: 12.5px; font-weight: 650; color: var(--k-slate); padding: 4px 6px 6px; }
.ksk-pop-i { display: block; width: 100%; text-align: left; padding: 9px 10px !important; border-radius: 9px; font-size: 14px; }
.ksk-pop-i:hover { background: #f4f5f2 !important; }
.ksk-pop-del { color: var(--k-red) !important; }
.ksk-pop-new { display: flex; gap: 4px; padding: 6px 2px 4px; border-top: 1px solid var(--k-rule); margin-top: 4px; }
.ksk-pop-new input { flex: 1; min-width: 0; height: 34px; padding: 0 8px; border: 1px solid var(--k-rule); border-radius: 8px; font-size: 14px; }
.ksk-pop-new button { padding: 0 10px !important; border-radius: 8px; background: var(--k-marker) !important; font-weight: 650; font-size: 13px; }
.ksk-pop-link { display: block; padding: 8px 6px 2px; font-size: 13px; font-weight: 600; color: var(--k-ink) !important; }
.ksk-vbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; padding: 10px 12px; background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 12px; }
.ksk-v-cb { width: 18px; height: 18px; accent-color: var(--k-ink); margin: 0 4px 0 0; align-self: center; }
.ksk-v.is-sel { border-color: var(--k-marker); background: #fffdf3; }
.ksk-modal { position: fixed; inset: 0; z-index: 999995; background: rgba(20,32,46,.5); display: flex; align-items: center; justify-content: center; padding: 16px; }
.ksk-modal-box { width: 100%; max-width: 440px; max-height: 90vh; overflow-y: auto; background: var(--k-card); border-radius: 16px; padding: 18px 20px; color: var(--k-ink); }
.ksk-modal-box h3 { margin: 0 0 6px !important; font-size: 20px; }
.ksk-opt2 { display: flex; align-items: center; gap: 8px; margin: 12px 0 6px; font-weight: 650; font-size: 14.5px; cursor: pointer; }
.ksk-opt2 input { accent-color: var(--k-ink); width: 17px; height: 17px; margin: 0; }
.ksk-sel, .ksk-inp { display: block; width: 100%; height: 42px; padding: 0 10px; border: 1px solid var(--k-rule); border-radius: 10px; font-size: 15px; background: #fff; color: var(--k-ink); margin: 0 0 6px 25px; max-width: calc(100% - 25px); }
.ksk-inp[hidden] { display: none; }
.ksk-favs .ksk-favs-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 16px 16px 6px; flex-wrap: wrap; }
.ksk-favs .ksk-favs-head h2 { margin: 0 !important; font-size: 22px; }
.ksk-favs .ksk-favs-head span { font-size: 13px; color: var(--k-slate); }
.ksk-favs-player { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 5; background: #000; margin: 8px 16px; border-radius: 12px; overflow: hidden; }
.ksk-favs-player iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
.ksk-favs-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 16px; }
.ksk-chip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 6px 0 12px !important; border-radius: 999px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; font-size: 14px; color: var(--k-slate) !important; }
.ksk-chip b { font-size: 11.5px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #f1f2ef; }
.ksk-chip.is-on { background: var(--k-ink) !important; border-color: var(--k-ink) !important; color: #fff !important; }
.ksk-chip.is-on b { background: rgba(255,255,255,.18); }
.ksk-chip--add { padding: 0 12px !important; border-style: dashed !important; }
.ksk-favs-gacts { display: flex; gap: 6px; padding: 0 16px 6px; }
.ksk-favs-gacts .ksk-btn { height: 32px; font-size: 13px; padding: 0 10px; }
.ksk-favs-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 6px 16px 10px; }
.ksk-rate--light { background: #f1f2ef; }
.ksk-rate--light button { color: var(--k-slate) !important; }
.ksk-rate--light button.is-on { background: var(--k-ink) !important; color: #fff !important; }
.ksk-favs-list { display: flex; flex-direction: column; gap: 8px; padding: 0 16px 16px; }
.ksk-fav { display: flex; gap: 10px; align-items: flex-start; padding: 12px; background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 14px; }
.ksk-fav.is-cur { border-color: var(--k-marker); background: #fffdf3; }
.ksk-fav-play { flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%; background: var(--k-marker) !important; font-size: 14px; }
.ksk-fav-body { flex: 1; min-width: 0; }
.ksk-fav-t { margin: 0 !important; font-size: 16.5px; line-height: 1.45; }
.ksk-fav-tr { margin: 3px 0 0 !important; font-size: 14px; color: var(--k-slate); }
.ksk-fav-src { margin: 5px 0 0 !important; font-size: 12.5px; color: var(--k-pale); }
.ksk-fav-src a { color: var(--k-slate) !important; }
.ksk-fav-acts { display: flex; align-items: center; gap: 4px; flex-shrink: 0; }
.ksk-fav-acts select { max-width: 130px; height: 32px; border: 1px solid var(--k-rule); border-radius: 8px; font-size: 12.5px; background: #fff; }
.ksk-fav-rm { width: 30px; height: 30px; border-radius: 8px; color: var(--k-pale) !important; }
.ksk-fav-rm:hover { color: var(--k-red) !important; background: var(--k-rwash) !important; }
.ksk-favs-list.is-hidden .ksk-fav-t, .ksk-favs-list.is-hidden .ksk-fav-tr { filter: blur(6px); }
.ksk-favs-list.is-hidden .ksk-fav:hover .ksk-fav-t { filter: blur(2px); }
@media (max-width: 640px) {
  .ksk-fav { flex-wrap: wrap; }
  .ksk-fav-acts { width: 100%; justify-content: flex-end; }
  .ksk-favs-player { margin: 8px 8px; }
  .ksk-favs-chips, .ksk-favs-tools, .ksk-favs-list, .ksk-favs-gacts { padding-left: 10px; padding-right: 10px; }
}

/* ---------- v0.5: kapak ekranı ---------- */
.ksk-cover {
  position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
  width: 100%; border: 0 !important; padding: 16px !important; cursor: pointer; color: #fff !important;
  background-color: #111 !important; background-size: cover; background-position: center;
  transition: opacity .2s ease, visibility 0s linear 0s;
}
.ksk-cover::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20,32,46,.25), rgba(20,32,46,.7)); }
.ksk-cover.is-off { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .15s ease, visibility 0s linear .15s; }
.ksk-cover-play { position: relative; width: 74px; height: 74px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--k-marker); color: var(--k-ink); box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: transform .12s; }
.ksk-cover-play svg { width: 34px; height: 34px; margin-left: 3px; }
.ksk-cover:hover .ksk-cover-play { transform: scale(1.06); }
.ksk-cover-t { position: relative; max-width: 90%; font-size: 15px; font-weight: 650; text-align: center; text-shadow: 0 1px 6px rgba(0,0,0,.6); }
@media (max-width: 640px) { .ksk-cover-play { width: 60px; height: 60px; } .ksk-cover-play svg { width: 28px; height: 28px; } }

/* ---------- v0.6: sekmeler (hepsi görünür) ---------- */
.ksk-tabs {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 6px;
  padding: 10px; overflow: visible; border-bottom: 1px solid var(--k-rule); background: var(--k-card);
}
.ksk-tabs button, .ksk-tabs .ksk-tab-link {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  min-height: 54px; padding: 6px 4px !important; margin: 0 !important; border-radius: 12px;
  border: 1px solid var(--k-rule) !important; border-bottom-width: 1px !important; background: var(--k-paper) !important;
  font-size: 12.5px; font-weight: 650; color: var(--k-slate) !important; text-decoration: none !important; white-space: nowrap;
  transition: background .12s, border-color .12s, color .12s;
}
.ksk-tabs button:hover, .ksk-tabs .ksk-tab-link:hover { border-color: #c9d2db !important; color: var(--k-ink) !important; }
.ksk-tabs button.is-on { background: var(--k-ink) !important; border-color: var(--k-ink) !important; color: #fff !important; }
.ksk-tabs .ksk-tab-link { background: var(--k-wash) !important; border-color: rgba(255,210,63,.6) !important; color: var(--k-ink) !important; align-self: stretch; }
.ksk-tab-ic { font-size: 18px; line-height: 1.1; }
.ksk-tab-l { overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
@container (min-width: 680px) {
  .ksk-tabs { border-radius: 0 17px 0 0; }
}
@media (max-width: 640px) {
  .ksk-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; padding: 8px; }
  .ksk-tabs button, .ksk-tabs .ksk-tab-link { min-height: 50px; font-size: 11.5px; }
}

/* ---------- favoriler: yan yana ---------- */
.ksk-favs .ksk-stage { display: grid; grid-template-columns: 1fr; }
.ksk-favs-media { background: var(--k-ink); }
.ksk-favs .ksk-favs-player { position: relative; margin: 0; border-radius: 0; top: auto; background: #000; aspect-ratio: 16 / 9; }
.ksk-favs .ksk-favs-player #ksk-favs-yt, .ksk-favs .ksk-favs-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.ksk-now { padding: 12px 14px 14px; color: #fff; }
.ksk-now-t { margin: 0 !important; font-size: 18px; line-height: 1.45; font-family: Georgia, serif; }
.ksk-now-t.is-hidden { filter: blur(6px); }
.ksk-now-t .ksk-spk { background: rgba(255,255,255,.14); color: #dfe7ee; }
.ksk-now-tr { margin: 4px 0 0 !important; font-size: 14px; color: #c7d2dc; }
.ksk-now-src { margin: 8px 0 0 !important; font-size: 12.5px; color: #aebbc7; }
.ksk-now-src a { color: #fff !important; }
.ksk-favs .ksk-favs-list { max-height: none; }
@container (min-width: 680px) {
  .ksk-favs .ksk-stage { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; }
  .ksk-favs .ksk-favs-media { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + 12px); margin: 0 0 12px 12px; border-radius: 14px; overflow: hidden; }
  .ksk-favs .ksk-side { max-height: calc(100vh - 120px); overflow-y: auto; }
}
@media (max-width: 679px) {
  .ksk-favs .ksk-favs-media { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 5; }
}
.ksk-fav-play { display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; color: var(--k-ink) !important; }
.ksk-fav-play svg { width: 18px; height: 18px; margin-left: 2px; display: block; }
@container (min-width: 680px) {
  .ksk-tabs { grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); gap: 5px; padding: 10px 8px; }
  .ksk-tabs button, .ksk-tabs .ksk-tab-link { min-height: 50px; font-size: 11.5px; }
}

/* ---------- v0.7: favori kutusu yeniden ---------- */
.ksk-pop { width: 290px; padding: 12px; border-radius: 16px; box-shadow: 0 18px 44px rgba(20,32,46,.22); }
.ksk-pop-head { display: flex; align-items: center; gap: 8px; }
.ksk-pop-head b { font-size: 15.5px; }
.ksk-pop-star { font-size: 18px; color: #e0a800; }
.ksk-pop-x { margin-left: auto; width: 30px; height: 30px; border-radius: 8px; color: var(--k-slate) !important; background: #f1f2ef !important; font-size: 13px; }
.ksk-pop-quote { margin: 8px 0 10px !important; padding: 8px 10px; border-left: 3px solid var(--k-marker); background: var(--k-paper); border-radius: 0 8px 8px 0; font-size: 13.5px; line-height: 1.45; color: var(--k-slate); font-style: italic; }
.ksk-pop-label { font-size: 12px; font-weight: 700; color: var(--k-pale); text-transform: none; margin: 0 2px 6px; }
.ksk-pop-groups { display: flex; flex-direction: column; gap: 5px; max-height: 210px; overflow-y: auto; }
.ksk-pop-g { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 10px !important; border-radius: 10px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; text-align: left; transition: border-color .12s, background .12s; }
.ksk-pop-g:hover { border-color: var(--k-marker) !important; background: #fffdf3 !important; }
.ksk-pop-g.is-cur { border-color: var(--k-green) !important; background: var(--k-gwash) !important; }
.ksk-pop-gi { font-size: 15px; }
.ksk-pop-gn { flex: 1; min-width: 0; font-size: 14.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ksk-pop-gc { flex-shrink: 0; font-size: 12px; font-weight: 700; padding: 3px 9px; border-radius: 999px; background: var(--k-marker); color: var(--k-ink); }
.ksk-pop-g.is-cur .ksk-pop-gc { background: transparent; color: var(--k-green); padding-right: 0; }
.ksk-pop-g.is-busy { opacity: .6; }
.ksk-pop-newbtn { display: block; width: 100%; margin-top: 6px; padding: 9px 10px !important; border-radius: 10px; border: 1px dashed #c9d2db !important; font-size: 13.5px; font-weight: 600; color: var(--k-slate) !important; text-align: left; }
.ksk-pop-newbtn:hover { border-color: var(--k-marker) !important; color: var(--k-ink) !important; }
.ksk-pop-newbtn[hidden] { display: none; }
.ksk-pop-new { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; padding: 0; border: 0; }
.ksk-pop-new[hidden] { display: none; }
.ksk-pop-new input { width: 100%; height: 38px; padding: 0 10px; border: 1px solid #9aa8b5; border-radius: 10px; font-size: 14.5px; }
.ksk-pop-new input:focus { outline: none; box-shadow: 0 0 0 3px rgba(255,210,63,.35); }
.ksk-pop-new button { height: 36px; border-radius: 10px; background: var(--k-marker) !important; font-weight: 700; font-size: 13.5px; }
.ksk-pop-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--k-rule); }
.ksk-pop-foot a { font-size: 13px; font-weight: 600; color: var(--k-slate) !important; text-decoration: none !important; }
.ksk-pop-foot a:hover { color: var(--k-ink) !important; }
.ksk-pop-rm { font-size: 13px; font-weight: 600; color: var(--k-red) !important; padding: 4px 6px !important; border-radius: 8px; }
.ksk-pop-rm:hover { background: var(--k-rwash) !important; }
.ksk-pop--sheet { position: fixed !important; left: 0 !important; right: 0; bottom: 0; top: auto !important; width: auto; border-radius: 20px 20px 0 0; padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 999996; animation: kskSheet .22s ease; }
.ksk-pop--sheet .ksk-pop-groups { max-height: 40vh; }
.ksk-pop--sheet .ksk-pop-g { padding: 12px !important; }
@keyframes kskSheet { from { transform: translateY(40%); opacity: .5; } to { transform: none; opacity: 1; } }
.ksk .ksk-pop-x { margin-left: auto; }
.ksk .ksk-pop-g, .ksk .ksk-pop-newbtn { margin: 0; }
.ksk .ksk-pop-newbtn { margin-top: 6px; }
.ksk-pop--sheet { box-shadow: 0 0 0 100vmax rgba(20,32,46,.4), 0 -10px 30px rgba(20,32,46,.2); }
.ksk .ksk-pop-new input { flex: none; height: 42px; box-sizing: border-box; }
.ksk .ksk-pop-new button { flex: none; height: 40px; }

/* ---------- v0.8: Favori Cümlelerim (filtreler, çalma modları, grup paneli, dikte) ---------- */
.ksk-favs .ksk-favs-head { align-items: center; }
.ksk-favs-stats { display: flex; gap: 6px; flex-wrap: wrap; }
.ksk-favs-stats span { font-size: 12.5px; padding: 4px 10px; border-radius: 999px; background: #eef1f3; color: var(--k-slate); }
.ksk-favs-stats b { color: var(--k-ink); }
.ksk-fp-ctl { display: flex; align-items: center; gap: 6px; padding: 8px 10px; background: var(--k-ink); }
.ksk-fp-pos { flex: 1; font-size: 13px; color: #aebbc7; text-align: center; font-variant-numeric: tabular-nums; }
.ksk-fp-tog { width: 36px; height: 36px; border-radius: 10px; font-size: 16px; opacity: .45; transition: opacity .12s, background .12s; }
.ksk-fp-tog.is-on { opacity: 1; background: rgba(255,210,63,.2) !important; }
.ksk-fp-wait { position: relative; margin: 0 14px 10px; padding: 8px 12px; border-radius: 10px; background: rgba(255,210,63,.14); color: var(--k-marker); font-size: 14px; font-weight: 650; overflow: hidden; }
.ksk-fp-wait::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--k-marker); }
.ksk-fp-wait.is-run::after { animation: kskWait var(--d, 2000ms) linear forwards; }
@keyframes kskWait { to { width: 100%; } }
.ksk-now-empty { margin: 0 !important; font-size: 13.5px; color: #aebbc7; line-height: 1.5; }
.ksk-fp-opts { display: flex; flex-wrap: wrap; gap: 8px 14px; padding: 10px 14px 14px; border-top: 1px solid rgba(255,255,255,.08); }
.ksk-fp-opts label { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: #c7d2dc; }
.ksk-fp-opts select { height: 30px; padding: 0 6px; border-radius: 8px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: #fff; font-size: 13px; }
.ksk-fp-opts select option { color: #14202e; }

.ksk-fside { position: relative; }
.ksk-fbar { padding: 12px 12px 6px; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid var(--k-rule); background: var(--k-card); }
.ksk-fmodes { display: inline-flex; gap: 2px; padding: 3px; border-radius: 12px; background: #eef0ec; align-self: flex-start; }
.ksk-fmodes button { padding: 7px 14px !important; border-radius: 9px; font-size: 14px; font-weight: 650; color: var(--k-slate) !important; }
.ksk-fmodes button.is-on { background: var(--k-card) !important; color: var(--k-ink) !important; box-shadow: 0 1px 3px rgba(20,32,46,.12); }
.ksk-fsearch input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--k-rule); border-radius: 11px; font-size: 15px; background: var(--k-paper); box-sizing: border-box; }
.ksk-fsearch input:focus { outline: none; border-color: #9aa8b5; box-shadow: 0 0 0 3px rgba(255,210,63,.3); }
.ksk-fgroups { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; }
.ksk-fgroups::-webkit-scrollbar { display: none; }
.ksk-fgroups .ksk-chip { flex-shrink: 0; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ksk-chip--more { background: var(--k-wash) !important; border-color: rgba(255,210,63,.7) !important; color: var(--k-ink) !important; padding: 0 12px !important; font-weight: 650; }
.ksk-ffilters { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 6px; }
.ksk-ffilters select { height: 36px; padding: 0 8px; border: 1px solid var(--k-rule); border-radius: 10px; font-size: 13px; background: var(--k-card); color: var(--k-ink); min-width: 0; }
.ksk-ffilters select[hidden] { display: none; }
.ksk-factive { display: flex; flex-wrap: wrap; gap: 5px; }
.ksk-factive:empty { display: none; }
.ksk-fact { padding: 4px 10px !important; border-radius: 999px; font-size: 12.5px; background: var(--k-ink) !important; color: #fff !important; }
.ksk-fact--all { background: transparent !important; color: var(--k-red) !important; }
.ksk-fbody { padding: 10px 12px 14px; }
.ksk-ftools { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 8px; }
.ksk-fcount { margin-left: auto; font-size: 12.5px; color: var(--k-pale); }
.ksk-favs .ksk-favs-list { padding: 0; }
.ksk-fav.is-learned .ksk-fav-t { color: var(--k-slate); }
.ksk-fav-learn { width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid var(--k-rule) !important; color: var(--k-pale) !important; font-weight: 800; font-size: 14px; }
.ksk-fav-learn.is-on { background: var(--k-green) !important; border-color: var(--k-green) !important; color: #fff !important; }
.ksk-gpanel { position: absolute; inset: 0; z-index: 8; background: var(--k-card); padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.ksk-gpanel[hidden] { display: none; }
.ksk-gp-head { display: flex; align-items: center; font-size: 16px; }
.ksk .ksk-gp-head .ksk-pop-x { margin-left: auto; }
.ksk-gp-q { height: 40px; padding: 0 12px; border: 1px solid var(--k-rule); border-radius: 11px; font-size: 15px; }
.ksk-gp-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 4px; min-height: 120px; }
.ksk-gp-row { display: flex; align-items: center; gap: 4px; border-radius: 10px; }
.ksk-gp-row.is-on { background: var(--k-wash); }
button.ksk-gp-row, .ksk-gp-pick { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 10px !important; border-radius: 10px; font-size: 14.5px; text-align: left; min-width: 0; }
.ksk-gp-pick span, button.ksk-gp-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ksk-gp-pick:hover, button.ksk-gp-row:hover { background: #f4f5f2 !important; }
.ksk-gp-pick b, button.ksk-gp-row b { flex-shrink: 0; font-size: 12px; color: var(--k-pale); }
.ksk-gp-act { width: 32px; height: 32px; border-radius: 8px; font-size: 13px; opacity: .7; }
.ksk-gp-act:hover { opacity: 1; background: #f1f2ef !important; }
.ksk-gp-new { display: flex; gap: 6px; padding-top: 8px; border-top: 1px solid var(--k-rule); }
.ksk-gp-new input { flex: 1; min-width: 0; height: 40px; padding: 0 10px; border: 1px solid var(--k-rule); border-radius: 10px; font-size: 14.5px; }
.ksk-gp-new button { padding: 0 14px !important; border-radius: 10px; background: var(--k-marker) !important; font-weight: 700; }
@container (min-width: 680px) {
  .ksk-favs .ksk-side { max-height: calc(100vh - 110px); overflow-y: auto; }
  .ksk-favs .ksk-fbar { position: sticky; top: 0; z-index: 3; }
}
@media (max-width: 679px) {
  .ksk-favs .ksk-favs-media .ksk-fp-opts { padding: 8px 12px 10px; }
  .ksk-favs .ksk-now { padding: 10px 12px; }
  .ksk-gpanel { position: fixed; inset: auto 0 0 0; max-height: 80vh; border-radius: 20px 20px 0 0; box-shadow: 0 0 0 100vmax rgba(20,32,46,.4); z-index: 999996; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
}
.ksk .ksk-gp-list > button.ksk-gp-row { flex: none; }
.ksk-fp-gear { display: none; }
@media (max-width: 679px) {
  .ksk-fp-gear { display: inline-flex; align-items: center; justify-content: center; }
  .ksk-favs-media:not(.is-opts) .ksk-fp-opts { display: none; }
  .ksk-favs .ksk-now-t { font-size: 16px; }
  .ksk-favs .ksk-now-src { margin-top: 4px !important; }
}

/* ---------- v0.9: sayfa içeriği (SEO bölümü) ---------- */
.ksk-seo { margin: 8px 0 24px; }
.ksk-seo h2 { font-size: 20px; margin: 24px 0 10px; }
.ksk-seo-intro p { font-size: 16.5px; line-height: 1.65; }
.ksk-seo-tablewrap { overflow-x: auto; border: 1px solid #e6e8e3; border-radius: 12px; }
.ksk-seo-table { width: 100%; border-collapse: collapse; margin: 0 !important; font-size: 15px; }
.ksk-seo-table th, .ksk-seo-table td { padding: 9px 12px; text-align: left; border: 0; border-bottom: 1px solid #eef0ec; vertical-align: top; }
.ksk-seo-table thead th { background: #faf9f5; font-size: 12.5px; color: #5b6b7c; font-weight: 700; }
.ksk-seo-table tr:last-child td { border-bottom: 0; }
.ksk-seo-table td:last-child { color: #5b6b7c; font-size: 13.5px; }
.ksk-seo-facts { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.ksk-seo-facts li { margin: 0 !important; padding: 10px 12px; border-radius: 10px; background: #faf9f5; border: 1px solid #eef0ec; font-size: 14.5px; }
.ksk-seo-facts li::before { display: none !important; }
.ksk-seo-facts span { display: block; font-size: 11.5px; font-weight: 700; color: #8b98a5; margin-bottom: 2px; }
.ksk-seo-facts a { font-weight: 650; }

/* ---------- v1.0: Video dersler kütüphanesi ---------- */
.ksk-lib, .ksk-lib-page { --k-ink: #14202e; --k-marker: #ffd23f; --k-wash: #fff6d6; --k-paper: #faf9f5; --k-card: #fff; --k-rule: #e6e8e3; --k-slate: #5b6b7c; --k-pale: #8b98a5; --k-green: #2f7d5d; --k-red: #b3412f; color: var(--k-ink); }
.ksk-lib *, .ksk-lib *::before, .ksk-lib *::after { box-sizing: border-box; }
.ksk-lib button { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; margin: 0; }
.ksk-lib a { text-decoration: none !important; box-shadow: none !important; }
.ksk-lib-page .ksk-lib-wrap { max-width: 1180px; margin: 0 auto; padding: 24px 20px 48px; }
.ksk-lib-h1 { margin: 0 0 8px !important; font-size: clamp(26px, 4vw, 36px) !important; }
.ksk-lib-desc { color: var(--k-slate); margin-bottom: 14px; }
.ksk-lib { margin: 10px 0 30px; }
.ksk-lib-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.ksk-lib-head h2 { margin: 0 !important; font-size: 24px; }
.ksk-lib-head span { font-size: 13.5px; color: var(--k-slate); }
.ksk-lib-bar { display: flex; gap: 8px; align-items: center; }
.ksk-lib-search { flex: 1; display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; border: 1px solid var(--k-rule); border-radius: 12px; background: var(--k-card); }
.ksk-lib-search:focus-within { border-color: #9aa8b5; box-shadow: 0 0 0 3px rgba(255,210,63,.35); }
.ksk-lib-search svg { width: 18px; height: 18px; fill: none; stroke: var(--k-pale); stroke-width: 1.8; stroke-linecap: round; flex-shrink: 0; }
.ksk-lib-search input { flex: 1; min-width: 0; border: 0 !important; outline: none; background: transparent !important; font-size: 16px; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
.ksk-lib-fbtn { display: none; height: 46px; padding: 0 14px !important; border-radius: 12px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; font-weight: 650; font-size: 14px; white-space: nowrap; }
.ksk-lib-fbtn b { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 999px; background: var(--k-ink); color: #fff; font-size: 11.5px; margin-left: 4px; }
.ksk-seg-v { display: inline-flex; gap: 2px; padding: 3px; border-radius: 12px; border: 1px solid var(--k-rule); background: var(--k-card); height: 46px; }
.ksk-seg-v button { width: 40px; border-radius: 9px; font-size: 17px; color: var(--k-slate) !important; }
.ksk-seg-v button.is-on { background: var(--k-ink) !important; color: #fff !important; }
.ksk-lib-cats { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0; }
.ksk-lib-sub { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 0 0 10px; border-left: 3px solid var(--k-marker); margin-left: 4px; }
.ksk-lchip { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 8px 0 13px !important; border-radius: 999px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; font-size: 14px; color: var(--k-slate) !important; white-space: nowrap; }
.ksk-lchip b { font-size: 11.5px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #f1f2ef; }
.ksk-lchip:hover { border-color: #c3ccd4 !important; color: var(--k-ink) !important; }
.ksk-lchip.is-on { background: var(--k-ink) !important; border-color: var(--k-ink) !important; color: #fff !important; }
.ksk-lchip.is-on b { background: rgba(255,255,255,.18); }
.ksk-lchip--sub { height: 30px; font-size: 13px; }
.ksk-lib-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: 12px; padding: 12px 14px; border: 1px solid var(--k-rule); border-radius: 14px; background: var(--k-paper); }
.ksk-lf { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ksk-lf-t { font-size: 12px; font-weight: 700; color: var(--k-pale); }
.ksk-lf-opts { display: flex; gap: 5px; flex-wrap: wrap; }
.ksk-lvlbtn { width: 38px; height: 32px; border-radius: 9px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; font-weight: 700; font-size: 13px; color: var(--k-slate) !important; }
.ksk-lvlbtn:disabled { opacity: .35; cursor: default; }
.ksk-lvlbtn.is-on[data-l="A"] { background: #2f7d5d !important; border-color: #2f7d5d !important; color: #fff !important; }
.ksk-lvlbtn.is-on[data-l="B"] { background: #d99a00 !important; border-color: #d99a00 !important; color: #fff !important; }
.ksk-lvlbtn.is-on[data-l="C"] { background: #b3412f !important; border-color: #b3412f !important; color: #fff !important; }
.ksk-lf--row { margin-left: auto; gap: 14px; }
.ksk-lf-sort { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--k-pale); }
.ksk-lf-sort select { height: 32px; border: 1px solid var(--k-rule); border-radius: 9px; padding: 0 8px; font-size: 13.5px; background: var(--k-card); color: var(--k-ink); }
.ksk-lf-done { display: none; }
.ksk-lib-active { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ksk-lib-active:empty { display: none; }
.ksk-lact { padding: 5px 11px !important; border-radius: 999px; background: var(--k-ink) !important; color: #fff !important; font-size: 12.5px; }
.ksk-lact--all { background: transparent !important; color: var(--k-red) !important; }
.ksk-lib-count { font-size: 13px; color: var(--k-pale); margin: 14px 0 8px !important; }
.ksk-lgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.ksk-lc { display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: var(--k-card); border: 1px solid var(--k-rule); color: var(--k-ink) !important; transition: transform .15s ease, box-shadow .15s ease, border-color .15s; }
.ksk-lc:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(20,32,46,.12); border-color: #d6dce1; }
.ksk-lc-thumb { position: relative; display: block; aspect-ratio: 16 / 9; background: #111 center / cover no-repeat; }
.ksk-lc-thumb::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.55)); }
.ksk-lc-play { position: absolute; left: 50%; top: 50%; z-index: 2; width: 52px; height: 52px; margin: -26px 0 0 -26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--k-marker); color: var(--k-ink); opacity: 0; transform: scale(.85); transition: opacity .15s, transform .15s; box-shadow: 0 6px 20px rgba(0,0,0,.35); }
.ksk-lc-play svg { width: 24px; height: 24px; margin-left: 2px; }
.ksk-lc:hover .ksk-lc-play { opacity: 1; transform: none; }
.ksk-lc-dur, .ksk-lc-seen, .ksk-lc-new { position: absolute; z-index: 2; font-size: 12px; font-weight: 700; padding: 3px 8px; border-radius: 7px; }
.ksk-lc-dur { right: 8px; bottom: 8px; background: rgba(0,0,0,.75); color: #fff; font-variant-numeric: tabular-nums; }
.ksk-lc-seen { left: 8px; top: 8px; background: rgba(47,125,93,.92); color: #fff; }
.ksk-lc-new { left: 8px; top: 8px; background: var(--k-marker); color: var(--k-ink); }
.ksk-lc-body { display: flex; flex-direction: column; gap: 5px; padding: 12px 14px 14px; }
.ksk-lc-badges { display: flex; gap: 5px; flex-wrap: wrap; }
.ksk-lvl { font-size: 11.5px; font-weight: 800; padding: 2px 7px; border-radius: 6px; background: #eef1f3; color: var(--k-slate); }
.ksk-lvl[data-l="A"] { background: #e4f2ea; color: #2f7d5d; }
.ksk-lvl[data-l="B"] { background: var(--k-wash); color: #8a6400; }
.ksk-lvl[data-l="C"] { background: #fbe9e7; color: #a4432f; }
.ksk-acc { font-size: 12px; padding: 2px 7px; border-radius: 6px; background: #f1f2ef; color: var(--k-slate); }
.ksk-lc-title { font-size: 16.5px; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ksk-lc-src { font-size: 13px; color: var(--k-slate); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ksk-lc-meta { font-size: 12.5px; color: var(--k-pale); }
.ksk-lib-more { text-align: center; margin-top: 18px; }
.ksk-lib-empty { text-align: center; padding: 40px 10px; color: var(--k-slate); }
.ksk-lrow { margin-top: 22px; }
.ksk-lrow-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.ksk-lrow-head h3 { margin: 0 !important; font-size: 19px; }
.ksk-lrow-head h3 span { font-size: 13px; color: var(--k-pale); font-weight: 600; }
.ksk-lrow-all { font-size: 13.5px; font-weight: 650; color: var(--k-slate) !important; }
.ksk-lrow-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 280px); gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: thin; }
.ksk-lrow-track .ksk-lc { scroll-snap-align: start; }
@media (max-width: 760px) {
  .ksk-lib-page .ksk-lib-wrap { padding: 14px 12px 36px; }
  .ksk-lib-fbtn { display: inline-flex; align-items: center; }
  .ksk-seg-v { display: none; }
  .ksk-lib-cats { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 12px -12px 0; padding: 0 12px 2px; }
  .ksk-lib-cats::-webkit-scrollbar { display: none; }
  .ksk-lchip { flex-shrink: 0; }
  .ksk-lib-sub { flex-wrap: nowrap; flex-shrink: 0; flex-basis: auto; border-left: 0; padding: 0; margin: 0; }
  .ksk-lib-filters { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999996; margin: 0; border-radius: 20px 20px 0 0; padding: 18px 16px calc(16px + env(safe-area-inset-bottom, 0px)); flex-direction: column; align-items: stretch; background: var(--k-card); box-shadow: 0 0 0 100vmax rgba(20,32,46,.4); max-height: 80vh; overflow-y: auto; }
  .ksk-lib.is-fopen .ksk-lib-filters { display: flex; }
  .ksk-lf { flex-direction: column; align-items: flex-start; }
  .ksk-lf--row { margin-left: 0; }
  .ksk-lf-done { display: block; width: 100%; height: 46px; border-radius: 12px; background: var(--k-marker) !important; font-weight: 700; }
  .ksk-lgrid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .ksk-lc-body { padding: 9px 10px 11px; }
  .ksk-lc-title { font-size: 14.5px; }
  .ksk-lc-play { opacity: 1; transform: scale(.8); }
}
@media (max-width: 380px) { .ksk-lgrid { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .ksk-lib-filters .ksk-lf-done { position: sticky; bottom: 0; margin-top: 4px; flex-shrink: 0; }
  .ksk-lib-filters .ksk-sw { display: flex; align-items: center; gap: 8px; font-size: 14px; }
}
.ksk-lib-search { min-width: 0; }
.ksk-lib-bar { min-width: 0; }
.ksk-lib-fbtn b[hidden] { display: none; }
.ksk-crumb { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; margin: 0 0 10px !important; font-size: 13.5px; }
.ksk-crumb a { padding: 4px 10px; border-radius: 999px; background: #f1f2ef; color: #5b6b7c !important; text-decoration: none !important; }
.ksk-crumb a:hover { background: #fff6d6; color: #14202e !important; }
.ksk-crumb span { color: #8b98a5; }

/* ---------- v1.1: altyazı ---------- */
.ksk-cap { text-align: center; }
.ksk-cap[hidden] { display: none; }
.ksk-cap--below { padding: 10px 14px; background: #0f1822; color: #fff; min-height: 46px; display: flex; flex-direction: column; justify-content: center; }
.ksk-cap--over { position: absolute; left: 12%; right: 12%; bottom: 14px; z-index: 2; pointer-events: none; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.ksk-cap-en { font-size: 17px; line-height: 1.35; font-weight: 600; }
.ksk-cap-tr { font-size: 14px; line-height: 1.35; color: #c7d2dc; margin-top: 2px; }
.ksk-cap-wait { color: #5b6b7c; }
.ksk-cap--over .ksk-cap-en, .ksk-cap--over .ksk-cap-tr { display: inline; padding: 2px 8px; border-radius: 6px; background: rgba(0,0,0,.72); color: #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.ksk-cap--over .ksk-cap-tr { color: #ffe9a8; }
.ksk-cc { width: auto !important; min-width: 40px; padding: 0 8px !important; font-size: 12px !important; font-weight: 800; letter-spacing: .02em; border: 1.5px solid rgba(255,255,255,.35) !important; height: 30px !important; }
.ksk-cc.is-on { background: var(--k-marker) !important; color: var(--k-ink) !important; border-color: var(--k-marker) !important; }
.ksk-media:fullscreen .ksk-cap--over .ksk-cap-en { font-size: 26px; }
.ksk-media:fullscreen .ksk-cap--over .ksk-cap-tr { font-size: 20px; }
@media (max-width: 640px) {
  .ksk-cap-en { font-size: 15px; }
  .ksk-cap--over { left: 6%; right: 6%; bottom: 8px; }
  .ksk-cap--over .ksk-cap-en { font-size: 14px; }
  .ksk-cap--over .ksk-cap-tr { font-size: 12.5px; }
}

/* ---------- v1.3: etkinlik menüsü (telefon), tek oynat düğmesi, tam ekran, yeni set ---------- */
.ksk-tabsel { display: none; }
.ksk-tab-d { display: none; }
.ksk-newset { margin-left: 10px; padding: 3px 10px !important; border-radius: 999px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; font-size: 12.5px; font-weight: 650; color: var(--k-slate) !important; }
.ksk-newset:hover { border-color: var(--k-marker) !important; color: var(--k-ink) !important; }
.ksk-step { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.ksk-cover { justify-content: center; }
.ksk-cover-play { position: relative; top: 0; }
.ksk-cover-t { position: absolute; left: 0; right: 0; bottom: 12%; max-width: none; padding: 0 16px; }
.ksk:fullscreen { overflow-y: auto; border-radius: 0; border: 0; background: var(--k-paper); container-type: inline-size; }
.ksk:fullscreen .ksk-media { top: 12px; }
.ksk:fullscreen .ksk-lines { max-height: calc(100vh - 230px); }
@media (max-width: 640px) {
  .ksk-tabsel {
    display: flex; align-items: center; gap: 10px; width: calc(100% - 16px); margin: 8px 8px 0; padding: 10px 12px !important;
    border-radius: 14px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; text-align: left;
    box-shadow: 0 2px 8px rgba(20,32,46,.05);
  }
  .ksk-tabsel-ic { font-size: 22px; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: var(--k-wash); flex-shrink: 0; }
  .ksk-tabsel-l { flex: 1; min-width: 0; display: flex; flex-direction: column; }
  .ksk-tabsel-l b { font-size: 16px; }
  .ksk-tabsel-l small { font-size: 12.5px; color: var(--k-slate); }
  .ksk-tabsel-ch { font-size: 14px; color: var(--k-pale); transition: transform .15s; }
  .is-tabs-open .ksk-tabsel-ch { transform: rotate(180deg); }
  .ksk-tabs { display: none; }
  .is-tabs-open .ksk-tabs { display: flex; flex-direction: column; gap: 4px; margin: 6px 8px 0; padding: 6px; border: 1px solid var(--k-rule); border-radius: 14px; background: var(--k-card); box-shadow: 0 12px 28px rgba(20,32,46,.12); animation: kskDrop .16s ease; }
  @keyframes kskDrop { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
  .is-tabs-open .ksk-tabs button, .is-tabs-open .ksk-tabs .ksk-tab-link {
    display: grid; grid-template-columns: 36px 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; justify-items: start;
    min-height: 0; padding: 9px 10px !important; border: 0 !important; border-radius: 10px; background: transparent !important; text-align: left; white-space: normal;
  }
  .is-tabs-open .ksk-tabs button:hover { background: #f4f5f2 !important; }
  .is-tabs-open .ksk-tabs button.is-on { background: var(--k-wash) !important; color: var(--k-ink) !important; }
  .is-tabs-open .ksk-tab-ic { grid-row: 1 / span 2; font-size: 20px; }
  .is-tabs-open .ksk-tab-l { font-size: 15px; font-weight: 700; color: var(--k-ink); }
  .is-tabs-open .ksk-tab-d { display: block; font-size: 12.5px; color: var(--k-slate); font-weight: 400; }
  .is-tabs-open .ksk-tabs .ksk-tab-link .ksk-tab-d { display: block; }
  /* tek oynat düğmesi: kapak görünürken alttaki oynat gizli */
  .ksk.is-idle .ksk-bar [data-a="toggle"] { display: none; }
}

/* ---------- v1.3: Videoluk renkleri (siyah yerine petrol mavisi) ---------- */
.ksk, .ksk-meta, .ksk-lib, .ksk-lib-page, .ksk-top { --k-brand: #0f4c5c; --k-brand-2: #0a3945; --k-brand-3: #16657a; }
.ksk-bar, .ksk-media, .ksk-favs-media, .ksk-fp-ctl { background: var(--k-brand) !important; }
.ksk-cap--below { background: var(--k-brand-2) !important; }
.ksk-cover { background-color: var(--k-brand-2) !important; }
.ksk-cover::before { background: linear-gradient(180deg, rgba(10,57,69,.25), rgba(10,57,69,.72)) !important; }
.ksk-tabs button.is-on, .ksk-chip.is-on, .ksk-lchip.is-on, .ksk-seg-v button.is-on, .ksk-rate--light button.is-on, .ksk-fact, .ksk-lact { background: var(--k-brand) !important; border-color: var(--k-brand) !important; color: #fff !important; }
.ksk-fmodes button.is-on { color: var(--k-brand) !important; }
.ksk-rate button.is-on { background: rgba(255,255,255,.2); }
.ksk-lib-fbtn b { background: var(--k-brand); }
.ksk-lib-sub { border-left-color: var(--k-brand-3); }

/* ---------- v1.3: Videoluk üst çubuğu (Kelimelik tarzı) ---------- */
.ksk-top { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; padding: 10px 14px 10px 18px; border-radius: 14px; background: var(--k-brand); color: #fff; min-height: 58px; }
.ksk-top * { box-sizing: border-box; }
.ksk-top a { text-decoration: none !important; box-shadow: none !important; }
.ksk-brand { flex-shrink: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 21px; letter-spacing: -.01em; color: #fff !important; padding-bottom: 1px; background-image: linear-gradient(#ffd23f, #ffd23f); background-size: 100% 6px; background-position: 0 88%; background-repeat: no-repeat; }
.ksk-topnav { display: flex; gap: 2px; flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.ksk-topnav::-webkit-scrollbar { display: none; }
.ksk-topnav a { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 12px; border-radius: 9px; font-size: 14.5px; white-space: nowrap; color: #cfe3e8 !important; transition: background .14s, color .14s; }
.ksk-topnav a:hover { background: rgba(255,255,255,.08); color: #fff !important; }
.ksk-topnav a.is-on { background: rgba(255,255,255,.16); color: #fff !important; }
.ksk-topnav .ksk-top-klm { margin-left: auto; border: 1px solid rgba(255,210,63,.45); color: #ffe38a !important; }
@media (max-width: 640px) {
  .ksk-top { margin-left: -4px; margin-right: -4px; padding: 8px 10px; gap: 8px; border-radius: 12px; }
  .ksk-brand { font-size: 18px; }
  .ksk-topnav a { height: 34px; padding: 0 10px; font-size: 13.5px; }
  .ksk-topnav a .ksk-top-l { display: none; }
  .ksk-topnav a.is-on .ksk-top-l { display: inline; }
}

/* ---------- v1.3: kütüphane açılır menüleri ---------- */
.ksk-lib-fbtn { display: none !important; }
.ksk-lib-filters { display: flex !important; position: static !important; flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0; margin-top: 12px; border: 0; background: transparent; box-shadow: none !important; max-height: none; overflow: visible; }
.ksk-dd { position: relative; }
.ksk-dd-btn { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px !important; border-radius: 11px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; font-size: 14px; font-weight: 600; color: var(--k-ink) !important; white-space: nowrap; }
.ksk-dd-btn:hover { border-color: #c3ccd4 !important; }
.ksk-dd-btn.is-active { border-color: var(--k-brand) !important; background: #eef6f8 !important; }
.ksk-dd-v { font-weight: 700; color: var(--k-brand); max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.ksk-dd-ch { color: var(--k-pale); font-size: 12px; transition: transform .15s; }
.ksk-dd.is-open .ksk-dd-ch { transform: rotate(180deg); }
.ksk-dd-panel { display: none; position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; min-width: 250px; padding: 6px; background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 14px; box-shadow: 0 16px 40px rgba(20,32,46,.16); }
.ksk-dd.is-open .ksk-dd-panel { display: block; animation: kskDrop .15s ease; }
.ksk-dd-h { padding: 6px 8px 8px; font-size: 12.5px; font-weight: 700; color: var(--k-pale); }
.ksk-dd-h small { font-weight: 400; margin-left: 4px; }
.ksk-dd-opt { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px !important; border-radius: 10px; font-size: 14.5px; text-align: left; cursor: pointer; color: var(--k-ink) !important; }
.ksk-dd-opt:hover { background: #f4f5f2 !important; }
.ksk-dd-opt.is-on { background: #eef6f8 !important; font-weight: 700; color: var(--k-brand) !important; }
.ksk-dd-opt.is-dis { opacity: .4; cursor: default; }
.ksk-dd-opt input { width: 17px; height: 17px; accent-color: var(--k-brand); margin: 0; }
.ksk-dd-opt span:nth-last-child(2) { flex: 1; }
.ksk-dd-opt b { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--k-pale); }
.ksk-dd-clear { width: 100%; margin-top: 4px; padding: 8px !important; border-radius: 10px; font-size: 13px; color: var(--k-red) !important; }
.ksk-dd-toggle { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 12px; border-radius: 11px; border: 1px solid var(--k-rule); background: var(--k-card); font-size: 14px; font-weight: 600; cursor: pointer; }
.ksk-dd-toggle.is-active { border-color: var(--k-brand); background: #eef6f8; }
.ksk-dd-toggle input { accent-color: var(--k-brand); width: 16px; height: 16px; margin: 0; }
@media (max-width: 760px) {
  .ksk-lib-filters { flex-wrap: nowrap !important; overflow-x: auto !important; margin: 10px -12px 0; padding: 0 12px 2px; scrollbar-width: none; }
  .ksk-lib-filters::-webkit-scrollbar { display: none; }
  .ksk-dd, .ksk-dd-toggle { flex-shrink: 0; }
  .ksk-dd-panel { position: fixed; left: 0; right: 0; bottom: 0; top: auto; min-width: 0; border-radius: 20px 20px 0 0; padding: 12px 12px calc(16px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 0 0 100vmax rgba(20,32,46,.4); z-index: 999996; max-height: 75vh; overflow-y: auto; }
  .ksk-dd-opt { padding: 13px 12px !important; font-size: 15.5px; }
}

/* ---------- v1.4: tek oynat düğmesi (her ekranda), sağlam ikonlar, üst çubukta tam ekran ---------- */
.ksk.is-idle .ksk-bar [data-a="toggle"],
.ksk-favs.is-idle .ksk-fp-ctl [data-ctl="play"] { display: none !important; }
/* Tema stilleri ikonları gizlemesin / küçültmesin */
.ksk .ksk-cbtn svg, .ksk .ksk-cover-play svg, .ksk .ksk-fav-play svg, .ksk-top svg, .ksk .ksk-lc-play svg {
  display: block !important; visibility: visible !important; opacity: 1 !important; max-width: none !important;
}
.ksk .ksk-cbtn svg { width: 20px !important; height: 20px !important; }
.ksk .ksk-cbtn--main svg { width: 22px !important; height: 22px !important; }
.ksk .ksk-cover-play svg { width: 34px !important; height: 34px !important; }
.ksk .ksk-fav-play svg { width: 18px !important; height: 18px !important; }
.ksk .ksk-cbtn, .ksk .ksk-cover-play, .ksk .ksk-fav-play { line-height: 0; }
.ksk .ksk-fav-learn { display: inline-flex !important; align-items: center; justify-content: center; line-height: 1; padding: 0 !important; flex-shrink: 0; }
.ksk-top-view { margin-left: auto; display: inline-flex; gap: 8px; flex-shrink: 0; }
.ksk-top-fs { flex-shrink: 0; display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 12px; border: 1px solid rgba(255,255,255,.25); border-radius: 10px; background: transparent; color: #fff; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.ksk-top-fs:hover { background: rgba(255,255,255,.1); }
.ksk-top-fs svg { width: 18px !important; height: 18px !important; }
.ksk-favs:fullscreen, .ksk-lib-page:fullscreen, .ksk-lib:fullscreen { overflow-y: auto; background: #faf9f5; }
.ksk-lib:fullscreen, .ksk-lib-page:fullscreen { padding: 20px; }
.ksk-favs:fullscreen .ksk-side { max-height: calc(100vh - 120px); }
.ksk-pseudo-fs { position: fixed !important; inset: 0 !important; z-index: 999990 !important; width: auto !important; margin: 0 !important; border-radius: 0 !important; overflow-y: auto; background: #faf9f5; }
@media (max-width: 640px) { .ksk-top-fs span { display: none; } .ksk-top-fs { padding: 0 9px; height: 34px; } }

/* Tema düğmelere iç boşluk (padding) veriyorsa ikon 0 piksele sıkışıp düğmeler boş
   yuvarlak görünüyordu: ikon düğmelerinde iç boşluk sıfır, ikon küçülmez. */
.ksk button.ksk-cbtn, .ksk .ksk-fp-tog, .ksk .ksk-line-fav, .ksk .ksk-line-loop, .ksk .ksk-fav-rm, .ksk .ksk-fav-learn,
.ksk .ksk-fav-play, .ksk .ksk-gp-act, .ksk .ksk-pop-x, .ksk .ksk-icon { padding: 0 !important; box-sizing: border-box; }
.ksk .ksk-cbtn svg, .ksk .ksk-fav-play svg { flex-shrink: 0 !important; }
.ksk .ksk-fp-tog { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; color: #fff !important; opacity: .6; }
.ksk .ksk-fp-tog.is-on { opacity: 1; }
.ksk .ksk-fav-learn { width: 30px !important; min-width: 30px; height: 30px !important; }
.ksk .ksk-fav-rm { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; }
.ksk-lib .ksk-seg-v button { padding: 0 !important; }

/* ---------- v1.6: Favorilerim sade görünüm ---------- */
.ksk-favs .ksk-favs-head { padding: 14px 16px 6px; }
.ksk-favs .ksk-favs-head h2 { font-size: 20px; }
.ksk-favs .ksk-favs-stats { gap: 0; }
.ksk-favs .ksk-favs-stats span { background: none !important; padding: 0 !important; font-size: 13px; color: var(--k-slate); }
.ksk-favs .ksk-favs-stats span + span::before { content: '·'; margin: 0 7px; color: var(--k-pale); }
.ksk-fbar { gap: 8px; }
.ksk-fbar-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ksk-fbar-row .ksk-fcount { margin-left: auto; font-size: 13px; color: var(--k-pale); }
.ksk-ftoggle { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 11px !important; border-radius: 10px; border: 1px solid var(--k-rule) !important; background: var(--k-card) !important; font-size: 13.5px; font-weight: 650; color: var(--k-slate) !important; white-space: nowrap; }
.ksk-ftoggle:hover { border-color: #c3ccd4 !important; }
.ksk-ftoggle.is-open { border-color: var(--k-brand) !important; background: #eef6f8 !important; color: var(--k-brand) !important; }
.ksk-ftoggle b { min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--k-brand); color: #fff; font-size: 11.5px; }
.ksk-ftoggle b[hidden] { display: none; }
.ksk-ftoggle-ch { font-size: 11px; transition: transform .15s; }
.ksk-ftoggle.is-open .ksk-ftoggle-ch { transform: rotate(180deg); }
.ksk-fpanel { display: flex; flex-direction: column; gap: 14px; padding: 12px; border: 1px solid var(--k-rule); border-radius: 14px; background: var(--k-paper); max-height: 55vh; overflow-y: auto; animation: kskDrop .15s ease; }
.ksk-fpanel[hidden] { display: none; }
.ksk-fsec h4 { margin: 0 0 7px !important; font-size: 12px; font-weight: 700; color: var(--k-pale); letter-spacing: .02em; }
.ksk-fpanel .ksk-fgroups { flex-wrap: wrap; overflow: visible; }
.ksk-fpanel .ksk-fgroups .ksk-chip { max-width: 100%; }
.ksk-fview { display: flex; flex-direction: column; gap: 9px; }

/* cümle kartları: metin ön planda, işlemler sade */
.ksk-favs .ksk-favs-list { gap: 10px; }
.ksk-fav { position: relative; align-items: center; padding: 14px 12px 12px 14px; }
.ksk-fav-t { font-size: 19px !important; line-height: 1.5 !important; font-weight: 500; color: var(--k-ink) !important; }
.ksk-fav-tr { font-size: 15.5px !important; line-height: 1.45; color: #3d4f60 !important; margin-top: 4px !important; }
.ksk-fav-src { font-size: 12px !important; color: var(--k-pale) !important; margin-top: 7px !important; }
.ksk-fav-src a { color: var(--k-slate) !important; }
.ksk-fav.is-learned { border-left: 4px solid var(--k-green); }
.ksk-fav.is-learned .ksk-fav-t { color: var(--k-ink) !important; }
.ksk-fav-acts { flex-direction: column; gap: 4px; }
.ksk .ksk-fav-more { width: 32px; height: 32px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; font-size: 20px; line-height: 1; color: var(--k-slate) !important; }
.ksk .ksk-fav-more:hover { background: #f1f2ef !important; }
.ksk-fmenu { position: absolute; right: 10px; top: 54px; z-index: 12; width: 240px; padding: 8px; background: var(--k-card); border: 1px solid var(--k-rule); border-radius: 14px; box-shadow: 0 16px 40px rgba(20,32,46,.18); animation: kskDrop .14s ease; }
.ksk-fmenu-t { padding: 2px 6px 6px; font-size: 12px; font-weight: 700; color: var(--k-pale); }
.ksk-fmenu-groups { display: flex; flex-direction: column; gap: 3px; max-height: 200px; overflow-y: auto; }
.ksk-fmenu-g { display: flex; justify-content: space-between; align-items: center; gap: 8px; width: 100%; padding: 9px 10px !important; border-radius: 9px; font-size: 14px; text-align: left; color: var(--k-ink) !important; }
.ksk-fmenu-g span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ksk-fmenu-g:hover { background: #f4f5f2 !important; }
.ksk-fmenu-g.is-cur { background: var(--k-gwash) !important; font-weight: 650; }
.ksk-fmenu-g b { color: var(--k-green); }
.ksk-fmenu-rm { display: block; width: 100%; margin-top: 6px; padding: 10px !important; border-top: 1px solid var(--k-rule) !important; border-radius: 0 0 9px 9px; color: var(--k-red) !important; font-size: 13.5px; font-weight: 650; text-align: left; }
.ksk-fmenu-rm:hover { background: var(--k-rwash) !important; }

/* çalma ayarları (tekrar / ara / hız): her ekranda ⚙️ arkasında */
.ksk .ksk-fp-gear { display: inline-flex !important; }
.ksk-favs-media:not(.is-opts) .ksk-fp-opts { display: none !important; }

@media (max-width: 679px) {
  .ksk-fav { flex-wrap: nowrap; }
  .ksk-fav-acts { width: auto; flex-direction: column; }
  .ksk-fav-t { font-size: 17.5px !important; }
  .ksk-fmenu { position: fixed; left: 0; right: 0; bottom: 0; top: auto; width: auto; border-radius: 20px 20px 0 0; padding: 14px 14px calc(16px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 0 0 100vmax rgba(20,32,46,.4); z-index: 999996; }
  .ksk-fmenu-g { padding: 13px 12px !important; font-size: 15.5px; }
  .ksk-fmenu-groups { max-height: 40vh; }
}

/* ---------- v1.6: sayfadan çıkarken sorma penceresi ---------- */
.ksk-leave { --k-ink: #14202e; --k-marker: #ffd23f; --k-rule: #e6e8e3; --k-slate: #5b6b7c; position: fixed; inset: 0; z-index: 1000000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(20,32,46,.55); animation: kskFade .15s ease; }
@keyframes kskFade { from { opacity: 0; } to { opacity: 1; } }
.ksk-leave-box { width: 100%; max-width: 400px; padding: 22px 20px 18px; border-radius: 18px; background: #fff; text-align: center; color: var(--k-ink); box-shadow: 0 24px 60px rgba(0,0,0,.35); box-sizing: border-box; }
.ksk-leave-ic { font-size: 34px; line-height: 1.1; }
.ksk-leave-box h3 { margin: 6px 0 6px !important; font-size: 19px; color: var(--k-ink); }
.ksk-leave-box p { margin: 0 0 16px !important; font-size: 14.5px; line-height: 1.5; color: var(--k-slate); }
.ksk-leave-acts { display: flex; flex-direction: column; gap: 8px; }
.ksk-leave-acts button { height: 46px; padding: 0 14px !important; border-radius: 12px; border: 1px solid var(--k-rule) !important; background: #fff !important; color: var(--k-ink) !important; font: inherit; font-size: 15px; font-weight: 650; cursor: pointer; box-shadow: none !important; }
.ksk-leave-acts button:hover { border-color: #c3ccd4 !important; }
.ksk-leave-acts .ksk-leave-stay { background: var(--k-marker) !important; border-color: var(--k-marker) !important; }
.ksk-leave-acts .ksk-leave-go { color: #b3412f !important; }

/* ---------- v1.6.1: dikte / boşluk doldurmada altyazı gizli ---------- */
.ksk.is-cap-off .ksk-cc { opacity: .45; }
.ksk-favs.is-dikte .ksk-now-t, .ksk-favs.is-dikte .ksk-now-tr { display: none !important; }
.ksk-favs.is-dikte .ksk-now-empty { display: none; }

/* ---------- v1.7: boşluk doldurmada cümle başına anlık kontrol ikonu ---------- */
.ksk-gline { padding: 8px 6px; border-radius: 10px; transition: background .15s; align-items: flex-start; }
.ksk-gline .ksk-gtext { flex: 1; min-width: 0; }
.ksk-gline.is-done { background: #f1faf5; }
.ksk-gline.is-wrong { background: #fff5f3; }
.ksk .ksk-gchk { flex-shrink: 0; width: 34px; height: 34px; margin-top: 2px; padding: 0 !important; border-radius: 50%; border: 1.5px solid var(--k-rule) !important; background: var(--k-card) !important; color: var(--k-pale) !important; display: inline-flex; align-items: center; justify-content: center; transition: background .12s, border-color .12s, color .12s, transform .1s; }
.ksk .ksk-gchk svg { width: 18px; height: 18px; display: block; flex-shrink: 0; }
.ksk .ksk-gchk:hover { border-color: var(--k-brand) !important; color: var(--k-brand) !important; }
.ksk .ksk-gchk:active { transform: scale(.94); }
.ksk .ksk-gchk[data-s="ok"] { background: var(--k-green) !important; border-color: var(--k-green) !important; color: #fff !important; }
.ksk .ksk-gchk[data-s="bad"] { background: var(--k-rwash) !important; border-color: var(--k-red) !important; color: var(--k-red) !important; }
.ksk .ksk-gchk[data-s="shown"] { background: #eef1f3 !important; border-color: #c3ccd4 !important; color: var(--k-slate) !important; }
.ksk .ksk-gchk.is-nudge { animation: kskNudge .4s; }
@keyframes kskNudge { 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }
.ksk-gsc { margin-left: auto; font-size: 13px; font-weight: 700; color: var(--k-slate); }
.ksk-gsc.is-all { color: var(--k-green); }

/* ---------- v1.8: kapak görseli tam kaplar (normal ve tam ekran), Favorilerim'de de görsel ---------- */
.ksk-cover, .ksk-favs-idle { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.ksk-favs-idle { background-color: var(--k-brand-2) !important; background-image: radial-gradient(circle at 50% 40%, var(--k-brand-3), var(--k-brand-2)); }
.ksk-favs-idle::before { display: block; }
.ksk-player .ksk-cover { width: 100%; height: 100%; inset: 0; }
.ksk:fullscreen .ksk-player .ksk-cover, .ksk-media:fullscreen .ksk-player .ksk-cover { position: absolute; inset: 0; width: 100%; height: 100%; }

/* `.ksk button { background: none }` kapak düğmesinin konum ve boyutunu ezdiği için özgüllük artırıldı */
.ksk .ksk-cover, .ksk .ksk-favs-idle { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* ---------- v1.9: Öğretmen sekmesi tam genişlik; telefonda etkinlik menüsü sabit ---------- */
.ksk.is-coach .ksk-media { display: none; }
.ksk.is-coach .ksk-stage { grid-template-columns: 1fr; }
.ksk.is-coach .ksk-tabs { border-radius: 17px 17px 0 0; }
@media (max-width: 640px) {
  .ksk-nav { position: sticky; top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--ksk-media-h, 0px)); z-index: 3; background: var(--k-paper); padding-bottom: 6px; border-bottom: 1px solid var(--k-rule); }
  .is-tabs-open .ksk-tabs { max-height: calc(100vh - var(--ksk-media-h, 0px) - 110px); overflow-y: auto; }
}

/* oynatırken atlanan cümleler */
.ksk-line.is-skip{opacity:.5}
.ksk-line.is-skip .ksk-line-t{text-decoration:line-through;text-decoration-color:rgba(20,32,46,.35)}
.ksk-line.is-skip::after{content:'⏭ atlanır';align-self:center;font-size:11.5px;color:var(--k-pale,#6b7a89);white-space:nowrap}
.ksk-v-tr { font-size: 14px; color: var(--k-ink); margin: 2px 0 0 !important; padding-left: 38px; }

.ksk-v-h { margin: 22px 0 10px; font-size: 17px; }
.ksk-v-h small { display: block; font-size: 12.5px; font-weight: 400; color: var(--k-slate); margin-top: 2px; }
.ksk-v.is-pat { border-left: 4px solid var(--k-accent, #2a6df4); }
.ksk-v.is-pat .ksk-v-w { font-family: inherit; font-size: 17px; }
.ksk-v-ex { font-size: 14px; margin: 6px 0 0 !important; }
.ksk-v-ex span { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--k-slate); margin-right: 4px; }
/* Geniş görünümden çıkış düğmesi her ekranda görünsün (telefon dahil) */
@media (max-width: 899px) { .ksk--theater .ksk-cbtn--wide { display: inline-flex !important; } }

/* ---------- Görünüm şeridi: Geniş / Tam ekran / çıkış — hep aynı yerde (sağ üst) ---------- */
.ksk-view { display: flex; align-items: center; gap: 8px; padding: 6px 10px 6px 14px; background: var(--k-ink); color: #fff; border-radius: 18px 18px 0 0; min-height: 46px; box-sizing: border-box; }
.ksk-view-t { flex: 1; min-width: 0; font-size: 13px; font-weight: 600; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ksk-vbtn { display: inline-flex !important; align-items: center; justify-content: center; gap: 7px; height: 34px; min-width: 0 !important; padding: 0 13px !important; margin: 0 !important; border-radius: 999px !important; background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.22) !important; color: #fff !important; font-size: 13px !important; font-weight: 650 !important; line-height: 1 !important; cursor: pointer; flex: 0 0 auto; box-shadow: none !important; }
.ksk-vbtn:hover { background: rgba(255,255,255,.2) !important; }
.ksk-vi { display: inline-flex; font-style: normal; }
.ksk-vbtn svg { width: 18px; height: 18px; display: block; }
.ksk-vbtn.is-exit { background: var(--k-marker) !important; border-color: var(--k-marker) !important; color: var(--k-ink) !important; }
.ksk[data-view="full"] [data-a="theater"] { display: none !important; }
.ksk--theater .ksk-view, .ksk:fullscreen .ksk-view { position: sticky; top: 0; z-index: 60; border-radius: 0; }
.ksk--theater .ksk-media { top: 58px; }
@media (max-width: 560px) {
  .ksk-vbtn:not(.is-exit) .ksk-vl { display: none; }
  .ksk-vbtn:not(.is-exit) { width: 38px; padding: 0 !important; }
}

/* Videoluk üst çubuğu: Geniş + Tam ekran; açıkken sağ üstte sarı çıkış düğmesi */
.ksk-exitfab { position: fixed; top: 12px; right: 12px; z-index: 2147483000; display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border: 0; border-radius: 999px; background: #ffd54a !important; color: #1b1b1b !important; font: 700 14px/1 inherit; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
.ksk-exitfab svg { width: 16px !important; height: 16px !important; }
.ksk-top.is-view-on .ksk-top-wide { background: #ffd54a; color: #1b1b1b; border-color: #ffd54a; }

/* ---- Kelime ara ---- */
.ksa{background:var(--k-bg,#faf9f5)}.ksa:fullscreen{overflow-y:auto}
.ksa-wrap{max-width:860px;margin:0 auto;padding:22px 16px 60px}
.ksa-head h2{margin:0 0 4px;font-size:26px}.ksa-head p{margin:0 0 16px;color:#5b6770}
.ksa-count{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:#e6f0ee;color:#0f4c5c;font-size:13px;font-weight:600;white-space:nowrap}
.ksa-form{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #cfd9d8;border-radius:14px;padding:6px 6px 6px 12px}
.ksa-form:focus-within{border-color:#0f4c5c}
.ksa-ico{display:inline-flex;width:20px;height:20px;color:#6b7b80;flex:none}.ksa-ico svg{width:20px;height:20px}
.ksa .ksa-q{flex:1;min-width:0;border:0 !important;outline:0 !important;box-shadow:none !important;background:transparent !important;font-size:18px !important;padding:8px 4px !important;height:auto !important}
.ksa .ksa-go{border:0;border-radius:10px;background:#0f4c5c;color:#fff;font-weight:700;padding:10px 18px;cursor:pointer;font-size:15px}
.ksa-opts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 2px;font-size:14px;color:#33444a;align-items:center}
.ksa-opts small{color:#7a888c}.ksa select{font:inherit;padding:3px 6px;border-radius:8px;border:1px solid #cfd9d8;background:#fff}
.ksa-sug{margin:6px 0;font-size:14px;color:#5b6770}.ksa-sug button{margin:2px 4px 2px 0;padding:5px 12px;border-radius:999px;border:1px solid #cfd9d8;background:#fff;cursor:pointer;font-size:14px}
.ksa-sug button:hover{border-color:#0f4c5c;color:#0f4c5c}
.ksa-sum{margin:14px 2px 10px;color:#33444a}
.ksa-player{position:sticky;top:8px;z-index:5;background:#0f2f33;border-radius:14px;padding:10px;margin-bottom:14px;color:#e6f4f1;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.ksa-player[hidden]{display:none}
.ksa-video{aspect-ratio:16/9;max-width:320px;margin:0 auto 10px;background:#000;border-radius:10px;overflow:hidden}.ksa-video iframe{width:100%;height:100%;display:block}
.ksa-ctl{display:flex;align-items:center;justify-content:center;gap:10px}
.ksa .ksa-c{all:unset;box-sizing:border-box;width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);color:#fff !important;cursor:pointer}
.ksa .ksa-c svg{width:20px;height:20px}.ksa .ksa-c--main{width:54px;height:54px;background:#ffd54a;color:#1b1b1b !important}.ksa .ksa-c:focus-visible{outline:2px solid #ffd54a}
.ksa-pos{min-width:60px;text-align:center;font-size:13px;opacity:.85}
.ksa-set{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:8px;font-size:13px}.ksa-set select{background:#fff}
.ksa-it{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #e1e7e6;border-radius:12px;padding:12px;margin-bottom:8px}
.ksa-it.is-on{border-color:#0f4c5c;box-shadow:0 0 0 2px rgba(15,76,92,.18)}
.ksa .ksa-pl{all:unset;box-sizing:border-box;flex:none;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e6f0ee;color:#0f4c5c !important;cursor:pointer}
.ksa .ksa-pl svg{width:18px;height:18px}.ksa .ksa-pl:hover{background:#0f4c5c;color:#fff !important}
.ksa-tx{min-width:0}.ksa-en{margin:0;font-size:17px;line-height:1.45}.ksa-en mark{background:#ffe58a;color:inherit;border-radius:3px;padding:0 2px}
.ksa-tr{margin:4px 0 0;color:#5b6770;font-size:14px;display:none}.ksa-showtr .ksa-tr{display:block}
.ksa-src{margin:6px 0 0;font-size:12.5px;color:#7a888c}.ksa-src a{color:inherit}
@media(max-width:560px){.ksa-video{max-width:100%}.ksa-en{font-size:16px}}

.ksa .ksk-tabs{position:static}
.ksa-panel[hidden]{display:none}
.ksa-playall{margin:0 0 12px}
.ksa .ksa-big{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:#0f4c5c;color:#fff !important;font-weight:700;font-size:15px;cursor:pointer}
.ksa .ksa-big svg{width:18px;height:18px}
.ksa-empty{padding:40px 16px;text-align:center;color:#5b6770;background:#fff;border:1px dashed #cfd9d8;border-radius:12px}
.ksa-now{background:#fff;border:2px solid #0f4c5c;border-radius:12px;padding:14px 16px;margin:0 0 14px}
.ksa-now .ksa-en{font-size:20px}.ksa-now[hidden],.ksa-qh[hidden],.ksa-playall[hidden]{display:none}
.ksa-qh{margin:6px 2px 8px;font-weight:700;color:#33444a}
.ksa-player{position:static}

/* Kelime ara: solda video, sağda arama (normal ders düzeni) */
.ksa-stage{max-width:1280px;margin:0 auto}
.ksa-media{min-width:0}.ksa-media .ksa-player{background:#0f2f33;border-radius:0 0 14px 14px;padding:0 0 10px;margin:0;box-shadow:none;position:static}
.ksa-video{aspect-ratio:16/9;max-width:none;width:100%;margin:0 0 10px;border-radius:0;position:relative;background:#000}
.ksa-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#cfe5e1;background:linear-gradient(135deg,#0f2f33,#0f4c5c)}
.ksa-ph[hidden]{display:none}.ksa-ph span{font-size:42px}.ksa-ph p{margin:8px 0 0;max-width:260px}
.ksa-media .ksa-now{margin:12px;}
.ksa-side{padding:0 0 24px}.ksa-side .ksa-panel{padding:14px 14px 0}
.ksa-side .ksa-form{margin:0}.ksa-side .ksa-count{margin:0 0 8px;display:inline-block}
.ksa-side .ksa-list{max-height:none}
.ksa-set{display:flex;flex-direction:column;gap:14px;font-size:15px}.ksa-set select{margin:0 6px}
@media(min-width:900px){
  .ksa-media{position:sticky;top:8px;align-self:start}
  .ksa-side .ksa-list{max-height:calc(100vh - 300px);overflow-y:auto;padding-right:4px}
  .ksa-media .ksa-player{border-radius:0 0 14px 14px}
}

.ksa-note{margin:8px 12px 0;padding:8px 12px;border-radius:8px;background:#fff3cd;color:#664d03;font-size:13px}.ksa-note:empty{display:none}

/* Kelime ara: yükleme işareti, kontrol düğmeleri */
.ksa-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,47,51,.35);opacity:0;pointer-events:none;transition:opacity .2s .25s}
.ksa-load.is-on{opacity:1}.ksa-load i{width:46px;height:46px;border-radius:50%;border:4px solid rgba(255,255,255,.35);border-top-color:#ffd54a;animation:ksa-spin .8s linear infinite}
@keyframes ksa-spin{to{transform:rotate(360deg)}}
.ksa .ksa-c--s{width:36px;height:36px;opacity:.85}.ksa .ksa-c--s svg{width:17px;height:17px}
.ksa-player.is-paused .ksa-c--main{box-shadow:0 0 0 3px rgba(255,213,74,.4)}

/* Kelime ara: filtre listeleri */
.ksa-facets{margin:12px 0 4px;background:#fff;border:1px solid #e1e7e6;border-radius:14px;padding:12px 14px}
.ksa-facets:empty{display:none}
.ksa-fhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ksa .ksa-fclear{all:unset;cursor:pointer;font-size:13px;color:#b3261e !important;font-weight:600}
.ksa-fg{margin:10px 0 0}.ksa-fg h4{margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6b7b80}.ksa-fg h4 small{font-weight:500;margin-left:4px}
.ksa-lvs,.ksa-fms{display:flex;flex-wrap:wrap;gap:6px}
.ksa .ksa-lv,.ksa .ksa-fm{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border-radius:10px;border:1.5px solid #dbe4e3;background:#f6f9f9;font-size:14px;color:#26363b !important}
.ksa .ksa-lv small,.ksa .ksa-fm small{font-size:11.5px;opacity:.7}
.ksa .ksa-lv b{font-size:15px}
.ksa .ksa-lv-a{border-color:#bfe3c9;background:#eef9f1}.ksa .ksa-lv-b{border-color:#bcd5f2;background:#eef5fd}.ksa .ksa-lv-c{border-color:#d7c5ee;background:#f6f0fc}
.ksa .ksa-lv-a.is-on{background:#2e9e57;border-color:#2e9e57;color:#fff !important}.ksa .ksa-lv-b.is-on{background:#2f6fbd;border-color:#2f6fbd;color:#fff !important}.ksa .ksa-lv-c.is-on{background:#7b4cb8;border-color:#7b4cb8;color:#fff !important}
.ksa .ksa-fm.is-on{background:#0f4c5c;border-color:#0f4c5c;color:#fff !important}
.ksa .ksa-lv:focus-visible,.ksa .ksa-fm:focus-visible,.ksa .ksa-gi:focus-visible{outline:2px solid #0f4c5c;outline-offset:2px}
.ksa-gq{width:100%;box-sizing:border-box;margin:0 0 6px;padding:7px 10px !important;border:1px solid #dbe4e3 !important;border-radius:9px !important;font-size:14px !important;height:auto !important}
.ksa-gl{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}
.ksa .ksa-gi{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:minmax(90px,42%) 1fr 36px;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:14px;color:#26363b !important}
.ksa .ksa-gi:hover{background:#f1f6f6}.ksa .ksa-gi.is-on{background:#e3f0ee;box-shadow:inset 0 0 0 1.5px #0f4c5c}
.ksa-gn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ksa-gb{height:7px;border-radius:5px;background:#e9eff0;overflow:hidden}.ksa-gb i{display:block;height:100%;background:#7fb3bd;border-radius:5px}.ksa-gi.is-on .ksa-gb i{background:#0f4c5c}
.ksa-gi b{text-align:right;font-size:12.5px;color:#5b6770}
.ksa .ksa-fmore{all:unset;cursor:pointer;margin-top:6px;font-size:13px;color:#0f4c5c !important;font-weight:600}
.ksa-bd{display:flex;flex-wrap:wrap;gap:4px;margin:5px 0 0}.ksa-bd:empty{display:none}
.ksa-b{padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:650;background:#eef2f3;color:#4a5a5f}
.ksa-b.ksa-lv-a{background:#d9f1e0;color:#1f6b3b}.ksa-b.ksa-lv-b{background:#dbe9fa;color:#1f4f8a}.ksa-b.ksa-lv-c{background:#eadff7;color:#5a3590}
.ksa-b-soru{background:#fff1cc;color:#7a5600}.ksa-b-olumsuz{background:#fde0de;color:#9b2c24}.ksa-b-olumlu{background:#e4f3ec;color:#27643f}.ksa-b-g{background:#e6eef0;color:#2c5360}

/* Kelime ara: filtre düğmesi, seçili filtre çipleri, modal */
.ksa .ksa-fbtn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#0f4c5c;color:#fff !important;font-weight:700;font-size:14px}
.ksa .ksa-fbtn[hidden]{display:none}.ksa-fbtn svg{width:17px;height:17px}
.ksa-fn{min-width:20px;height:20px;border-radius:10px;background:#ffd54a;color:#1b1b1b;font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.ksa-fn[hidden]{display:none}
.ksa-actv{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.ksa-actv:empty{display:none}
.ksa .ksa-ac{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:#e3f0ee;color:#0f4c5c !important}
.ksa .ksa-ac i{font-style:normal;opacity:.6;font-size:11px}.ksa .ksa-ac:hover i{opacity:1}
.ksa .ksa-ac-level{background:#dbe9fa;color:#1f4f8a !important}.ksa .ksa-ac-form{background:#fff1cc;color:#7a5600 !important}.ksa .ksa-ac-tag{background:#eee;color:#444 !important}
.ksam{position:fixed !important;inset:0;z-index:2147483000;background:transparent !important;display:flex;align-items:flex-end;justify-content:center}
.ksam[hidden]{display:none !important}
.ksam-scrim{position:absolute;inset:0;background:rgba(10,25,30,.55)}
.ksam-dlg{position:relative;background:#fff;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.3);overflow:hidden}
.ksam-dlg header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e6ecec;font-size:17px}
.ksam .ksam-x{all:unset;cursor:pointer;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef2f3;color:#26363b !important;font-size:14px}
.ksam-body{padding:6px 16px 14px;overflow-y:auto;flex:1}
.ksam-body .ksa-gl{max-height:none}
.ksam-dlg footer{display:flex;gap:10px;padding:12px 16px;border-top:1px solid #e6ecec;background:#fff}
.ksam .ksam-clear{all:unset;cursor:pointer;padding:12px 16px;border-radius:12px;border:1.5px solid #dbe4e3;font-weight:600;color:#b3261e !important}
.ksam .ksam-ok{all:unset;cursor:pointer;flex:1;text-align:center;padding:12px 16px;border-radius:12px;background:#0f4c5c;color:#fff !important;font-weight:700;font-size:15px}
.ksa-empty-f{color:#6b7b80;padding:20px 0;text-align:center}
.ksa-nolock,.ksa-nolock body{overflow:hidden !important}
@media(min-width:700px){.ksam{align-items:center}.ksam-dlg{border-radius:18px;max-height:82vh}}

/* Videoluk "Geniş" (yarım tam ekran): sayfa üste de açılır, site başlığını kaplar; üst çubuk en üstte kalır */
html.ksk-widepage{overflow:hidden !important}
.ksk-wide-t{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;top:var(--ksk-top-h,56px) !important;overflow-y:auto !important;z-index:999990 !important;background:#faf9f5;margin:0 !important;width:auto !important;max-width:none !important;border-radius:0 !important;box-sizing:border-box}
.ksk-wide-t.ksk-wide-in{top:0 !important}
.ksk-wide-t.ksk-wide-in .ksk-top{position:sticky;top:0;z-index:6}
.ksk-top-fixed{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:999991 !important;margin:0 !important;border-radius:0 !important}
.ksk-top-fs.is-exit{background:#ffd54a !important;color:#1b1b1b !important;border-color:#ffd54a !important}
.ksk-top-fs[hidden]{display:none !important}

/* Arama: favori yıldızı */
.ksa .ksa-star{all:unset;box-sizing:border-box;flex:none;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:21px;line-height:1;color:#b8860b !important;cursor:pointer;order:3;margin-left:auto}
.ksa .ksa-star:hover{background:#fff4cc}.ksa .ksa-star.is-on{color:#e0a800 !important}.ksa .ksa-star:disabled{opacity:.5}
.ksa-it{position:relative}
.ksa-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#0f2f33;color:#fff;padding:10px 18px;border-radius:999px;font-size:14px;z-index:2147483600;transition:opacity .2s,transform .2s;max-width:90vw}
.ksa-toast.is-on{opacity:1;transform:translate(-50%,0)}
.ksa-fp{position:fixed !important;z-index:2147483500;background:#fff !important;border-radius:14px;box-shadow:0 10px 36px rgba(0,0,0,.28);padding:10px;border:1px solid #d9e6e3}
.ksa-fp-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#0f2f33}
.ksa-fp-h button{all:unset;cursor:pointer;padding:4px 8px;color:#555 !important}
.ksa-fp-l{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow:auto}
.ksa-fp-l button{all:unset;box-sizing:border-box;cursor:pointer;padding:10px 12px;border-radius:10px;background:#eef5f3;color:#0f4c5c !important;font-size:15px}
.ksa-fp-l button:hover{background:#0f4c5c;color:#fff !important}
.ksa-fp-a{display:block;margin-top:8px;font-size:13px;color:#0f4c5c !important;text-decoration:none}
.ksa-tx{flex:1}

/* Boşluk doldurma: uzun yazılan kelimede harfler kesilmesin */
.ksk-gap{box-sizing:content-box !important;max-width:calc(100vw - 80px);padding:1px 8px !important;text-overflow:clip;overflow:visible}

/* Geniş / tam ekranda üst menü, görünüm şeridinde */
.ksk-view-nav{display:none;align-items:center;gap:4px;flex:none;min-width:0;overflow-x:auto;scrollbar-width:none}
.ksk-view-nav::-webkit-scrollbar{display:none}
.ksk--theater .ksk-view-nav,.ksk:fullscreen .ksk-view-nav{display:flex}
.ksk--theater .ksk-view-t,.ksk:fullscreen .ksk-view-t{flex:1 1 0;min-width:0}
.ksk-view-nav a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:9px;font-size:14px;white-space:nowrap;color:#cfe3e8 !important;text-decoration:none !important;box-shadow:none !important}
.ksk-view-nav a:hover{background:rgba(255,255,255,.1);color:#fff !important}
.ksk-view-nav a.is-on{background:rgba(255,255,255,.18);color:#fff !important}
@media(max-width:760px){.ksk-view-nav a .ksk-top-l{display:none}.ksk-view-nav a{padding:0 9px}.ksk--theater .ksk-view-t,.ksk:fullscreen .ksk-view-t{display:none}.ksk-view-nav{flex:1 1 auto}}

.ksk-top-clone{position:sticky;top:0;z-index:50;border-radius:0 !important;margin:0 0 12px !important}

/* Kaynak satırı: video sahibi + orijinal video */
.ksk-credit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 6px 10px; font-size: 12px; line-height: 1.4; opacity: .8; }
.ksk-credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.ksk-credit a:hover { opacity: 1; }