/* Keep the normal app shell on every other screen. Chat owns its scroll area. */
.phone:has(#ksRoot) #nav{display:none!important}
.phone:has(#ksRoot) .top #araDugme,.phone:has(#ksRoot) .top #bell,.phone:has(#ksRoot) .top #meAvatar,.phone:has(#ksRoot) .top #gear{display:none!important}
#screen:has(#ksRoot){overflow:hidden;padding:0 12px;gap:0;min-height:0}
.ks-root{width:100%;max-width:760px;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;color:var(--ink)}
.ks-chat{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:20px;padding:12px 4px 20px;scrollbar-width:thin}
.ks-root .ks-message{flex-shrink:0;max-width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none;overflow-wrap:anywhere}
.ks-root .ks-message.user{align-self:flex-end;width:fit-content;max-width:88%;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:10px 14px}
.ks-message p{white-space:pre-wrap;line-height:1.55;font-size:16px;margin:0}
.ks-root button,.ks-root select{border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;min-height:44px;padding:8px 12px;cursor:pointer;max-width:100%;white-space:normal;text-align:left}
.ks-root button:focus-visible,.ks-root summary:focus-visible,.ks-root select:focus-visible,.ks-root textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
.ks-root button:disabled{opacity:.6;cursor:wait}
.ks-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ks-actions button{font-size:14px}.ks-actions details button{display:block;margin-top:6px}.ks-actions summary{cursor:pointer;min-height:44px;padding:10px 0}
.ks-form{position:relative;flex-shrink:0;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;gap:6px;margin:0;padding:8px 0 max(10px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}
.ks-form textarea{width:100%;min-width:0;box-sizing:border-box;min-height:44px;max-height:112px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:10px 14px;font:inherit;font-size:16px;line-height:22px;resize:none}
.ks-form textarea::placeholder{color:var(--muted);opacity:1}
.ks-root #ksSend{width:44px;height:44px;padding:0;margin:0;border-radius:50%;border:1px solid var(--primary);font-size:25px;text-align:center}
.ks-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ks-options{margin:0;padding:0;border:0;background:transparent}
.ks-options>summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:26px;cursor:pointer;color:var(--ink)}.ks-options>summary::-webkit-details-marker{display:none}
.ks-options[open]>summary{background:var(--card)}
.ks-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:5;max-height:min(420px,55dvh);overflow-y:auto;padding:14px;display:flex;flex-wrap:wrap;gap:8px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);box-shadow:0 8px 24px #0003}
.ks-menu label{flex-basis:100%;font-size:14px;color:var(--muted)}.ks-menu p{font-size:14px;line-height:1.5;margin:6px 0}.ks-menu #ksPending{flex-basis:100%;padding:8px 0;border-block:1px solid var(--line)}.ks-menu #ksPending[hidden]{display:none}.ks-menu #ksPending button{margin:4px 4px 0 0}
.ks-form [role=status]{grid-column:1/-1;margin:0;font-size:13px;line-height:1.4;color:var(--ink)}.ks-form [role=status]:empty{display:none}
@media(max-width:360px){#screen:has(#ksRoot){padding-inline:8px}.ks-chat{gap:16px}.ks-message p{font-size:15px}}
.ks-feedback{display:block;margin-bottom:5px;font-weight:750;color:var(--ink)}
.ks-correct{border-left:3px solid #388a62;padding-left:9px}.ks-incorrect{border-left:3px solid #d25d59;padding-left:9px}.ks-retry{border-left:3px solid var(--primary);padding-left:9px}
.ks-root .ks-inline-hint{font-size:14px;line-height:1.5;margin:8px 0 0;padding:8px 10px;border-left:2px solid var(--primary);background:var(--card);color:var(--ink);border-radius:0 8px 8px 0}
.ks-root .ks-hint-button{font-size:13px;margin-top:6px;padding:6px 10px;min-height:44px;background:transparent}

.ks-root .ks-message.ks-solution{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--card);color:var(--ink)}
.ks-solution .ks-feedback{font-size:13px;margin-bottom:6px;border:0;padding:0}

.ks-help{flex-shrink:0;margin:0;border-top:1px solid var(--line);font-size:13px;color:var(--ink)}
.ks-help>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;padding:6px 4px;box-sizing:border-box;list-style:none}
.ks-help>summary::-webkit-details-marker{display:none}.ks-help>summary::before{content:'+';font-size:18px}.ks-help[open]>summary::before{content:'−'}
.ks-help-content{max-height:25dvh;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 8px}.ks-help-content p{margin:0 0 8px;line-height:1.5}

.ks-progress{flex-shrink:0;font-size:12px;line-height:1.4;color:var(--muted);margin:4px 4px 0}.ks-progress[hidden]{display:none}
.ks-focus-question{display:none;flex-shrink:0;max-height:80px;overflow-y:auto;padding:8px 10px;margin-bottom:4px;border-left:2px solid var(--primary);background:var(--card);color:var(--ink);font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ks-root:has(.ks-form:focus-within) .ks-focus-question:not([hidden]){display:block}
.ks-review-label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.ks-menu .ks-preferences-note{flex-basis:100%}

.ks-help-wrap{position:relative;flex-shrink:0}.ks-help-wrap[hidden]{display:none}
.ks-help-wrap .ks-help>summary{padding-right:44px}
.ks-root .ks-help-close{position:absolute;top:0;right:0;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;text-align:center;font-size:23px;line-height:1}
@media (max-width:500px), (hover:none) and (pointer:coarse) and (max-width:1100px){
  html:has(#ksRoot),body:has(#ksRoot){height:100%;overflow:hidden;overscroll-behavior:none}
  body:has(#ksRoot){position:fixed;inset:0;min-height:0;padding:0}
  .phone:has(#ksRoot){position:fixed;top:var(--ks-viewport-top,0px);left:0;right:0;bottom:auto;height:var(--ks-viewport-height,100dvh)!important;min-height:0;width:100%;margin:0;border:0;border-radius:0}
  .phone:has(#ksRoot) .top{flex-shrink:0}
  .phone.ks-keyboard:has(#ksRoot) .ks-form{padding-bottom:6px}
  .phone.ks-keyboard:has(#ksRoot) .ks-menu{max-height:calc(var(--ks-viewport-height,100dvh) - 130px)}
}

.ks-explanation{margin-top:8px;border-top:1px solid var(--line);color:var(--ink)}
.ks-explanation summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:700;list-style:none}
.ks-explanation summary::-webkit-details-marker{display:none}
.ks-explanation summary::after{content:"›";flex:none;color:var(--muted);font-size:22px;line-height:1;transition:transform .15s}
.ks-explanation[open] summary::after{transform:rotate(90deg);color:var(--primary)}
.ks-root .ks-explanation p{font-size:14px;line-height:1.6;margin:0 0 4px;white-space:pre-line}

.ks-root button.ks-word{display:inline;padding:0;border:0;border-radius:0;background:none;color:inherit;font:inherit;line-height:inherit;min-height:0;text-align:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
.ks-root button.ks-word:hover,.ks-root button.ks-word:focus-visible{text-decoration-color:var(--primary)}
.ks-word-card{position:relative;margin:10px 0;padding:12px 38px 12px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink)}
.ks-root .ks-word-card p{font-size:14px;line-height:1.5;margin:6px 0}.ks-root .ks-word-close{position:absolute;top:0;right:0;border:0;background:none;width:38px;min-height:44px;padding:4px;font-size:22px}
.ks-root .ks-report{background:none;border:0;padding:8px 0;font-size:12px;min-height:44px;color:var(--muted);text-align:left}
.ks-message audio{max-width:100%;width:100%;margin-top:10px}.ks-support{display:block;color:var(--muted);margin-top:6px;font-size:12px}
.ks-study-menu{flex-basis:100%}.ks-study-menu summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650}.ks-study-menu button{margin:4px}
/* «Koçi yazıyor…»: cevap gelmeden önce 1–3 sn üç nokta */
.ks-typing{display:inline-flex;gap:6px;align-items:center;padding:14px 6px}
.ks-typing span{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.35;animation:ksNokta 1.1s infinite ease-in-out}
.ks-typing span:nth-child(2){animation-delay:.18s}
.ks-typing span:nth-child(3){animation-delay:.36s}
@keyframes ksNokta{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.ks-typing span{animation:none;opacity:.65}}

/* ===== Sohbet duvar kâğıdı ve balonlar (Riven 14 Ekim: «lacivert çok koyu, güzel bir sohbet arka planı») =====
   Sohbet kendi paletini taşır: uygulama teması koyu ya da açık olsa da aynı görünür ve okunur. */
.phone:has(#ksRoot){--ks-ink:#14283c;--ks-muted:#4f667c;--ks-line:#d3dfea;--ks-surface:#f7fafc;--ks-soft:#eaf2f9;--ks-amber:#ffcf8b;--ks-amber-ink:#2b1807;--ks-avatar:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2220%2020%20160%20160%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22w%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fbf1e3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eedcc4%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M42%2078c-26-4-34-34-12-46%2014-8%2030%202%2030%2018%200%2012-8%2024-18%2028z%22%20fill%3D%22%23d9633a%22%2F%3E%3Cpath%20d%3D%22M158%2078c26-4%2034-34%2012-46-14-8-30%202-30%2018%200%2012%208%2024%2018%2028z%22%20fill%3D%22%23d9633a%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2296%22%20r%3D%2258%22%20fill%3D%22url%28%23w%29%22%20stroke%3D%22%23e2c9a8%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%2266%22%20cy%3D%2252%22%20r%3D%2214%22%20fill%3D%22%23fbf1e3%22%2F%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2242%22%20r%3D%2215%22%20fill%3D%22%23fbf1e3%22%2F%3E%3Ccircle%20cx%3D%22114%22%20cy%3D%2242%22%20r%3D%2215%22%20fill%3D%22%23fbf1e3%22%2F%3E%3Ccircle%20cx%3D%22136%22%20cy%3D%2252%22%20r%3D%2214%22%20fill%3D%22%23fbf1e3%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22118%22%20rx%3D%2234%22%20ry%3D%2226%22%20fill%3D%22%23f6dfc9%22%2F%3E%3Ccircle%20cx%3D%2278%22%20cy%3D%2284%22%20r%3D%2217%22%20fill%3D%22%23fff%22%20stroke%3D%22%231f2a44%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%22122%22%20cy%3D%2284%22%20r%3D%2217%22%20fill%3D%22%23fff%22%20stroke%3D%22%231f2a44%22%20stroke-width%3D%225%22%2F%3E%3Cpath%20d%3D%22M95%2084h10%22%20stroke%3D%22%231f2a44%22%20stroke-width%3D%225%22%2F%3E%3Ccircle%20cx%3D%2280%22%20cy%3D%2286%22%20r%3D%226%22%20fill%3D%22%231f2a44%22%2F%3E%3Ccircle%20cx%3D%22124%22%20cy%3D%2286%22%20r%3D%226%22%20fill%3D%22%231f2a44%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22112%22%20rx%3D%228%22%20ry%3D%225%22%20fill%3D%22%23b04b27%22%2F%3E%3Cpath%20d%3D%22M88%20124q12%2010%2024%200%22%20stroke%3D%22%237a4a2a%22%20stroke-width%3D%224%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22260%22%20height%3D%22260%22%20viewBox%3D%220%200%20260%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.10%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2818%2022%29%20rotate%28-12%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M7%209h10M7%2013h6M21%2012a9%209%200%200%201-13.5%207.8L3%2021l1.2-4.5A9%209%200%201%201%2021%2012z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28140%2012%29%20rotate%2810%2012%2012%29%20scale%281.2%29%22%3E%3Cpath%20d%3D%22M12%202l3.1%206.3%206.9%201-5%204.9%201.2%206.8L12%2017.8%205.8%2021l1.2-6.8-5-4.9%206.9-1z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28196%2096%29%20rotate%288%2012%2012%29%20scale%281.5%29%22%3E%3Cpath%20d%3D%22M2%204h6a4%204%200%200%201%204%204v13a3%203%200%200%200-3-3H2zM22%204h-6a4%204%200%200%200-4%204v13a3%203%200%200%201%203-3h7z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2864%2096%29%20rotate%28-8%2012%2012%29%20scale%281.4%29%22%3E%3Cpath%20d%3D%22M3%2018v-6a9%209%200%200%201%2018%200v6M21%2019a2%202%200%200%201-2%202h-1v-6h3zM3%2019a2%202%200%200%200%202%202h1v-6H3z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28150%20170%29%20rotate%2812%2012%2012%29%20scale%281.4%29%22%3E%3Cpath%20d%3D%22M12%202a3%203%200%200%200-3%203v7a3%203%200%200%200%206%200V5a3%203%200%200%200-3-3zM19%2010v2a7%207%200%200%201-14%200v-2M12%2019v3%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2818%20176%29%20rotate%28-10%2012%2012%29%20scale%281.3%29%22%3E%3Cpath%20d%3D%22M9%2018h6M10%2022h4M12%202a7%207%200%200%200-4%2012.74V17h8v-2.26A7%207%200%200%200%2012%202z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2896%20206%29%20rotate%286%2012%2012%29%20scale%281.2%29%22%3E%3Cpath%20d%3D%22M3%2019l5-13%205%2013M5%2014h6M15%2013a3%203%200%201%200%206%200%203%203%200%200%200-6%200zM21%2010v8%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28212%20196%29%20rotate%28-14%2012%2012%29%20scale%280.9%29%22%3E%3Cpath%20d%3D%22M12%202l3.1%206.3%206.9%201-5%204.9%201.2%206.8L12%2017.8%205.8%2021l1.2-6.8-5-4.9%206.9-1z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28110%2070%29%20rotate%2814%2012%2012%29%20scale%280.9%29%22%3E%3Cpath%20d%3D%22M7%209h10M7%2013h6M21%2012a9%209%200%200%201-13.5%207.8L3%2021l1.2-4.5A9%209%200%201%201%2021%2012z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0 0/260px 260px,radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(180deg,#24507f 0%,#2c78a3 52%,#3a93b1 100%)!important;color:#fff}
.phone:has(#ksRoot) .top{background:transparent;color:#fff;text-shadow:0 1px 2px rgba(10,30,50,.35)}
.phone:has(#ksRoot) .top button,.phone:has(#ksRoot) .top #title{color:#fff}
.ks-root{--ink:#fff;--muted:rgba(255,255,255,.82);--line:rgba(255,255,255,.3);--card:rgba(255,255,255,.14);--primary:#ffd27a;--bg:#2b72a0;color:#fff}
.ks-chat{gap:12px;padding:14px 2px 18px}
/* Koçi'nin balonu: açık yüzey, koyu yazı, solda avatar */
.ks-root .ks-message.bot{--ink:var(--ks-ink);--muted:var(--ks-muted);--line:var(--ks-line);--card:var(--ks-soft);--primary:#2c78a3;position:relative;margin-left:42px;width:fit-content;max-width:calc(100% - 42px);padding:11px 15px;background:var(--ks-surface);color:var(--ks-ink);border:0;border-radius:20px 20px 20px 6px;box-shadow:0 1px 3px rgba(10,30,50,.28)}
.ks-root .ks-message.bot::before{content:"";position:absolute;left:-42px;bottom:0;width:32px;height:32px;border-radius:50%;background:#fff var(--ks-avatar) center/88% no-repeat;box-shadow:0 1px 3px rgba(10,30,50,.35)}
.ks-root .ks-message.bot.ks-solution{background:var(--ks-surface);border:0}
.ks-root .ks-message.bot.ks-typing{display:inline-flex;padding:14px 16px}
.ks-root .ks-message.bot.ks-typing span{background:var(--ks-muted)}
/* Senin balonun: sıcak amber, koyu yazı */
.ks-root .ks-message.user{--ink:var(--ks-amber-ink);background:var(--ks-amber);color:var(--ks-amber-ink);border:0;border-radius:20px 20px 6px 20px;box-shadow:0 1px 3px rgba(10,30,50,.28)}
/* Yazma çubuğu: duvarın üstünde beyaz hap, amber gönder düğmesi */
.phone .ks-root .ks-form{background:transparent;border-top:0;padding-top:12px}
.phone .ks-root .ks-form textarea{background:var(--ks-surface);color:var(--ks-ink);border:0;box-shadow:0 1px 3px rgba(10,30,50,.3)}
.phone .ks-root .ks-form textarea::placeholder{color:#6b8196;opacity:1}
.ks-root #ksSend{background:var(--ks-amber);color:var(--ks-amber-ink);border:0;box-shadow:0 1px 3px rgba(10,30,50,.3)}
.ks-options>summary{color:#fff}.ks-options[open]>summary{background:rgba(255,255,255,.22)}
.ks-form [role=status]{color:#fff}
.ks-menu{--ink:var(--ks-ink);--muted:var(--ks-muted);--line:var(--ks-line);--card:var(--ks-soft);--primary:#2c78a3;background:var(--ks-surface);color:var(--ks-ink);box-shadow:0 8px 24px rgba(10,30,50,.35)}
.ks-help{border-top-color:rgba(255,255,255,.28)}

/* Menü kartı (ana dizin, konu listesi, konu işlem menüsü): gruplar açılır, satıra dokununca işlem açılır */
.ks-root .ks-message.ks-menu-card{width:100%;max-width:calc(100% - 42px)}
.ks-grup{margin-top:8px;border-top:1px solid var(--line)}
.ks-grup>summary{cursor:pointer;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:750;font-size:15px;list-style:none}
.ks-grup>summary::-webkit-details-marker{display:none}
.ks-grup>summary::after{content:"›";flex:none;color:var(--muted);font-size:22px;line-height:1;transition:transform .15s}
.ks-grup[open]>summary::after{transform:rotate(90deg);color:var(--primary)}
.ks-liste{display:flex;flex-direction:column;gap:6px;padding:0 0 10px}
.ks-root .ks-satir{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-align:left;font-size:15px;line-height:1.35}
.ks-root .ks-satir::after{content:"›";flex:none;color:var(--muted);font-size:20px}
.ks-root .ks-satir:active{background:color-mix(in srgb,var(--primary) 16%,var(--card))}
/* Hikâye kartı: cümleye dokununca sesli okunur ve Türkçesi açılır */
.ks-story-baslik{margin-bottom:6px}.ks-story-baslik span{color:var(--muted)}.ks-story-baslik small{margin-left:6px;opacity:.7}
.ks-message .ks-sent{display:block;position:relative;white-space:normal;padding:8px 8px 8px 44px;margin:0 0 4px;border-radius:12px;cursor:pointer;line-height:1.6}
.ks-message .ks-sent.ks-sent-on{background:rgba(255,207,139,.5)}
.ks-root .ks-sent-ses{position:absolute;left:4px;top:5px;width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;display:grid;place-items:center}
.ks-sent-tr{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.ks-story-ipucu{font-size:12.5px;color:var(--muted);margin:8px 0 2px}

/* Kelime kartı: konudaki kelimeler dokunulabilir */
.ks-root .ks-message.ks-words-card{width:100%;max-width:calc(100% - 42px)}
.ks-kelimeler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 4px}
.ks-root .ks-kel{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:54px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:left}
.ks-kel b{font-size:16px}.ks-kel small{font-size:13px;color:var(--muted)}
/* Cümle kurucu: kelimelere dokunarak cümle/cevap oluştur */
.ks-kur{margin:12px 0 6px;display:flex;flex-direction:column;gap:10px}
.ks-tepsi{min-height:52px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;padding:8px;border:2px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--primary) 7%,var(--card))}
.ks-tepsi:empty::before{content:"Kelimelere dokun…";color:var(--muted);font-size:14px;line-height:34px;padding-left:4px}
.ks-banka{display:flex;flex-wrap:wrap;gap:8px}
.ks-root .ks-kb,.ks-root .ks-kt{min-height:42px;padding:6px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-size:16px;font-weight:650;box-shadow:0 2px 0 var(--line)}
.ks-root .ks-kt{border-color:#2c78a3;background:#fff}
.ks-root .ks-kb:disabled{opacity:.28;box-shadow:none}
.ks-kur-dugme{display:flex;gap:8px}
.ks-root .ks-kur-tamam{background:#2c78a3;color:#fff;border-color:#2c78a3;font-weight:750}
.ks-root .ks-kur-tamam:disabled{opacity:.45}

/* Günün kelimeleri: sohbetin tepesinde yapışkan kart (ilk açılışta açık, sonra kapalı hatırlanır) */

/* Kelime eşleştirme oyunu: solda İngilizce, sağda Türkçe; doğru çift kaybolur, yenisi gelir */
.ks-root .ks-message.ks-match{width:100%;max-width:calc(100% - 42px)}
.ks-m-ust{margin:0 0 6px}.ks-m-ust small{color:var(--muted);font-weight:700}
.ks-msay{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 4px}
.ks-msay span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:2px 12px;border-radius:99px;font-size:14px;font-weight:700;background:var(--card);color:var(--ink)}
.ks-msay b{font-size:18px;font-variant-numeric:tabular-nums}
.ks-msay .ks-m-ok{background:#d9f2e2;color:#14532d}.ks-msay .ks-m-bad{background:#fde1dc;color:#7a1f12}
.ks-m-ipucu{margin:2px 0 6px;font-size:13.5px;color:var(--muted)}
.ks-m-baslik{margin:2px 0 6px;font-size:17px;font-weight:800}.ks-m-pct{margin:0 0 8px;font-size:14px}
.ks-mtahta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ks-mcol{display:flex;flex-direction:column;gap:7px}
.ks-root .ks-mc{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:5px 8px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-size:16px;font-weight:700;line-height:1.15;text-align:center;overflow-wrap:anywhere;box-shadow:0 2px 0 var(--line);transition:background .15s,border-color .15s,box-shadow .15s}
.ks-root .ks-mc-tr{font-weight:650}
.ks-root .ks-mc-bos{border-style:dashed;background:transparent;box-shadow:none;opacity:.35}
.ks-root .ks-mc.sec{border-color:#2c78a3;background:#e3f1fa;box-shadow:0 0 0 2px #2c78a3}
.ks-root .ks-mc.ok{border-color:#2f9e63;background:#d9f2e2;color:#14532d;box-shadow:none;animation:ksMOk .43s ease-out forwards}
.ks-root .ks-mc.bad{border-color:#d4513a;background:#fde1dc;color:#7a1f12;box-shadow:none;animation:ksMBad .5s ease-out}
.ks-root .ks-mc.yeni{animation:ksMYeni .3s ease-out}
.ks-m-alt{display:flex;justify-content:flex-end;margin-top:6px}
.ks-root .ks-m-bitir{min-height:40px;padding:6px 18px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);font-size:14px;font-weight:700}
@keyframes ksMOk{0%{transform:scale(1);opacity:1}60%{transform:scale(1.04);opacity:1}100%{transform:scale(.9);opacity:.15}}
@keyframes ksMBad{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
@keyframes ksMYeni{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.ks-root .ks-mc.ok,.ks-root .ks-mc.bad,.ks-root .ks-mc.yeni{animation:none}}

/* Oyun sürerken yapışkan «Günün kelimeleri» çubuğu yer kaplamasın; oyun bitince geri gelir */

/* Soru Yarışı: Koçi aynı soruyu iki kişiye sorar; kart sohbetin sonunda durur */
.ks-root .ks-message.ks-yaris,.ks-root .ks-message.ks-ysec{width:100%;max-width:calc(100% - 42px)}
.ks-ybaslik{margin:0 0 6px;font-size:17px;font-weight:800}.ks-ybaslik.kazandi{color:#14532d}
.ks-ysk{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:2px 0 8px}
.ks-ysk span{display:flex;flex-direction:column;min-width:0;padding:6px 10px;border-radius:12px;background:var(--card)}.ks-ysk span:last-child{text-align:right}
.ks-ysk small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-ysk b{font-size:22px;font-variant-numeric:tabular-nums}
.ks-ysk em{font-style:normal;font-size:12.5px;color:var(--muted);text-align:center}
.ks-ybar{height:8px;border-radius:99px;background:var(--card);overflow:hidden}.ks-ybar i{display:block;height:100%;background:#2c78a3;transition:width .9s linear}
.ks-yust{display:flex;justify-content:space-between;align-items:baseline;margin:4px 0 0}.ks-yust small{color:var(--muted);font-weight:700}.ks-yust span{font-weight:800;font-variant-numeric:tabular-nums}
.ks-yistem{margin:2px 0 4px;font-size:13.5px;color:var(--muted)}.ks-ysoru{margin:0 0 4px;font-size:21px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.ks-yipucu{margin:0 0 6px;font-size:13.5px;color:var(--muted)}
.ks-yopts{display:grid;gap:8px;margin:8px 0}
.ks-root .ks-yopt{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;width:100%;min-height:52px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:left;font-size:16px;font-weight:650;box-shadow:0 2px 0 var(--line)}
.ks-yopt b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff;border:1px solid var(--line);font-size:14px}.ks-yopt span{overflow-wrap:anywhere}.ks-yopt small{font-size:12px;color:var(--muted);font-weight:700}
.ks-root .ks-yopt.sec{border-color:#2c78a3;background:#e3f1fa;box-shadow:0 0 0 2px #2c78a3}
.ks-root .ks-yopt.dogru{border-color:#2f9e63;background:#d9f2e2;color:#14532d;box-shadow:none}
.ks-root .ks-yopt.yanlis{border-color:#d4513a;background:#fde1dc;color:#7a1f12;box-shadow:none}
.ks-root .ks-yopt:disabled{opacity:1}
.ks-ybekle,.ks-ysonuc{margin:6px 0;font-size:14.5px}.ks-ysonuc{padding:8px 12px;border-radius:12px}.ks-ysonuc.ok{background:#d9f2e2;color:#14532d}.ks-ysonuc.bad{background:#fde1dc;color:#7a1f12}
.ks-ygeri{margin:8px 0;text-align:center;font-size:64px;font-weight:900;line-height:1;color:#2c78a3;font-variant-numeric:tabular-nums}
.ks-yifade{margin:8px 0 0}.ks-yifade summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-size:13.5px;color:var(--muted);font-weight:700}
.ks-yifade div{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:4px}.ks-root .ks-yifade button{min-height:36px;padding:4px 12px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--ink);font-size:13.5px}
.ks-ymsj p{margin:3px 0;font-size:13.5px}.ks-ymsj p.benim{text-align:right}.ks-ymsj small{color:var(--muted)}
.ks-yalt{display:flex;justify-content:flex-end;margin-top:4px}.ks-root .ks-ycik{min-height:36px;padding:4px 14px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}
.ks-ysatir{margin:6px 0 8px;padding-left:18px;font-size:14.5px}.ks-ysatir li{margin:3px 0}
.ks-yozet{margin:4px 0 8px}.ks-yozet summary{cursor:pointer;min-height:42px;display:flex;align-items:center;font-weight:700;font-size:14px}
.ks-yo{padding:8px 0;border-top:1px solid var(--line);font-size:14px}.ks-yo p{margin:2px 0}.ks-yo .ok{color:#14532d;font-weight:700}.ks-yo .bad{color:#7a1f12;font-weight:700}
.ks-yn{display:flex;gap:8px;margin:8px 0}.ks-root .ks-yn button{flex:1;min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-weight:700}.ks-root .ks-yn button[aria-pressed="true"]{border-color:#2c78a3;background:#e3f1fa;box-shadow:0 0 0 2px #2c78a3}
.ks-yark-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:6px}
.ks-root .ks-yark{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:left}.ks-yark small{color:var(--muted)}
.ks-root .ks-yana{background:#2c78a3;color:#fff;border-color:#2c78a3;font-weight:750}
@media (prefers-reduced-motion:reduce){.ks-ybar i{transition:none}}

.ks-yacik{margin:0 0 6px;font-size:14px;color:var(--muted)}.ks-yetiket{margin:8px 0 2px;font-size:12.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}
.ks-ysec[data-tur="coz"] .ks-yyaris-ayar,.ks-ysec[data-tur="tanim"] .ks-yyaris-ayar{display:none}
.ks-yneden{margin:6px 0;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.35;background:var(--card)}.ks-yneden.ok{background:#d9f2e2;color:#14532d}.ks-yneden.bad{background:#fde1dc;color:#7a1f12}.ks-yneden.genel{font-size:13px;color:var(--muted);background:transparent;padding:2px 4px}
.ks-ydiger{margin:4px 0}.ks-ydiger summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:13px;color:var(--muted);font-weight:700}.ks-ydiger p{margin:3px 0;font-size:13px}
.ks-yhazir{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 2px}.ks-yhazir small{color:var(--muted);font-size:12.5px}

/* Soru Yarışı: yeni türler (adam asmaca klavyesi, yazı kutusu, dinle düğmesi), mod seçimi, konu, geçmiş */
.ks-ymodlar{flex-wrap:wrap}.ks-ymodlar button{flex:1 1 30%}.ks-ymodacik{margin:2px 0 6px;font-size:13px;color:var(--muted)}
.ks-ykonu{margin:4px 0 6px;padding:6px 12px;border-radius:12px;background:#e3f1fa;font-size:14px;display:flex;align-items:center;gap:8px}.ks-ykonu[hidden]{display:none}.ks-root .ks-ykonu button{min-height:28px;width:28px;padding:0;border:0;background:transparent;font-size:18px;color:var(--muted)}
.ks-yasma{margin:6px 0 2px;text-align:center;font-size:30px;font-weight:900;letter-spacing:.14em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ks-ycan{margin:4px 0 8px;text-align:center;font-size:14px}.ks-ycan b{font-size:18px}
.ks-yklavye{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:6px 0}
.ks-root .ks-yh{min-height:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:18px;font-weight:800;text-transform:uppercase;box-shadow:0 2px 0 var(--line)}
.ks-root .ks-yh.dogru{background:#d9f2e2;border-color:#2f9e63;color:#14532d;box-shadow:none}.ks-root .ks-yh.yanlis{background:#fde1dc;border-color:#d4513a;color:#7a1f12;box-shadow:none}.ks-root .ks-yh:disabled{opacity:.7}
.ks-yyaz{display:flex;gap:8px;margin:8px 0}.ks-yyaz input{flex:1;min-width:0;min-height:48px;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:16px}
.ks-root .ks-yses{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;margin:6px 0;border:1px solid #2c78a3;border-radius:14px;background:#e3f1fa;color:#14283c;font-size:18px;font-weight:800}
.ks-ygecmis{margin:4px 0;font-size:13.5px;color:var(--muted);font-weight:700}

.ks-root .ks-yn{flex-wrap:wrap}.ks-root .ks-yn button{flex:1 1 30%;min-width:0;padding:6px 8px;font-size:14px;line-height:1.15;word-break:normal;overflow-wrap:normal}
.ks-yn.ks-ymodlar{flex-wrap:wrap}

/* Yarış merkezi, tek kişilik tur, tablolar, rozetler */
.ks-root .ks-message.ks-ymerkez{width:100%;max-width:calc(100% - 42px)}
.ks-ysk.solo{grid-template-columns:1fr auto}.ks-ysk.solo em{text-align:right;line-height:1.3}
.ks-ybolum{margin:6px 0;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.ks-ybolum>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;font-weight:800;font-size:15px;list-style:none}.ks-ybolum>summary::-webkit-details-marker{display:none}
.ks-ybolum>summary::after{content:"›";margin-left:auto;font-size:22px;color:var(--muted);transition:transform .15s}.ks-ybolum[open]>summary::after{transform:rotate(90deg)}
.ks-ybolum>summary small{font-weight:700;color:var(--muted)}.ks-ybolum>*:not(summary){margin-left:14px;margin-right:14px}.ks-ybolum>*:last-child{margin-bottom:12px}
.ks-ytablo ol{list-style:none;margin:4px 0;padding:0}.ks-ytablo li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:6px 10px;border-radius:10px;font-size:14px}
.ks-ytablo li.ben{background:#e3f1fa;font-weight:800}.ks-ytablo li b{font-size:16px;font-variant-numeric:tabular-nums}.ks-ytablo li small{color:var(--muted);min-width:56px;text-align:right}
.ks-yrozetler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ks-yrz{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px dashed var(--line);border-radius:12px;opacity:.55;background:transparent}.ks-yrz.var{opacity:1;border-style:solid;border-color:#e0a63a;background:#fff4dc}
.ks-yrz b{font-size:14px}.ks-yrz small{font-size:12px;color:var(--muted)}
.ks-yrozet{display:flex;flex-direction:column;gap:2px;margin:6px 0;padding:8px 12px;border-radius:12px;background:#fff4dc;border:1px solid #e0a63a;color:#4a2f00}.ks-yrozet small{color:#7a5200}
.ks-ysatir small{color:var(--muted)}

/* Kelime zinciri ve rol yapma */
.ks-ysec[data-tur="zincir"] .ks-yyaris-ayar,.ks-ysec[data-tur="rol"] .ks-yyaris-ayar{display:none}
.ks-yzincir{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.ks-zk{display:inline-flex;flex-direction:column;padding:5px 10px;border-radius:12px;border:1px solid var(--line);background:var(--card);line-height:1.15}.ks-zk b{font-size:15px}.ks-zk small{font-size:11.5px;color:var(--muted)}
.ks-zk.ben{background:#e3f1fa;border-color:#2c78a3}.ks-zk.rakip{background:#fff4dc;border-color:#e0a63a}.ks-zk.koci{background:#eee;border-style:dashed}
.ks-hak{font-style:normal;letter-spacing:.1em;color:#d4513a}
.ks-yrol-ust{margin:6px 0}.ks-yrol-ust>small{display:block;color:var(--muted);margin-bottom:4px}
.ks-yrol-gecmis{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.ks-yrol-gecmis p{margin:0;padding:7px 11px;border-radius:12px;background:var(--card);max-width:92%;font-size:14.5px;line-height:1.3}.ks-yrol-gecmis p.ben{align-self:flex-end;background:#e3f1fa}
.ks-yrol-gecmis small{display:block;color:var(--muted);font-size:12.5px}

/* Akşam yarışması */
.ks-root .ks-message.ks-turnuva{width:100%;max-width:calc(100% - 42px)}

/* 🎧🎤 Telaffuz kartı (Riven 14 Eki): ses + video + «Şimdi sen söyle» */
.ks-root .ks-message.ks-tel{width:100%;max-width:calc(100% - 42px);display:block}
.ks-tel .ks-t-ust{margin:0 0 4px}.ks-tel .ks-t-ust small{color:var(--muted);font-weight:700}
.ks-tel .ks-t-nokta{display:flex;gap:6px;margin:0 0 8px}.ks-tel .ks-t-nokta i{flex:1;height:5px;border-radius:3px;background:var(--line)}
.ks-tel .ks-t-nokta i.su{background:#2c78a3}.ks-tel .ks-t-nokta i.harika{background:#2f9e63}.ks-tel .ks-t-nokta i.iyi{background:#e0a21b}.ks-tel .ks-t-nokta i.tekrar{background:#d4513a}
.ks-tel .ks-t-kelime{margin:0;font-size:22px;line-height:1.25}.ks-tel .ks-t-okunus{font-size:14px;color:var(--muted);font-weight:650}
.ks-tel .ks-t-tr{margin:2px 0 6px;color:var(--muted);font-size:15px}.ks-tel .ks-t-soru{margin:0 0 6px;font-weight:700}
.ks-tel .ks-t-ornek{margin:8px 0 0;font-size:16px;font-weight:650}
.ks-tel .ks-t-video{display:block;width:100%;max-height:260px;margin:8px 0 4px;border-radius:14px;background:#0d1b2a;object-fit:contain}
.ks-tel .ks-t-satir,.ks-tel .ks-t-hedef,.ks-tel .ks-t-alt,.ks-tel .ks-t-sec{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}
.ks-tel button{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.ks-tel .ks-t-sec button{flex:1;font-size:18px}.ks-tel .ks-t-hedef button[aria-pressed="true"]{border-color:#2c78a3;background:#e3f1fa;color:#12405c}
.ks-tel .ks-t-mik{display:block;width:100%;margin:10px 0 2px;min-height:52px;font-size:17px;border-color:#2f9e63;background:#2f9e63;color:#fff}
.ks-tel .ks-t-mik.parla{animation:ksTParla 1.1s ease-in-out 3}.ks-tel .ks-t-mik.kayit{background:#d4513a;border-color:#d4513a}
.ks-tel .ks-t-hedeftext{margin:2px 0 0;font-size:14px;color:var(--muted)}.ks-tel .ks-t-durum{min-height:1.2em;margin:4px 0 0;font-size:14px;color:var(--muted)}
.ks-tel .ks-t-ovgu{margin:6px 0 2px;font-weight:800;font-size:18px}.ks-tel .ks-t-ovgu small{font-size:14px;color:var(--muted)}
.ks-tel .ks-t-ovgu.harika{color:#14703f}.ks-tel .ks-t-ovgu.iyi{color:#8a5a00}.ks-tel .ks-t-ovgu.tekrar{color:#a3341f}
.ks-tel .ks-t-kelimeler{margin:4px 0;line-height:2;font-size:18px}.ks-tel .ks-t-w{padding:2px 7px;border-radius:9px;font-weight:700}
.ks-tel .ks-t-w.ok{background:#d9f2e2;color:#14532d}.ks-tel .ks-t-w.zayif{background:#fdeccd;color:#6b4300}.ks-tel .ks-t-w.eksik{background:#fde1dc;color:#7a1f12;text-decoration:line-through}
.ks-tel .ks-t-not,.ks-tel .ks-t-xp{margin:2px 0;font-size:14px;color:var(--muted)}.ks-tel .ks-t-secim{margin:6px 0;font-weight:700}.ks-tel .ks-t-secim.ok{color:#14703f}.ks-tel .ks-t-secim.bad{color:#a3341f}.ks-tel .ks-t-secim small{font-weight:500;color:var(--muted)}
.ks-tel .ks-t-ipucu{margin:8px 0 0;padding:8px 10px;border-radius:12px;background:#fff7e0;color:#4a3300}.ks-tel .ks-t-ipucu summary{cursor:pointer;font-weight:700}.ks-tel .ks-t-ipucu p{margin:6px 0 0;font-size:15px;line-height:1.45}
.ks-tel .ks-t-alt{justify-content:space-between}.ks-tel .ks-t-alt .ks-yana{background:#2c78a3;border-color:#2c78a3;color:#fff}
.ks-tel .ks-t-baslik{margin:0 0 4px;font-weight:800;font-size:18px}.ks-tel .ks-t-ovet{margin:2px 0 6px}
@keyframes ksTParla{0%,100%{box-shadow:0 0 0 0 rgba(47,158,99,.0)}50%{box-shadow:0 0 0 8px rgba(47,158,99,.35)}}
@media (prefers-reduced-motion:reduce){.ks-tel .ks-t-mik.parla{animation:none}}

/* 🎤 Telaffuz yarışı (soru kartı içinde): tel kartıyla aynı görünüm */
.ks-ysec .ks-t-satir,.ks-yaris .ks-t-satir{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 2px}
.ks-yaris .ks-t-satir button{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.ks-yaris .ks-ymik{display:block;width:100%;margin:10px 0 2px;min-height:52px;font-size:17px;border:1px solid #2f9e63;border-radius:14px;background:#2f9e63;color:#fff;font-weight:800;cursor:pointer}
.ks-yaris .ks-ymik.kayit{background:#d4513a;border-color:#d4513a}
.ks-yaris .ks-t-durum{min-height:1.2em;margin:4px 0 0;font-size:14px;color:var(--muted)}
.ks-yaris .ks-t-ovgu{margin:6px 0 2px;font-weight:800;font-size:17px}.ks-yaris .ks-t-ovgu.harika{color:#14703f}.ks-yaris .ks-t-ovgu.iyi{color:#8a5a00}.ks-yaris .ks-t-ovgu.tekrar{color:#a3341f}
.ks-yaris .ks-t-kelimeler{margin:4px 0;line-height:2;font-size:17px}.ks-yaris .ks-t-w{padding:2px 7px;border-radius:9px;font-weight:700}
.ks-yaris .ks-t-w.ok{background:#d9f2e2;color:#14532d}.ks-yaris .ks-t-w.zayif{background:#fdeccd;color:#6b4300}.ks-yaris .ks-t-w.eksik{background:#fde1dc;color:#7a1f12;text-decoration:line-through}
.ks-yaris .ks-ysoyle{font-size:20px;font-weight:700}
/* 🎯 Telaffuz kademe renkleri (Riven 14 Eki: «% üzerinden 70-80-90»): yarış sonucu ve çalışma özeti ortalaması; kart sonucu ortak .tel-sonuc rozetinde (style.css) */
.ks-root .ks-t-ovgu.ks-sv-mukemmel{color:#136c3e}.ks-root .ks-t-ovgu.ks-sv-cokiyi{color:#1d6b4a}.ks-root .ks-t-ovgu.ks-sv-iyi{color:#6a5a00}.ks-root .ks-t-ovgu.ks-sv-fena_degil{color:#8a4b00}.ks-root .ks-t-ovgu.ks-sv-tekrar{color:#9b2c22}

/* ✨ + menüsü (Riven 14 Eki: «orada + simgesi var ya, orayı güzelleştirelim; çok basit kalmış»): yuvarlak düğme (açılınca × olur), başlıklı kart,
   «Hızlı başla» ikonlu kutular, açılır «Tüm çalışmalar», ikonlu ayar satırları. Kimlikler/veri öznitelikleri aynı: davranış değişmedi. */
.ks-root .ks-options>summary{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#fff,#e6f0f7);box-shadow:0 2px 8px rgba(10,30,50,.3),inset 0 -2px 0 rgba(10,30,50,.08);transition:transform .15s ease,background .2s ease}
.ks-root .ks-options>summary:active{transform:scale(.92)}
.ks-root .ks-options>summary:focus-visible{outline:3px solid var(--ks-amber,#ffb648);outline-offset:2px}
.ks-plus{position:relative;display:block;width:18px;height:18px;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.ks-plus::before,.ks-plus::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:3px;border-radius:3px;background:#2c78a3;transform:translate(-50%,-50%)}
.ks-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.ks-root .ks-options[open]>summary{background:linear-gradient(145deg,#ffd27a,#ffb04a)}
.ks-options[open] .ks-plus{transform:rotate(135deg)}
.ks-options[open] .ks-plus::before,.ks-options[open] .ks-plus::after{background:#5a3a00}
.ks-root .ks-menu{display:block;padding:0;border:0;border-radius:22px;box-shadow:0 18px 44px rgba(10,30,50,.42);animation:ksMenuAc .22s cubic-bezier(.2,1.2,.4,1);transform-origin:12% 100%}
@keyframes ksMenuAc{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.ks-menu-bas{position:sticky;top:0;z-index:1;display:flex;gap:12px;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#2c78a3,#46a3cf);color:#fff;border-radius:22px 22px 0 0}
.ks-menu-logo{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:rgba(255,255,255,.2);display:grid;place-items:center}
.ks-menu-logo svg{width:22px;height:22px}
.ks-menu-bas b{display:block;font-size:17px;line-height:1.2}.ks-menu-bas small{display:block;font-size:13px;opacity:.92}
.ks-menu-ic{display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}
.ks-root .ks-menu .ks-menu-grup{margin:4px 2px -2px;font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.ks-hizli{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ks-root .ks-hizli-k{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-height:86px;margin:0;padding:12px 4px 10px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);font:700 12.5px/1.2 system-ui,-apple-system,sans-serif;text-align:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.ks-root .ks-hizli-k:hover{box-shadow:0 4px 14px rgba(10,30,50,.14)}.ks-root .ks-hizli-k:active{transform:scale(.95)}
.ks-root .ks-hizli-k:disabled{opacity:.5}
.ks-hik{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:var(--r,#e7f1f8);color:var(--rk,#2c78a3)}
.ks-hik svg{width:20px;height:20px}
.ks-hizli-k[data-r=mor]{--r:#efe7fe;--rk:#6b3fd1}.ks-hizli-k[data-r=mavi]{--r:#e3f0fb;--rk:#1f6fb2}.ks-hizli-k[data-r=mercan]{--r:#fde9e5;--rk:#d24b34}
.ks-hizli-k[data-r=amber]{--r:#fff2d9;--rk:#b86e00}.ks-hizli-k[data-r=turkuaz]{--r:#dff5f2;--rk:#14877a}.ks-hizli-k[data-r=lacivert]{--r:#e6e9fb;--rk:#3442a8}
.ks-hizli-k[data-r=yesil]{--r:#e4f5e8;--rk:#1f8a46}.ks-hizli-k[data-r=altin]{--r:#fdf3d2;--rk:#a07800}.ks-hizli-k[data-r=pembe]{--r:#fde6f1;--rk:#c2367a}
.ks-root .ks-study-menu{flex-basis:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.ks-root .ks-study-menu>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:6px 12px;font-weight:750;list-style:none}
.ks-study-menu>summary::-webkit-details-marker{display:none}
.ks-study-menu>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;opacity:.6}
.ks-study-menu[open]>summary::after{transform:rotate(-135deg)}
.ks-study-menu .ks-hik{--r:#e9eef3;--rk:#45607a;width:32px;height:32px;flex-basis:32px}
.ks-calisma{display:flex;flex-wrap:wrap;gap:6px;padding:2px 10px 12px}
.ks-root .ks-calisma button{margin:0;padding:8px 12px;border:1px solid var(--line);border-radius:99px;background:var(--ks-surface,#fff);color:var(--ink);font-size:13px;font-weight:650}
.ks-ayarlar{display:grid;gap:8px}
.ks-ayar{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.ks-ayar .ks-hik{--r:#e9eef3;--rk:#45607a;width:34px;height:34px;flex-basis:34px}
.ks-root .ks-menu .ks-ayar label{flex-basis:auto;margin:0;font-size:14px;font-weight:650;color:var(--ink)}
.ks-root .ks-ayar select{min-width:104px;max-width:150px;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--ks-surface,#fff);color:var(--ink);font-size:14px}
.ks-root .ks-menu .ks-preferences-note{margin:-2px 2px 0;font-size:12.5px;color:var(--muted)}
.ks-menu-alt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ks-root .ks-menu-alt button{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;padding:11px 8px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-weight:700;font-size:13.5px}
.ks-menu-alt svg{width:18px;height:18px}
.ks-root .ks-menu-alt #ksClear{color:#a3392c}
@media (prefers-reduced-motion:reduce){.ks-root .ks-menu,.ks-plus,.ks-study-menu>summary::after{animation:none;transition:none}}

/* 🎯 Şıklı soru kartı (Riven 14 Eki: «aynı alanın içinde kabul etsin ya da etmesin; altına yeni metin gelmesin»): seçilen şık yeşil ✓ / kırmızı ✗, sonuç kartın altında */
.ks-root .ks-secenekler{gap:8px}
.ks-root .ks-secenek{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:9px 16px;border:1.5px solid var(--ks-line,#d6e2ec);border-radius:14px;background:var(--ks-soft,#f3f7fa);color:var(--ks-ink,#1d2b38);font-weight:700;font-size:15px;transition:transform .12s ease,background .2s ease,border-color .2s ease}
.ks-root .ks-secenek:not(:disabled):active{transform:scale(.96)}
.ks-root .ks-secenek i{font-style:normal;font-weight:900}
.ks-root .ks-secenek.bekliyor{border-color:#2c78a3;background:#e3f0fb;animation:ksSecNabiz .9s ease-in-out infinite}
@keyframes ksSecNabiz{50%{opacity:.6}}
.ks-root .ks-secenek.dogru{border-color:#1f9d5a;background:#e4f6eb;color:#126b3b;opacity:1}
.ks-root .ks-secenek.yanlis{border-color:#d4493b;background:#fdecea;color:#9b2c22;opacity:1;text-decoration:line-through;text-decoration-thickness:1.5px}
.ks-root .ks-secenek.cozum{border-color:#1f9d5a;border-style:dashed;background:#f1faf4;color:#126b3b;opacity:1}
.ks-root .ks-secenek:disabled:not(.dogru):not(.yanlis):not(.cozum){opacity:.55}
.ks-root .ks-cevap-sonuc{margin:10px 0 0;padding:10px 12px;border-radius:14px;font-size:14.5px;line-height:1.45;animation:ksSonucGel .25s ease}
@keyframes ksSonucGel{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.ks-root .ks-cevap-sonuc.dogru{background:#e7f6ec;color:#155c37}.ks-root .ks-cevap-sonuc.cozum{background:#fff6e0;color:#6b4d00}.ks-root p.ks-cevap-sonuc.yanlis{background:#fdecea;color:#8f2a20;font-weight:650}
.ks-root .ks-cevap-sonuc b{display:block;font-size:15.5px;margin-bottom:2px}.ks-root .ks-cevap-sonuc p{margin:2px 0}.ks-root .ks-cevap-sonuc .ks-cevap-tr{opacity:.85}
.ks-root .ks-cevap-sonuc details{margin-top:6px}
@media (prefers-reduced-motion:reduce){.ks-root .ks-secenek,.ks-root .ks-cevap-sonuc,.ks-root .ks-secenek.bekliyor{animation:none;transition:none}}
/* 🇹🇷 Türkçesi gizli soru (Riven 14 Eki): basınca açılır */
.ks-root .ks-tr-ac{margin:2px 0 4px;padding:6px 12px;min-height:36px;border:1px dashed var(--ks-line,#c9d7e3);border-radius:99px;background:transparent;color:var(--ks-muted,#4c6378);font-size:13.5px;font-weight:700}
.ks-root .ks-tr-acik{margin:4px 0 2px;color:var(--ks-muted,#4c6378);font-size:14.5px}.ks-root .ks-tr-acik[hidden]{display:none}

/* 📌 + menüsü «Son çalıştıkların» (Riven 14 Eki) */
.ks-son{display:flex;flex-direction:column;gap:6px}
.ks-root .ks-son-k{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-align:left}
.ks-root .ks-son-k b{font-size:14.5px}.ks-root .ks-son-k small{grid-row:2;color:var(--muted);font-size:12.5px}.ks-root .ks-son-k span{grid-row:1 / span 2;grid-column:2;font-size:20px;color:var(--muted)}
/* 🤝 Birlikte çalış kartı (Riven 14 Eki) */
.ks-root .ks-bc{width:100%;max-width:calc(100% - 42px)}
.ks-root .ks-bc .ks-ybaslik small{display:block;font-weight:600;font-size:12.5px;color:var(--ks-muted,#4c6378)}
.ks-root .ks-bc-soru{margin:6px 0 2px;font-size:15px}.ks-root .ks-bc-soru span{display:block;margin-top:4px;font-size:17px;font-weight:700}
.ks-root .ks-bc-cevaplar{margin:10px 0 0;padding:8px 10px;border-radius:12px;background:var(--ks-soft,#f3f7fa)}
.ks-root .ks-bc-kisi{margin:3px 0;font-size:14px}.ks-root .ks-bc-kisi b{display:inline-block;min-width:64px}
.ks-root .ks-bc-kisi span{font-weight:700}.ks-root .ks-bc-kisi .dogru{color:#136c3e}.ks-root .ks-bc-kisi .yanlis{color:#9b2c22;text-decoration:line-through}
.ks-root .ks-bc-kisi small{color:var(--ks-muted,#4c6378)}
.ks-root .ks-bc-tepki{margin-top:8px;font-size:13.5px}.ks-root .ks-bc-tepki p{margin:2px 0}.ks-root .ks-bc-tepki p.benim{opacity:.8}
.ks-root .ks-bc-tepki details summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-weight:650;color:var(--ks-muted,#4c6378)}
.ks-root .ks-bc-tepki details div{display:flex;flex-wrap:wrap;gap:6px}
.ks-root .ks-bc-alt{margin:6px 0 0;text-align:right}.ks-root .ks-bc-alt .ks-link{border:0;background:none;color:var(--ks-muted,#4c6378);text-decoration:underline;font-size:13px;min-height:32px}
.ks-root .ks-bc-ozet{font-size:14.5px}
/* 🗓️ «Bugünkü görevim» planı: ana sayfadaki planın aynısı, adımlar dokunulabilir · «Diğer seçenekler» tam satır (yeni kullanıcı denetimi 15 Eki, SOH-08 / SOH-12) */
.ks-root .ks-bugun-kart{width:100%;max-width:calc(100% - 42px)}
.ks-root .ks-bugun{margin:8px 0}
.ks-root .ks-bugun-adim{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ks-root .ks-bugun-adim button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:14px;text-align:left}
.ks-root .ks-bugun-adim .ks-bg-no{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ks-soft,#f3f7fa);font-weight:800;font-size:13px}
.ks-root .ks-bugun-adim .ks-bg-ad b{display:block;font-size:14.5px}.ks-root .ks-bugun-adim .ks-bg-ad small{display:block;color:var(--ks-muted,#4c6378);font-size:12.5px}
.ks-root .ks-bugun-adim button>span:last-child{font-size:20px;color:var(--ks-muted,#4c6378)}
.ks-root .ks-bugun-adim button.bitti{opacity:.75}.ks-root .ks-bugun-adim button.bitti .ks-bg-no{background:#d8f1e1;color:#136c3e}
.ks-root .ks-bugun-ozet{margin:6px 0 0;font-size:13px;color:var(--ks-muted,#4c6378)}
.ks-root .ks-actions .ks-diger{flex:1 1 100%}
/* 🔁 Tekrar rozeti (Riven 15 Eki): + düğmesinde tekrar bekleyen kelime sayısı, menünün başında «Tekrar zamanı» satırı */
.ks-root .ks-options>summary{position:relative}
.ks-plus-sayi{position:absolute;top:-4px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#ff7a45;color:#fff;font-size:11.5px;font-weight:800;line-height:20px;text-align:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
.ks-plus-sayi[hidden],.ks-options[open] .ks-plus-sayi{display:none}
#ksTekrar[hidden]{display:none}
.ks-root .ks-tekrar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 10px;width:100%;margin:2px 0 8px;padding:10px 12px;border:1px solid #ffc9a8;border-radius:14px;background:#fff3ea;color:#4a2410;text-align:left}
.ks-root .ks-tekrar .ks-hik{grid-row:1 / span 2}.ks-root .ks-tekrar b{font-size:14.5px}.ks-root .ks-tekrar small{grid-row:2;grid-column:2;color:#7a4a2e;font-size:12.5px}
.ks-root .ks-tekrar>span:last-child{grid-row:1 / span 2;grid-column:3;font-weight:800;color:#c2501c;font-size:14px}