/* Kreatus LMS — etkileşimli bileşenler + oyunlaştırma (0.13.0). Yalnız mantıksal özellikler (RTL hazır), min font-weight 500. */
.klms-ix{--ix-ok:#15803d;--ix-ok-bg:#ecfdf3;--ix-no:#b45309;--ix-no-bg:#fff7e6;--ix-line:var(--klms-border,#e2e8f0);
  position:relative;margin:26px 0;padding:18px 18px 16px;background:var(--klms-bg-card,#fff);border:1px solid var(--ix-line);
  border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -16px rgba(15,23,42,.18);font-weight:500}
.klms-ix [hidden]{display:none!important}
.klms-ix.is-done{border-color:color-mix(in srgb,var(--klms-primary) 35%,var(--ix-line))}
.klms-ix-head{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;margin-bottom:10px}
.klms-ix-kind{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.02em;
  color:var(--klms-primary-dark);text-transform:uppercase}
.klms-ix-kind svg{width:16px;height:16px}
.klms-ix-title{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:var(--klms-text)}
.klms-ix-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}
.klms-ix-req,.klms-ix-xp,.klms-ix-state{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.klms-ix-req{background:var(--klms-bg-subtle,#f1f5f9);color:var(--klms-text-2)}
.klms-ix-xp{background:color-mix(in srgb,var(--klms-accent) 16%,#fff);color:color-mix(in srgb,var(--klms-accent) 70%,#000)}
.klms-ix-state:empty{display:none}
.klms-ix-state{background:var(--ix-ok-bg);color:var(--ix-ok)}
.klms-ix-intro{margin:-2px 0 12px;color:var(--klms-text-2);font-size:15px}
.klms-ix-stage{min-height:60px}
.klms-ix-loading{display:grid;gap:8px}.klms-ix-loading .klms-skel{height:44px}
.klms-ix-hint{margin:0 0 10px;font-size:13.5px;color:var(--klms-text-2)}
.klms-ix-err,.klms-ix-nojs{color:var(--klms-danger,#dc2626);font-weight:600}
.klms-ix-fb{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--klms-bg-subtle,#f1f5f9);font-size:14.5px;line-height:1.55}
.klms-ix-fb.is-ok{background:var(--ix-ok-bg);color:#14532d}.klms-ix-fb.is-no{background:var(--ix-no-bg);color:#7c2d12}
.klms-ix-check{margin-top:14px}
.klms-ix button:focus-visible,.klms-ix input:focus-visible,.klms-ix select:focus-visible,.klms-ix textarea:focus-visible,.klms-ix [tabindex]:focus-visible{
  outline:3px solid color-mix(in srgb,var(--klms-primary) 55%,#fff);outline-offset:2px}
.klms-ix-foot{margin-top:14px;padding-top:12px;border-top:1px dashed var(--ix-line);display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.klms-ix-score{display:inline-flex;align-items:baseline;gap:8px}
.klms-ix-score strong{font-size:22px;font-weight:800;color:var(--ix-no)}.klms-ix-score.is-pass strong{color:var(--ix-ok)}
.klms-ix-score span{font-size:14px;color:var(--klms-text-2);font-weight:600}
.klms-ix-explain{flex-basis:100%;margin:0;font-size:14.5px;color:var(--klms-text-2);line-height:1.6}
.klms-ix-retry{margin-inline-start:auto}
.klms-ix-xpgain{position:absolute;inset-inline-end:18px;top:14px;padding:4px 10px;border-radius:999px;background:var(--klms-accent);color:#1f1300;
  font-weight:800;font-size:14px;pointer-events:none;animation:klms-xp-rise 1.7s ease forwards}
@keyframes klms-xp-rise{0%{opacity:0;transform:translateY(8px) scale(.9)}15%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-26px)}}
.klms-ix-confetti{position:fixed;z-index:30500;pointer-events:none}
.klms-ix-celebrate{position:fixed;z-index:30600;inset-inline:0;margin-inline:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(420px,calc(100vw - 32px));
  display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:#0f1f17;color:#f3f7f2;box-shadow:0 18px 40px -12px rgba(0,0,0,.45);
  transform:translateY(24px);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),opacity .25s}
.klms-ix-celebrate.show{transform:none;opacity:1}
.klms-ix-celebrate-ic{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--klms-accent);color:#1f1300}
.klms-ix-celebrate-ic svg{width:26px;height:26px}
.klms-ix-celebrate strong{display:block;font-size:15px}.klms-ix-celebrate span{font-size:13.5px;opacity:.85}
.klms-ix-celebrate.is-big .klms-ix-celebrate-ic{background:var(--klms-primary);color:#fff}
.klms-ix-toast{z-index:30000}

/* choice */
.klms-ixc-q{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--klms-text)}
.klms-ixc-opts{display:grid;gap:8px}
.klms-ixc-opt{display:flex;gap:10px;align-items:flex-start;text-align:start;min-height:46px;padding:11px 12px;border:1px solid var(--klms-border-strong,#cbd5e1);
  border-radius:12px;background:#fff;color:var(--klms-text);font:600 15px/1.45 inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.klms-ixc-opt:hover:not(:disabled){border-color:var(--klms-primary);background:color-mix(in srgb,var(--klms-primary) 4%,#fff)}
.klms-ixc-mark{flex:0 0 20px;height:20px;margin-top:1px;border:2px solid var(--klms-border-strong);border-radius:50%;transition:.15s}
.klms-ixc-opts[role=group] .klms-ixc-mark{border-radius:6px}
.klms-ixc-opt.is-sel .klms-ixc-mark{border-color:var(--klms-primary);background:radial-gradient(circle,var(--klms-primary) 45%,transparent 50%)}
.klms-ixc-opts[role=group] .klms-ixc-opt.is-sel .klms-ixc-mark{background:var(--klms-primary)}
.klms-ixc-opt.is-right{border-color:var(--ix-ok);background:var(--ix-ok-bg)}.klms-ixc-opt.is-right .klms-ixc-mark{border-color:var(--ix-ok);background:var(--ix-ok)}
.klms-ixc-opt.is-wrong{border-color:var(--ix-no);background:var(--ix-no-bg)}
.klms-ixc-opt:disabled{cursor:default;opacity:1}

/* match */
.klms-ixm-head{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12.5px;font-weight:700;color:var(--klms-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}
.klms-ixm-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.klms-ixm-col{display:grid;gap:8px;align-content:start}
.klms-ixm-i{position:relative;display:flex;gap:8px;align-items:center;min-height:48px;padding:10px 12px;border:1px solid var(--klms-border-strong);border-radius:12px;
  background:#fff;color:var(--klms-text);font:600 14.5px/1.4 inherit;text-align:start;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.klms-ixm-i:hover:not(:disabled){border-color:var(--klms-primary)}
.klms-ixm-i.is-active{border-color:var(--klms-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--klms-primary) 22%,transparent)}
.klms-ixm-i.is-target:not(.is-linked){border-style:dashed}
.klms-ixm-i.is-linked{border-color:var(--mc);background:color-mix(in srgb,var(--mc) 9%,#fff)}
.klms-ixm-no{flex:0 0 22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--klms-border)}
.klms-ixm-i.is-linked .klms-ixm-no{background:var(--mc)}
.klms-ixm-no:empty{background:var(--klms-bg-subtle)}
.klms-ixm-i.is-right{border-color:var(--ix-ok);background:var(--ix-ok-bg)}.klms-ixm-i.is-wrong{border-color:var(--ix-no);background:var(--ix-no-bg);flex-wrap:wrap}
.klms-ixm-sol,.klms-ixs-sol,.klms-ixg-sol,.klms-ixf-sol{flex-basis:100%;display:block;font-size:12.5px;font-weight:700;color:#7c2d12;margin-top:2px}

/* sort */
.klms-ixs-p,.klms-ixg-p,.klms-ixh-p,.klms-ixp-p,.klms-ixk-p,.klms-ixgr-p,.klms-ixd-p,.klms-ixsim-p{margin:0 0 10px;font-size:15.5px;font-weight:600;color:var(--klms-text)}
.klms-ixs-end{font-size:12px;font-weight:700;color:var(--klms-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px}
.klms-ixs-end.is-last{margin:6px 0 0}
.klms-ixs-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.klms-ixs-i{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border:1px solid var(--klms-border-strong);border-radius:12px;background:#fff;
  flex-wrap:wrap;transition:box-shadow .15s,border-color .15s}
.klms-ixs-i.is-drag{box-shadow:var(--klms-shadow-lg);border-color:var(--klms-primary);z-index:2;position:relative}
.klms-ixs-i.is-moved{animation:klms-ixs-bump .3s ease}
@keyframes klms-ixs-bump{from{background:color-mix(in srgb,var(--klms-primary) 12%,#fff)}to{background:#fff}}
.klms-ixs-grip{flex:0 0 28px;height:40px;display:grid;place-items:center;cursor:grab;touch-action:none;color:var(--klms-text-muted)}
.klms-ixs-grip svg{width:18px;height:18px;fill:currentColor}
.klms-ixs-no{flex:0 0 26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--klms-bg-subtle);font-size:13px;font-weight:800;color:var(--klms-text-2)}
.klms-ixs-t{flex:1;min-width:0;font-size:14.5px;font-weight:600;line-height:1.4}
.klms-ixs-mv{display:flex;gap:4px}
.klms-ixs-mv button{width:36px;height:36px;border:1px solid var(--klms-border);border-radius:9px;background:#fff;font-weight:800;cursor:pointer;color:var(--klms-text-2)}
.klms-ixs-mv button:hover:not(:disabled){border-color:var(--klms-primary);color:var(--klms-primary)}
.klms-ixs-i.is-right{border-color:var(--ix-ok);background:var(--ix-ok-bg)}.klms-ixs-i.is-wrong{border-color:var(--ix-no);background:var(--ix-no-bg)}

/* categorize */
.klms-ixg-pool{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:10px;border:1px dashed var(--klms-border-strong);border-radius:12px;background:var(--klms-bg-subtle);margin-bottom:12px}
.klms-ixg-pool.is-empty{display:none}
.klms-ixg-chip{min-height:40px;padding:8px 12px;border:1px solid var(--klms-border-strong);border-radius:10px;background:#fff;color:var(--klms-text);
  font:600 14px/1.35 inherit;text-align:start;cursor:grab;touch-action:none;transition:transform .12s,border-color .12s,box-shadow .12s;max-width:100%}
.klms-ixg-chip.is-sel{border-color:var(--klms-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--klms-primary) 22%,transparent);transform:translateY(-1px)}
.klms-ixg-chip.is-dragging{opacity:.35}
.klms-ixg-chip.is-ghost,.klms-ixp-tok.is-ghost{position:fixed;left:0;top:0;z-index:30400;pointer-events:none;box-shadow:var(--klms-shadow-lg);opacity:.95}
.klms-ixg-bins{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:10px}
.klms-ixg-bin{border:1px solid var(--klms-border);border-radius:14px;background:#fff;display:flex;flex-direction:column;min-width:0;transition:border-color .15s,box-shadow .15s}
.klms-ixg-bin.is-ready{border-color:color-mix(in srgb,var(--klms-primary) 45%,var(--klms-border))}
.klms-ixg-bin.is-over{border-color:var(--klms-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--klms-primary) 20%,transparent)}
.klms-ixg-binh{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border:0;border-bottom:1px solid var(--klms-border);background:var(--klms-bg-subtle);
  border-radius:14px 14px 0 0;font:700 14px/1.3 inherit;color:var(--klms-text);cursor:pointer;text-align:start;min-height:44px}
.klms-ixg-count{min-width:24px;height:24px;border-radius:999px;background:#fff;display:grid;place-items:center;font-size:12px;color:var(--klms-text-2)}
.klms-ixg-drop{display:flex;flex-direction:column;gap:6px;padding:8px;min-height:64px}
.klms-ixg-drop .klms-ixg-chip{width:100%}
.klms-ixg-chip.is-right{border-color:var(--ix-ok);background:var(--ix-ok-bg)}.klms-ixg-chip.is-wrong{border-color:var(--ix-no);background:var(--ix-no-bg)}

/* hotspot + place (sahne) */
.klms-ixh-scene,.klms-ixp-scene{position:relative;width:100%;height:0;border-radius:12px;overflow:hidden;background:#f3f1e7;border:1px solid var(--klms-border);touch-action:manipulation}
.klms-ixh-img{position:absolute;inset:0}.klms-ixh-img svg,.klms-ixh-img img{width:100%;height:100%;display:block;object-fit:cover}
.klms-ixh-scene[role=application]{cursor:crosshair}
.klms-ixh-mark,.klms-ixh-cursor{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:3px solid #fff;background:var(--klms-accent);box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}
[dir=rtl] .klms-ixh-mark,[dir=rtl] .klms-ixh-cursor{margin:-13px -13px 0 0}
.klms-ixh-cursor{background:transparent;border-color:var(--klms-primary);box-shadow:0 0 0 2px #fff}
.klms-ixh-mark.is-right{background:var(--ix-ok)}.klms-ixh-mark.is-wrong{background:#94a3b8}
.klms-ixh-ring{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:3px dashed var(--ix-no);background:rgba(255,255,255,.12);cursor:pointer;padding:0}
.klms-ixh-ring.is-found{border-style:solid;border-color:var(--ix-ok)}
.klms-ixh-dot{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:var(--klms-primary);color:#fff;
  font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.3);display:grid;place-items:center;padding:0}
.klms-ixh-dot::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--klms-primary);animation:klms-ix-pulse 1.8s ease-out infinite}
.klms-ixh-dot.is-seen{background:var(--klms-primary-dark)}.klms-ixh-dot.is-seen::after{animation:none;opacity:0}
.klms-ixh-dot.is-open{background:var(--klms-accent);color:#1f1300}
@keyframes klms-ix-pulse{from{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}
.klms-ixh-panel{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--klms-bg-subtle);min-height:52px}
.klms-ixh-panel strong{display:block;font-size:15px;color:var(--klms-text)}.klms-ixh-panel p{margin:4px 0 0;font-size:14.5px}
.klms-ixh-prog,.klms-ixgr-prog,.klms-ixcd-prog{margin:8px 0 0;font-size:13px;font-weight:600;color:var(--klms-text-muted)}
.klms-ixh-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.klms-ixh-actions .klms-ix-check{margin-top:10px}.klms-ixh-actions>.klms-btn-ghost{margin-top:10px}
.klms-ixp-tray{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;border-radius:12px;border:1px dashed var(--klms-border-strong);background:var(--klms-bg-subtle);min-height:52px}
.klms-ixp-tray.is-empty{display:none}
.klms-ixp-tok{min-height:38px;padding:7px 11px;border:1px solid var(--klms-border-strong);border-radius:10px;background:#fff;font:700 13.5px/1.3 inherit;color:var(--klms-text);cursor:grab;touch-action:none}
.klms-ixp-tok.is-sel{border-color:var(--klms-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--klms-primary) 22%,transparent)}
.klms-ixp-tok.is-placed{font-size:12px;min-height:30px;padding:4px 8px;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.klms-ixp-tok.is-right{border-color:var(--ix-ok);background:var(--ix-ok-bg)}.klms-ixp-tok.is-wrong{border-color:var(--ix-no);background:var(--ix-no-bg)}
.klms-ixp-zone{position:absolute;border:2px dashed rgba(15,23,42,.35);border-radius:10px;background:rgba(255,255,255,.18);padding:3px;display:flex;flex-direction:column;
  align-items:flex-start;gap:3px;cursor:pointer;overflow:hidden;transition:background .15s,border-color .15s}
.klms-ixp-zone.is-ready{border-color:var(--klms-primary);background:color-mix(in srgb,var(--klms-primary) 14%,transparent)}
.klms-ixp-zone.is-checked{border-style:solid}
.klms-ixp-zl{font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.85);color:var(--klms-text)}
.klms-ixp-zin{display:flex;flex-wrap:wrap;gap:3px}

/* branch */
.klms-ixb-trail{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.klms-ixb-trail li{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--klms-bg-subtle);color:var(--klms-text-2);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.klms-ixb-trail li.is-good{background:var(--ix-ok-bg);color:#14532d}.klms-ixb-trail li.is-weak{background:var(--ix-no-bg);color:#7c2d12}
.klms-ixb-card{padding:16px;border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--klms-primary) 6%,#fff),#fff);border:1px solid var(--klms-border)}
.klms-ixb-card.is-in{animation:klms-ixb-in .35s ease both}
@keyframes klms-ixb-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.klms-ixb-step{font-size:12px;font-weight:800;color:var(--klms-primary-dark);text-transform:uppercase;letter-spacing:.04em}
.klms-ixb-text{margin:6px 0 12px;font-size:16px;line-height:1.6;color:var(--klms-text);font-weight:600}
.klms-ixb-choices{display:grid;gap:8px}
.klms-ixb-ch{min-height:48px;padding:11px 14px;border-radius:12px;border:1px solid var(--klms-border-strong);background:#fff;font:600 15px/1.45 inherit;color:var(--klms-text);text-align:start;cursor:pointer;transition:.15s}
.klms-ixb-ch:hover:not(:disabled){border-color:var(--klms-primary);transform:translateY(-1px)}
.klms-ixb-ch.is-picked{border-color:var(--klms-primary);background:color-mix(in srgb,var(--klms-primary) 8%,#fff)}
.klms-ixb-ch:disabled:not(.is-picked){opacity:.55}
.klms-ixb-fb{margin-top:12px;padding:12px;border-radius:12px;display:grid;gap:10px;justify-items:start}
.klms-ixb-fb p{margin:0;font-size:14.5px;line-height:1.55}
.klms-ixb-fb.is-ok{background:var(--ix-ok-bg);color:#14532d}.klms-ixb-fb.is-no{background:var(--ix-no-bg);color:#7c2d12}
.klms-ixb-end{margin-top:6px;padding:14px;border-radius:12px;border:2px solid var(--klms-border)}
.klms-ixb-end strong{font-size:17px}.klms-ixb-end p{margin:6px 0 0}
.klms-ixb-end.is-good{border-color:var(--ix-ok);background:var(--ix-ok-bg)}.klms-ixb-end.is-bad{border-color:var(--ix-no);background:var(--ix-no-bg)}

/* calc */
.klms-ixk-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}
.klms-ixk-in{display:grid;gap:14px;align-content:start}
.klms-ixk-row label{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;color:var(--klms-text-2);margin-bottom:4px}
.klms-ixk-val{font-weight:800;color:var(--klms-text);white-space:nowrap}
.klms-ixk-row input[type=range]{width:100%;accent-color:var(--klms-primary);height:28px}
.klms-ixk-range{display:flex;justify-content:space-between;font-size:11.5px;color:var(--klms-text-muted);font-weight:600}
.klms-ixk-out{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;align-content:start}
.klms-ixk-card{padding:12px;border-radius:12px;background:var(--klms-bg-subtle);display:flex;flex-direction:column;gap:2px}
.klms-ixk-card span{font-size:12.5px;font-weight:700;color:var(--klms-text-2)}
.klms-ixk-num{font-size:22px;font-weight:800;color:var(--klms-text);font-variant-numeric:tabular-nums}
.klms-ixk-card small{font-size:12px;color:var(--klms-text-muted);font-weight:600}
.klms-ixk-card.is-hl{background:color-mix(in srgb,var(--klms-primary) 12%,#fff)}.klms-ixk-card.is-hl .klms-ixk-num{color:var(--klms-primary-dark)}
.klms-ixk-chart{margin-top:14px;display:grid;gap:8px}
.klms-ixk-bar{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;gap:10px;align-items:center;font-size:13px;font-weight:600}
.klms-ixk-bt{height:14px;border-radius:999px;background:var(--klms-bg-subtle);overflow:hidden}
.klms-ixk-bt i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--klms-primary),color-mix(in srgb,var(--klms-primary) 60%,#65a30d));transition:width .3s}
.klms-ixk-bv{font-variant-numeric:tabular-nums;color:var(--klms-text)}
.klms-ixk-goals{margin-top:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--klms-border)}
.klms-ixk-goals strong{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--klms-text-muted)}
.klms-ixk-goals ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.klms-ixk-goal{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;font-weight:600;color:var(--klms-text-2)}
.klms-ixk-gic{flex:0 0 20px;height:20px;border-radius:50%;border:2px solid var(--klms-border-strong);margin-top:1px;transition:.2s}
.klms-ixk-goal.is-met{color:#14532d}.klms-ixk-goal.is-met .klms-ixk-gic{border-color:var(--ix-ok);background:var(--ix-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat}

/* grid */
.klms-ixgr-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.klms-ixgr-pal{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 11px;border:1px solid var(--klms-border-strong);border-radius:10px;background:#fff;font:700 13px/1.2 inherit;color:var(--klms-text);cursor:pointer}
.klms-ixgr-pal i{width:16px;height:16px;border-radius:5px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.klms-ixgr-pal.is-erase i{background:repeating-linear-gradient(45deg,#fff 0 3px,#cbd5e1 3px 6px)}
.klms-ixgr-pal[aria-checked=true]{border-color:var(--klms-text);box-shadow:0 0 0 2px var(--klms-text)}
.klms-ixgr-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.klms-ixgr-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(24px,1fr));gap:2px;min-width:min(100%,calc(var(--cols) * 26px));touch-action:none;user-select:none}
.klms-ixgr-c{position:relative;aspect-ratio:1;border:0;border-radius:4px;background:var(--h,#e2e8f0);padding:0;cursor:crosshair;min-width:0;overflow:hidden}
.klms-ixgr-grid.is-numbers .klms-ixgr-c,.klms-ixgr-grid.is-hidden .klms-ixgr-c{background:#f1f5f9}
.klms-ixgr-v{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(8px,1.6vw,11px);font-weight:700;color:#0f172a;z-index:1}
.klms-ixgr-paint{position:absolute;inset:22%;border-radius:50%;background:transparent;transform:scale(.4);opacity:0;transition:transform .14s,opacity .14s}
.klms-ixgr-c.is-painted .klms-ixgr-paint{background:var(--p);opacity:1;transform:none;box-shadow:0 0 0 2px #fff,0 1px 4px rgba(0,0,0,.35)}
.klms-ixgr-grid.is-numbers .klms-ixgr-c.is-painted,.klms-ixgr-grid.is-hidden .klms-ixgr-c.is-painted{background:color-mix(in srgb,var(--p) 22%,#fff)}
.klms-ixgr-grid.is-numbers .klms-ixgr-paint{inset:auto 3px 3px auto;width:9px;height:9px}
.klms-ixgr-c:focus-visible{outline:3px solid #0f172a;outline-offset:1px;z-index:2}
.klms-ixgr-c.is-wrong{box-shadow:inset 0 0 0 3px #0f172a}
.klms-ixgr-legend{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--klms-text-2)}
.klms-ixgr-legend i{flex:1;max-width:260px;height:10px;border-radius:999px}
.klms-ixgr-legend em{font-style:normal;color:var(--klms-text-muted)}
.klms-ixgr-tip{margin:8px 0 0;font-size:13px;font-weight:600;min-height:18px}
.klms-ixgr-rule{margin:8px 0 0;font-size:13.5px;font-weight:600;color:var(--klms-text-2)}
.klms-ixgr .klms-btn-ghost{margin-top:12px;margin-inline-end:8px}

/* dashboard */
.klms-ixd-panels{display:grid;gap:12px}
.klms-ixd-panel{padding:10px 10px 4px;border-radius:12px;border:1px solid var(--klms-border);background:#fff}
.klms-ixd-leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;font-weight:700;color:var(--klms-text-2);margin-bottom:4px}
.klms-ixd-leg span,.klms-ixd-read span{display:inline-flex;align-items:center;gap:6px}
.klms-ixd-leg i,.klms-ixd-read i{width:12px;height:4px;border-radius:2px;background:var(--c)}
.klms-ixd-svg{width:100%;height:auto;display:block;touch-action:pan-y}
.klms-ixd-grid{stroke:#e2e8f0;stroke-width:1}.klms-ixd-ax{font-size:11px;fill:#64748b;font-weight:600}
.klms-ixd-cur{stroke:#0f172a;stroke-width:1;stroke-dasharray:3 3}
.klms-ixd-slider{width:100%;margin:8px 0 2px;accent-color:var(--klms-primary)}
.klms-ixd-read{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 10px;border-radius:10px;background:var(--klms-bg-subtle);font-size:13px;font-weight:600;min-height:36px;align-items:center}
.klms-ixd-read strong{font-weight:800}
.klms-ixd-qs{margin-top:12px;display:grid;gap:10px}
.klms-ixd-q{margin:0;padding:10px 12px 12px;border:1px solid var(--klms-border);border-radius:12px}
.klms-ixd-q legend{padding:0 4px;font-size:14.5px;font-weight:700;color:var(--klms-text)}
.klms-ixd-opt{display:flex;gap:8px;align-items:flex-start;padding:7px 4px;font-size:14.5px;font-weight:500;cursor:pointer;border-radius:8px}
.klms-ixd-opt input{margin-top:4px;accent-color:var(--klms-primary);width:18px;height:18px}
.klms-ixd-q.is-right{border-color:var(--ix-ok);background:var(--ix-ok-bg)}.klms-ixd-q.is-wrong{border-color:var(--ix-no);background:var(--ix-no-bg)}
.klms-ixd-opt.is-answer{font-weight:700;color:#14532d}
.klms-ixd-fb{margin:6px 0 0;font-size:13.5px;color:var(--klms-text-2)}

/* form */
.klms-ixf-scn{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:#fbf7ec;border:1px solid #efe3c4;margin-bottom:12px}
.klms-ixf-scn-ic{flex:0 0 26px;color:#a16207}.klms-ixf-scn-ic svg{width:24px;height:24px}
.klms-ixf-scn p{margin:0;font-size:14.5px;line-height:1.6;color:#3f2d0c}
.klms-ixf-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.klms-ixf-row{display:flex;flex-direction:column;gap:5px}
.klms-ixf-row.is-wide{grid-column:1/-1}
.klms-ixf-row label{font-size:13px;font-weight:700;color:var(--klms-text-2)}
.klms-ixf-row small{font-weight:600;color:var(--klms-text-muted)}
.klms-ixf-row.is-right .klms-input,.klms-ixf-row.is-right .klms-select{border-color:var(--ix-ok);background:var(--ix-ok-bg)}
.klms-ixf-row.is-wrong .klms-input,.klms-ixf-row.is-wrong .klms-select{border-color:var(--ix-no);background:var(--ix-no-bg)}
.klms-ixf-form .klms-ix-check{grid-column:1/-1;justify-self:start;margin-top:4px}

/* cards */
.klms-ixcd{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.klms-ixcd-c{perspective:900px;border:0;padding:0;background:none;min-height:150px;cursor:pointer;text-align:center}
.klms-ixcd-in{position:relative;display:block;height:100%;min-height:150px;transition:transform .5s cubic-bezier(.3,.8,.3,1);transform-style:preserve-3d}
.klms-ixcd-c[aria-pressed=true] .klms-ixcd-in{transform:rotateY(180deg)}
.klms-ixcd-f,.klms-ixcd-b{position:absolute;inset:0;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.klms-ixcd-f{background:linear-gradient(150deg,var(--klms-primary),var(--klms-primary-dark));color:#fff}
.klms-ixcd-f strong{font-size:17px;font-weight:800;line-height:1.25}.klms-ixcd-f small{font-size:11.5px;font-weight:700;opacity:.8;text-transform:uppercase;letter-spacing:.05em}
.klms-ixcd-b{background:#fff;border:1px solid var(--klms-border);transform:rotateY(180deg);font-size:14px;font-weight:600;line-height:1.5;color:var(--klms-text);overflow:auto}

/* steps + SVG animasyon sınıfları */
.klms-ixst-scene{border-radius:12px;background:#f7f5ee;border:1px solid var(--klms-border);padding:8px;overflow:hidden}
.klms-ixst-scene svg{width:100%;height:auto;display:block;max-height:340px}
.klms-ixst-scene.is-in{animation:klms-ixb-in .4s ease both}
.klms-ixst-body{margin-top:12px;min-height:84px}
.klms-ixst-n{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--klms-primary-dark)}
.klms-ixst-body h4{margin:4px 0 4px;font-size:17px;color:var(--klms-text)}.klms-ixst-body p{margin:0;font-size:15px;line-height:1.6}
.klms-ixst-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.klms-ixst-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.klms-ixst-dot{width:12px;height:12px;border-radius:50%;border:0;background:var(--klms-border-strong);padding:0;cursor:pointer}
.klms-ixst-dot.is-seen{background:color-mix(in srgb,var(--klms-primary) 45%,#fff)}.klms-ixst-dot.is-on{background:var(--klms-primary);transform:scale(1.25)}
.ix-anim-draw{stroke-dasharray:600;stroke-dashoffset:600;animation:ix-draw 1.6s ease forwards}
.ix-anim-flow{stroke-dasharray:6 6;animation:ix-flow 1s linear infinite}
.ix-anim-pulse{transform-box:fill-box;transform-origin:center;animation:ix-pulse 1.6s ease-in-out infinite}
.ix-anim-fade{animation:ix-fade .9s ease both}.ix-anim-fade.d1{animation-delay:.3s}.ix-anim-fade.d2{animation-delay:.6s}.ix-anim-fade.d3{animation-delay:.9s}
.ix-anim-grow{transform-box:fill-box;transform-origin:bottom;animation:ix-grow 1.1s cubic-bezier(.2,.8,.3,1) both}
@keyframes ix-draw{to{stroke-dashoffset:0}}@keyframes ix-flow{to{stroke-dashoffset:-24}}
@keyframes ix-pulse{50%{transform:scale(1.12);opacity:.75}}@keyframes ix-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ix-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* simülasyonlar (ortak) */
.klms-ixsim-hud{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-bottom:10px}
.klms-ixsim-hud strong{font-size:16px;color:var(--klms-text)}.klms-ixsim-hud span{font-size:13px;font-weight:600;color:var(--klms-text-muted)}
/* sulama */
.klms-ixir-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}
.klms-ixir-cv{width:100%;display:block;border-radius:12px;border:1px solid var(--klms-border);background:#e0f2fe}
.klms-ixir-side{display:grid;gap:10px;align-content:start}
.klms-ixir-h{display:block;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--klms-text-muted);margin-bottom:6px}
.klms-ixir-fc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.klms-ixir-fd{display:flex;flex-direction:column;gap:2px;align-items:center;padding:8px 4px;border-radius:10px;background:var(--klms-bg-subtle);font-size:11.5px;font-weight:600;text-align:center;color:var(--klms-text-2)}
.klms-ixir-fd.is-today{background:color-mix(in srgb,var(--klms-primary) 10%,#fff);outline:1px solid color-mix(in srgb,var(--klms-primary) 35%,transparent)}
.klms-ixir-fdl{font-weight:800;color:var(--klms-text)}.klms-ixir-wi svg{width:28px;height:28px}
.klms-ixir-sens{padding:10px;border-radius:12px;border:1px solid var(--klms-border)}
.klms-ixir-sv{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:8px;margin-top:4px;font-size:13px;font-weight:600}
.klms-ixir-sv b{font-size:17px;font-variant-numeric:tabular-nums}
.klms-ixir-sv.is-ok{background:var(--ix-ok-bg);color:#14532d}.klms-ixir-sv.is-warn{background:#fef9c3;color:#713f12}.klms-ixir-sv.is-bad{background:var(--ix-no-bg);color:#7c2d12}
.klms-ixir-note{margin:8px 0 0;font-size:11.5px;color:var(--klms-text-muted);font-weight:600;line-height:1.45}
.klms-ixir-chart{width:100%;display:block;margin-top:10px;border-radius:12px;border:1px solid var(--klms-border);background:#fff}
.klms-ixir-ctrl{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--klms-bg-subtle)}
.klms-ixir-dl{font-size:13px;font-weight:800;color:var(--klms-text-2)}
.klms-ixir-doses{display:flex;flex-wrap:wrap;gap:6px}
.klms-ixir-dose{min-height:40px;padding:6px 12px;border-radius:10px;border:1px solid var(--klms-border-strong);background:#fff;font:700 13.5px/1 inherit;cursor:pointer;color:var(--klms-text)}
.klms-ixir-dose[aria-checked=true]{border-color:#0e7490;background:#e0f2fe;color:#0c4a6e;box-shadow:0 0 0 2px #0e7490}
.klms-ixir-next{margin-inline-start:auto}
.klms-ixir-sum{margin-top:12px}
.klms-ixir-tbl{width:100%;border-collapse:collapse;font-size:14px}
.klms-ixir-tbl th,.klms-ixir-tbl td{padding:8px 10px;border-bottom:1px solid var(--klms-border);text-align:start;font-weight:600}
.klms-ixir-tbl thead th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--klms-text-muted)}
.klms-ixir-tbl tbody th{color:var(--klms-text-2)}.klms-ixir-tbl td{font-variant-numeric:tabular-nums;color:var(--klms-text)}
.klms-ixir-tip{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#f0f9ff;color:#0c4a6e;font-size:14px}
/* drone */
.klms-ixdr-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}
.klms-ixdr-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;counter-reset:dr;min-width:0}
.klms-ixdr-steps li{counter-increment:dr;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--klms-bg-subtle);font-size:12.5px;font-weight:700;color:var(--klms-text-muted)}
.klms-ixdr-steps li::before{content:counter(dr);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:11px}
.klms-ixdr-steps li.is-on{background:var(--klms-primary);color:#fff}.klms-ixdr-steps li.is-on::before{color:var(--klms-primary)}
.klms-ixdr-steps li.is-done{background:color-mix(in srgb,var(--klms-primary) 14%,#fff);color:var(--klms-primary-dark)}
.klms-ixdr-modes{display:inline-flex;border:1px solid var(--klms-border-strong);border-radius:10px;overflow:hidden}
.klms-ixdr-modes button{min-height:36px;min-width:46px;padding:4px 12px;border:0;background:#fff;font:800 13px/1 inherit;cursor:pointer;color:var(--klms-text-2)}
.klms-ixdr-modes button+button{border-inline-start:1px solid var(--klms-border-strong)}
.klms-ixdr-modes button.is-on{background:var(--klms-text);color:#fff}
.klms-ixdr-view{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--klms-border);background:#e8e4d6}
.klms-ixdr-cv{display:block;width:100%;touch-action:none}
.klms-ixdr-3d canvas{display:block;width:100%!important}
.klms-ixdr-hud{position:absolute;inset-inline-start:8px;top:8px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 90px);pointer-events:none}
.klms-ixdr-hud span{display:flex;flex-direction:column;padding:4px 8px;border-radius:8px;background:rgba(15,23,42,.78);color:#fff;min-width:58px}
.klms-ixdr-hud small{font-size:10px;font-weight:700;opacity:.75;text-transform:uppercase;letter-spacing:.04em}
.klms-ixdr-hud b{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.klms-ixdr-hud b.is-warn{color:#fbbf24}
.klms-ixdr-panel{margin-top:12px;display:grid;gap:10px}
.klms-ixdr-brief{margin:0;font-size:15px;line-height:1.6;font-weight:600;color:var(--klms-text)}
.klms-ixdr-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0}
.klms-ixdr-facts div{padding:8px 10px;border-radius:10px;background:var(--klms-bg-subtle)}
.klms-ixdr-facts dt{font-size:11.5px;font-weight:700;color:var(--klms-text-muted);text-transform:uppercase;letter-spacing:.03em}
.klms-ixdr-facts dd{margin:2px 0 0;font-size:14.5px;font-weight:800;color:var(--klms-text);font-variant-numeric:tabular-nums}
.klms-ixdr-slots,.klms-ixdr-check{margin:0;padding:10px 12px;border:1px solid var(--klms-border);border-radius:12px;display:grid;gap:6px}
.klms-ixdr-slots{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.klms-ixdr-slots legend,.klms-ixdr-check legend{padding:0 4px;font-size:13.5px;font-weight:800;color:var(--klms-text)}
.klms-ixdr-slot{display:flex;gap:8px;align-items:flex-start;padding:8px;border-radius:10px;border:1px solid var(--klms-border);cursor:pointer}
.klms-ixdr-slot span{display:flex;flex-direction:column}.klms-ixdr-slot small{font-size:12px;color:var(--klms-text-muted);font-weight:600}
.klms-ixdr-slot:has(input:checked){border-color:var(--klms-primary);background:color-mix(in srgb,var(--klms-primary) 6%,#fff)}
.klms-ixdr-ck{display:flex;gap:10px;align-items:flex-start;padding:6px 4px;font-size:14.5px;font-weight:600;cursor:pointer;min-height:36px}
.klms-ixdr-ck input,.klms-ixdr-slot input{width:20px;height:20px;accent-color:var(--klms-primary);margin-top:1px;flex:0 0 auto}
.klms-ixdr-warn{margin:0;padding:8px 12px;border-radius:10px;background:var(--ix-no-bg);color:#7c2d12;font-size:13.5px;font-weight:600}
.klms-ixdr-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.klms-ixdr-sl label{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;color:var(--klms-text-2)}
.klms-ixdr-sl output{color:var(--klms-text);font-variant-numeric:tabular-nums}
.klms-ixdr-sl input{width:100%;accent-color:var(--klms-primary);height:28px}
.klms-ixdr-tools{display:flex;flex-wrap:wrap;gap:6px}
.klms-ixdr-tools [aria-pressed=true]{border-color:var(--klms-primary);background:color-mix(in srgb,var(--klms-primary) 10%,#fff)}
.klms-ixdr-stats{display:grid;gap:8px}
.klms-ixdr-flybar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.klms-ixdr-ts{display:inline-flex;border:1px solid var(--klms-border-strong);border-radius:10px;overflow:hidden}
.klms-ixdr-ts button{min-height:36px;min-width:44px;border:0;background:#fff;font:800 13px/1 inherit;cursor:pointer}
.klms-ixdr-ts button[aria-pressed=true]{background:var(--klms-text);color:#fff}
.klms-ixdr-log{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:140px;overflow:auto;font-size:13px;font-weight:600;color:var(--klms-text-2)}
.klms-ixdr-log li.is-bad{color:#9a3412}
.klms-ixdr-pads{display:flex;justify-content:space-between;align-items:center;gap:16px;touch-action:none;user-select:none}
.klms-ixdr-stick{position:relative;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,#fff 30%,var(--klms-bg-subtle) 31%);border:2px solid var(--klms-border-strong)}
.klms-ixdr-stick i{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--klms-text);box-shadow:0 4px 10px rgba(0,0,0,.3);transition:transform .05s}
.klms-ixdr-altbtns{display:grid;gap:8px}
.klms-ixdr-altbtns button{width:64px;height:56px;border-radius:14px;border:2px solid var(--klms-border-strong);background:#fff;font-size:20px;font-weight:800;cursor:pointer}
.klms-ixdr-res{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-radius:12px}
.klms-ixdr-res strong{font-size:28px;font-weight:800}.klms-ixdr-res span{font-weight:700}
.klms-ixdr-res.is-ok{background:var(--ix-ok-bg);color:#14532d}.klms-ixdr-res.is-no{background:var(--ix-no-bg);color:#7c2d12}
.klms-ixdr-pts{text-align:end!important;white-space:nowrap}
.klms-ixdr-arui{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));pointer-events:none;font-family:system-ui,sans-serif}
.klms-ixdr-arui>*{pointer-events:auto}.klms-ixdr-arui .klms-ixdr-hud{position:static;max-width:none}
.klms-ixdr-arhint{margin:0;padding:10px 12px;border-radius:12px;background:rgba(15,23,42,.8);color:#fff;font-weight:600;font-size:14px}
.klms-ixdr-arbar{display:flex;gap:8px;justify-content:center}

/* oynatıcı: süre planı + etkinlik kapısı */
.klms-pl-time{list-style:none;margin:-4px 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.klms-pl-time li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--klms-bg-subtle,#f1f5f9);font-size:12.5px;font-weight:700;color:var(--klms-text-2)}
.klms-pl-time svg{width:15px;height:15px;color:var(--klms-primary)}
.klms-pl-gatehint{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#fff7e6;color:#7c2d12;font-size:13px;font-weight:600;line-height:1.45}
#klms-complete-btn.is-gated{opacity:.6;cursor:not-allowed}

/* ---------- oyunlaştırma ---------- */
.klms-xpchip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:3px 10px 3px 4px;border-radius:999px;background:color-mix(in srgb,var(--klms-accent) 14%,#fff);
  color:color-mix(in srgb,var(--klms-accent) 55%,#000);font-weight:800;font-size:13px;text-decoration:none;white-space:nowrap}
.klms-xpchip-lv{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--klms-accent);color:#1f1300;font-size:12.5px}
.klms-xpchip-st{display:inline-flex;align-items:center;gap:2px;color:#c2410c}.klms-xpchip-st svg{width:15px;height:15px}
.klms-pl-xp{display:flex;justify-content:flex-end;margin:0 0 8px}
.klms-ach{display:grid;gap:18px}
.klms-ach-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.klms-ach-card{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--klms-border);display:flex;flex-direction:column;gap:6px}
.klms-ach-card small{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--klms-text-muted)}
.klms-ach-card strong{font-size:26px;font-weight:800;color:var(--klms-text);line-height:1.1}
.klms-ach-card span{font-size:13.5px;font-weight:600;color:var(--klms-text-2)}
.klms-ach-level{background:linear-gradient(150deg,var(--klms-primary),var(--klms-primary-dark));color:#fff;border:0}
.klms-ach-level small,.klms-ach-level span{color:rgba(255,255,255,.85)}.klms-ach-level strong{color:#fff}
.klms-ach-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.25);overflow:hidden;margin-top:4px}
.klms-ach-bar i{display:block;height:100%;border-radius:999px;background:var(--klms-accent)}
.klms-ach h3{margin:0 0 10px;font-size:17px}
.klms-ach-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.klms-ach-badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 10px;border-radius:14px;border:1px solid var(--klms-border);background:#fff}
.klms-ach-badge .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--klms-accent) 18%,#fff);color:color-mix(in srgb,var(--klms-accent) 60%,#000)}
.klms-ach-badge .ic svg{width:28px;height:28px}
.klms-ach-badge strong{font-size:14px}.klms-ach-badge span{font-size:12px;font-weight:600;color:var(--klms-text-muted);line-height:1.4}
.klms-ach-badge.is-locked{background:var(--klms-bg-subtle);border-style:dashed}.klms-ach-badge.is-locked .ic{background:#e2e8f0;color:#94a3b8}
.klms-ach-badge.is-locked strong{color:var(--klms-text-muted)}
.klms-lb{border:1px solid var(--klms-border);border-radius:16px;background:#fff;overflow:hidden}
.klms-lb-head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--klms-border)}
.klms-lb-opt{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}
.klms-lb-opt input{width:20px;height:20px;accent-color:var(--klms-primary)}
.klms-lb-list{list-style:none;margin:0;padding:0}
.klms-lb-list li{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--klms-bg-subtle);font-size:14px;font-weight:600}
.klms-lb-list li.is-me{background:color-mix(in srgb,var(--klms-primary) 7%,#fff)}
.klms-lb-rank{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--klms-bg-subtle);font-weight:800}
.klms-lb-list li:nth-child(1) .klms-lb-rank{background:#fde68a}.klms-lb-list li:nth-child(2) .klms-lb-rank{background:#e2e8f0}.klms-lb-list li:nth-child(3) .klms-lb-rank{background:#fed7aa}
.klms-lb-note{margin:0;padding:10px 14px;font-size:12.5px;color:var(--klms-text-muted);font-weight:600}

@media (max-width:767px){
  .klms-ix{margin:20px -4px;padding:14px 12px;border-radius:14px}
  .klms-ix-head{grid-template-columns:1fr}.klms-ix-meta{justify-content:flex-start}
  .klms-ix-title{font-size:16.5px}
  .klms-ixm-cols{gap:8px}.klms-ixm-i{font-size:13.5px;padding:9px}
  .klms-ixg-bins{grid-template-columns:1fr 1fr}
  .klms-ixk-grid,.klms-ixir-main{grid-template-columns:1fr}
  .klms-ixs-t{flex-basis:calc(100% - 140px)}
  .klms-ixdr-hud{max-width:calc(100% - 70px)}.klms-ixdr-hud span{min-width:50px;padding:3px 6px}.klms-ixdr-hud b{font-size:12.5px}
  .klms-ixdr-steps li{padding:4px 8px;font-size:11.5px}
  .klms-lb-list li{grid-template-columns:32px 1fr auto}.klms-lb-list li .klms-lb-lv{display:none}
}
@media (prefers-reduced-motion:reduce){
  .klms-ix *,.klms-ix-celebrate,.klms-ix-xpgain{animation:none!important;transition:none!important}
  .klms-ixcd-in{transition:none}.ix-anim-draw{stroke-dashoffset:0}
}

/* ders metni kurallarının (başlık/liste/görsel boşlukları) bileşenlere sızmasını engelle */
.klms-pl-text .klms-ix h3.klms-ix-title{margin:0;font-size:18px}
.klms-pl-text .klms-ix ul,.klms-pl-text .klms-ix ol{padding-inline-start:0;margin:0}
.klms-pl-text .klms-ix li{margin-bottom:0}
.klms-pl-text .klms-ix img{margin:0;border-radius:0}
.klms-pl-text .klms-ix .klms-ixb-trail{margin:0 0 10px}
.klms-pl-text .klms-ix .klms-ixk-goals ul{margin:8px 0 0}
@media (max-width:767px){.klms-pl-text .klms-ix h3.klms-ix-title{font-size:16.5px}}

/* profil: modül görevleri + sıralama dönemi */
.klms-ach-quests{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.klms-ach-quest{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--klms-border);background:#fff;text-decoration:none;color:var(--klms-text)}
.klms-ach-quest strong{font-size:14.5px}.klms-ach-quest span{font-size:12.5px;font-weight:600;color:var(--klms-text-2)}
.klms-ach-quest.is-done{border-color:color-mix(in srgb,var(--klms-primary) 45%,var(--klms-border));background:color-mix(in srgb,var(--klms-primary) 5%,#fff)}
.klms-lb-head h3{margin:0}
.klms-lb-per{display:flex;gap:6px;padding:10px 14px 0}
.klms-lb-per button{min-height:34px;padding:4px 12px;border-radius:999px;border:1px solid var(--klms-border-strong);background:#fff;font:700 12.5px/1 inherit;cursor:pointer;color:var(--klms-text-2)}
.klms-lb-per button.is-on{background:var(--klms-text);color:#fff;border-color:var(--klms-text)}
.klms-lb-empty{padding:18px 14px!important;display:block!important;color:var(--klms-text-muted)}

/* ===== 0.14.0: reel (dikey kısa video) ===== */
.klms-ix[data-type="reel"]{padding:12px 12px 14px}
.klms-ix[data-type="reel"] .klms-ix-head{margin-bottom:8px}
.klms-ix[data-type="reel"] .klms-ix-title{font-size:15.5px}
.klms-ix[data-type="reel"] .klms-ix-intro{font-size:14px;margin-bottom:10px}
.klms-ixr{display:grid;gap:8px}
.klms-ixr-frame{position:relative;aspect-ratio:9/16;width:100%;border-radius:16px;overflow:hidden;background:#0b1220;isolation:isolate}
.klms-ixr-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0b1220}
.klms-ixr-sample{position:absolute;z-index:2;inset-inline-start:10px;top:10px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.92);
  color:#1f2937;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
.klms-ixr-watch{position:absolute;z-index:2;inset-inline:0;bottom:0;height:4px;background:rgba(255,255,255,.18);pointer-events:none}
.klms-ixr-watch i{display:block;height:100%;width:0;background:var(--klms-accent,#f59e0b);transition:width .4s}
.klms-ixr-frame.is-empty{background:linear-gradient(160deg,color-mix(in srgb,var(--klms-primary) 70%,#0b1220),#0b1220)}
.klms-ixr-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;color:#e5edf5}
.klms-ixr-empty strong{font-size:16px;font-weight:800}.klms-ixr-empty span{font-size:13px;opacity:.85}
.klms-ixr-play svg{width:56px;height:56px;color:#fff}
.klms-ixr-credit{margin:2px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:13.5px;color:var(--klms-text-2)}
.klms-ixr-credit strong{color:var(--klms-text);font-weight:700}
.klms-ixr-credit a,.klms-ixr-handle{color:var(--klms-primary-dark);font-weight:700;text-decoration:none}
.klms-ixr-credit a:hover{text-decoration:underline}
.klms-ixr-cap{margin:0;font-size:14px;line-height:1.55;color:var(--klms-text-2)}
.klms-ixr-tr summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--klms-primary-dark);min-height:32px;display:flex;align-items:center}
.klms-ixr-tr p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--klms-text-2)}
/* Geniş ekranda metnin yanına yaslanır; metin etrafından akar */
@media (min-width:980px){
  .klms-ix[data-type="reel"][data-align="right"]{float:inline-end;width:292px;margin:6px 0 18px 28px;margin-inline:28px 0}
  .klms-ix[data-type="reel"][data-align="left"]{float:inline-start;width:292px;margin:6px 0 18px 0;margin-inline:0 28px}
  .klms-ix[data-type="reel"][data-align="center"]{width:320px;margin-inline:auto}
  .klms-ix[data-type="reel"][data-align] ~ h2{clear:both}   /* yalnız yaslanan videodan sonraki başlık alta iner */
}
@media (max-width:979px){.klms-ix[data-type="reel"]{max-width:380px;margin-inline:auto}}

/* ===== 0.14.0: highlight (metinde işaretleme) ===== */
.klms-ixhl-p,.klms-ixrw-p{margin:0 0 8px;font-size:15.5px;font-weight:600;color:var(--klms-text)}
.klms-ixhl-doc{padding:14px 16px;border-radius:12px;background:#fffdf7;border:1px solid color-mix(in srgb,var(--klms-accent,#f59e0b) 22%,var(--ix-line));
  font-size:16.5px;line-height:2}
.klms-ixhl-para{margin:0 0 8px}.klms-ixhl-para:last-child{margin:0}
.klms-ixhl-w{all:unset;cursor:pointer;padding:1px 2px;margin:0 -1px;border-radius:4px;color:var(--klms-text);font-weight:500;
  -webkit-tap-highlight-color:transparent;transition:background .15s}
.klms-ixhl-w:hover{background:color-mix(in srgb,var(--klms-accent,#f59e0b) 14%,transparent)}
.klms-ixhl-w:focus-visible{outline:2px solid var(--klms-primary);outline-offset:1px}
.klms-ixhl-w[aria-pressed="true"]{background:color-mix(in srgb,var(--klms-accent,#f59e0b) 42%,#fff);box-shadow:0 1px 0 color-mix(in srgb,var(--klms-accent,#f59e0b) 70%,#000)}
.klms-ixhl-w:disabled{cursor:default}
.klms-ixhl-tg.is-found .klms-ixhl-w{background:var(--ix-ok-bg);box-shadow:inset 0 -2px 0 var(--ix-ok);color:#14532d}
.klms-ixhl-tg.is-missed .klms-ixhl-w{background:var(--ix-no-bg);box-shadow:inset 0 -2px 0 var(--ix-no);color:#7c2d12}
.klms-ixhl-w.is-fp{text-decoration:line-through;text-decoration-color:var(--klms-danger,#dc2626);background:transparent;box-shadow:none}
.klms-ixhl-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:hl}
.klms-ixhl-list li{padding:10px 12px;border-radius:10px;border:1px solid var(--ix-line);background:#fff}
.klms-ixhl-list li.is-found{border-color:color-mix(in srgb,var(--ix-ok) 35%,#fff)}.klms-ixhl-list li.is-missed{border-color:color-mix(in srgb,var(--ix-no) 35%,#fff)}
.klms-ixhl-list strong{font-weight:700;color:var(--klms-text)}
.klms-ixhl-st{margin-inline-start:8px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.klms-ixhl-list .is-found .klms-ixhl-st{color:var(--ix-ok)}.klms-ixhl-list .is-missed .klms-ixhl-st{color:var(--ix-no)}
.klms-ixhl-list p{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:var(--klms-text-2)}
.klms-ixhl-better{color:#14532d!important}

/* ===== 0.14.0: rewrite (yeniden yazma) ===== */
.klms-ixrw-orig{margin:0 0 12px;padding:12px 14px;border-radius:12px;background:var(--klms-bg-subtle,#f1f5f9)}
.klms-ixrw-orig small,.klms-ixrw-col small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--klms-text-muted,#64748b);margin-bottom:4px}
.klms-ixrw-orig p{margin:0;font-size:16px;line-height:1.55;color:var(--klms-text);font-weight:600}
.klms-ixrw-lbl{display:block;font-size:13.5px;font-weight:700;color:var(--klms-text-2);margin-bottom:6px}
.klms-ixrw-ta{width:100%;min-height:104px;font-size:16px;line-height:1.5;resize:vertical}
.klms-ixrw-cnt{display:block;margin-top:4px;font-size:12.5px;color:var(--klms-text-muted,#64748b);text-align:end}
.klms-ixrw-checks{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.klms-ixrw-checks li{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-radius:10px;font-size:14.5px;line-height:1.5}
.klms-ixrw-checks li.is-ok{background:var(--ix-ok-bg);color:#14532d}.klms-ixrw-checks li.is-no{background:var(--ix-no-bg);color:#7c2d12}
.klms-ixrw-mark{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:#fff}
.klms-ixrw-cmp{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.klms-ixrw-col{padding:12px 14px;border-radius:12px;border:1px solid var(--ix-line);background:#fff}
.klms-ixrw-col.is-model{border-color:color-mix(in srgb,var(--klms-primary) 35%,#fff);background:color-mix(in srgb,var(--klms-primary) 5%,#fff)}
.klms-ixrw-col p{margin:0;font-size:15px;line-height:1.55;color:var(--klms-text)}
.klms-ixrw-why{margin:10px 0 0;font-size:14.5px;line-height:1.6;color:var(--klms-text-2)}
.klms-ixrw-self{margin:12px 0 0;padding:10px 12px;border:1px dashed var(--ix-line);border-radius:12px;display:grid;gap:6px}
.klms-ixrw-self legend{padding:0 6px;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--klms-text-muted,#64748b)}
.klms-ixrw-self .klms-check{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:1.5;min-height:32px}
@media (max-width:640px){.klms-ixrw-cmp{grid-template-columns:1fr}.klms-ixhl-doc{font-size:16px;padding:12px}}
@media (prefers-reduced-motion:reduce){.klms-ixr-watch i,.klms-ixhl-w{transition:none}}