/* UNWIND: ders oynatıcısı (ray, ders sonu, notlar), kod tezgâhı (sim "code", uw-ce-), oyunlaştırma anları, profil panosu.
 * Plan: arastirma/ui-masaustu-plan.md. Diğer bileşenler unwind-ix-sims.css. Mor yok, tek kenar vurgulu kenarlık yok, dokunma hedefi ≥ 44 px,
 * en düşük ağırlık 500, prefers-reduced-motion. Masaüstü düzeni ≥ 980 px (çekirdeğin uygulama düzeni eşiği); altı çekirdeğin telefon akışı. */

/* ================================================================ ders oynatıcısı */
.klms-player{--uw-read:calc(680px * var(--klms-reader,1));--uw-wide:1240px;--uw-apph:55px}
.klms-pl-xp{display:none}                                        /* seviye/XP rayda (uw-pcard) */
.klms-ix-celebrate,.klms-ix-confetti{display:none!important}     /* kutlama anları paketin: unwind.js uw-moment / uw-toast */
.klms-pl-text{font-size:calc(18px * var(--klms-reader,1))}       /* A− / A+ gövde metnini ölçekler (çekirdek değişkeni) */

/* başlık bloğu ve okuma ölçüsü: tüm okuma blokları aynı genişlikte, kod tezgâhı daha geniş */
@media (min-width:700px){
  .klms-pl-main>.klms-pl-titlerow,.klms-pl-main>.klms-pl-time,.klms-pl-main>.uw-lhead,.klms-pl-main>.uw-mstrip,.klms-pl-main>.klms-pl-gate{max-width:var(--uw-read);margin-inline:auto}
  .klms-player .klms-pl-text>*{max-width:var(--uw-read);margin-inline:auto}
  .klms-player .klms-pl-text>.klms-ix[data-sim="code"]{max-width:var(--uw-wide)}
}
.klms-pl-title{font-size:clamp(28px,2.9vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
.klms-pl-titlerow{align-items:flex-start}
.klms-fontbtn{width:44px;height:40px;border-radius:12px;border-color:var(--uw-line);color:var(--uw-ink2);font-family:var(--uw-display)}
.klms-pl-time{margin-bottom:10px}
.klms-pl-time li{background:var(--uw-light);color:var(--uw-ink2);font-size:14px;font-weight:600;padding:5px 12px}
.klms-pl-time svg{color:var(--uw-link)}
.uw-lhead{padding:10px 0 18px;margin-bottom:22px;border-bottom:1px solid var(--uw-line)}
.uw-lhead:focus{outline:none}
.uw-lhead:focus-visible{outline:3px solid var(--uw-link);outline-offset:4px}
.uw-lhead-unit a{display:inline-flex;gap:10px;align-items:baseline;flex-wrap:wrap;color:inherit;text-decoration:none;border-radius:6px}
.uw-lhead-unit a:hover .uw-lhead-t{text-decoration:underline;text-underline-offset:3px}

/* telefon: görev şeridi (masaüstünde rayda) */
.uw-mstrip{margin:0 0 20px;border:1px solid var(--uw-line);border-radius:14px;background:#fff}
.uw-mstrip>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 14px;cursor:pointer;list-style:none;font-weight:600;color:var(--uw-ink)}
.uw-mstrip>summary::-webkit-details-marker{display:none}
.uw-mstrip>summary::after{content:"";width:9px;height:9px;border-inline-end:2.5px solid var(--uw-navy);border-bottom:2.5px solid var(--uw-navy);transform:rotate(45deg);margin-inline-start:4px;flex:none}
.uw-mstrip[open]>summary::after{transform:rotate(-135deg)}
.uw-mstrip-xp{margin-inline-start:auto;font-size:14px;font-weight:700;color:var(--uw-orange-d)}
.uw-mstrip .uw-tasks{padding:0 10px 10px}

/* görev listesi (ray + şerit) */
.uw-tasks{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.uw-task a{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:44px;padding:6px 8px;border-radius:10px;color:var(--uw-ink);text-decoration:none;font-size:15px;font-weight:500;line-height:1.35}
.uw-task a:hover{background:var(--uw-light)}
.uw-task.is-done .uw-task-t{color:var(--uw-ink2)}
.uw-task-xp{font-size:13px;font-weight:700;color:var(--uw-orange-d);white-space:nowrap;font-variant-numeric:tabular-nums}
.uw-task.is-new .uw-task-ic{animation:uw-tick .5s ease}
@keyframes uw-tick{0%{transform:scale(.6)}60%{transform:scale(1.18)}100%{transform:none}}

/* ders sonu kartı */
.uw-lend{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;align-items:start;margin:40px auto 8px;padding:20px 22px;border-radius:18px;background:var(--uw-light);border:1px solid var(--uw-line)}
.uw-lend-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--uw-grey);border:1.5px solid var(--uw-line)}
.uw-lend.is-done .uw-lend-ic{background:var(--uw-ok);border-color:var(--uw-ok);color:#fff}
.klms-pl-text .uw-lend h2{margin:4px 0 4px;font-size:22px}
.klms-pl-text .uw-lend p{margin:0 0 12px;font-size:16px;color:var(--uw-ink2)}
.uw-lend-act{display:flex;flex-wrap:wrap;gap:10px}
.uw-lend [hidden]{display:none!important}
.uw-ready{animation:uw-ready 1.4s ease 1}
@keyframes uw-ready{0%,100%{box-shadow:0 0 0 0 rgba(240,108,49,0)}30%{box-shadow:0 0 0 6px rgba(240,108,49,.35)}}
@media (prefers-reduced-motion:reduce){.uw-ready{animation:none}}
.uw-lend-next{max-width:100%;white-space:normal;text-align:start}
@media (max-width:520px){.uw-lend{grid-template-columns:1fr}.uw-lend-act .klms-btn{width:100%}}

/* telefon çekmecesi kapalıyken klavye ve ekran okuyucuya kapalı (çekirdekte yalnız kaydırılıyordu) */
@media (max-width:979px){
  .klms-pl-side:not(.is-open){visibility:hidden;transition:transform .25s,visibility 0s .25s}
  .klms-pl-side.is-open{visibility:visible;transition:transform .25s}
  .klms-pl-side .uw-rail-mission,.klms-pl-side .uw-skip{display:none}
  .klms-pl-menubtn{display:inline-flex;align-items:center;gap:8px;min-height:44px;border-radius:999px;border:1.5px solid var(--uw-line);font-family:var(--uw-display);font-weight:700;color:var(--uw-navy)}
}
@media (prefers-reduced-motion:reduce){.klms-pl-side,.klms-pl-side:not(.is-open){transition:none}}

/* ---------------------------------------------------------------- masaüstü: ana sütun + sağ ray (klms-pl-side) + rayın altında eylemler */
@media (min-width:980px){
  .uw-mstrip{display:none}
  .klms-player{--uw-rail:280px;grid-template-columns:minmax(0,1fr) var(--uw-rail);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"main side" "main act"}
  .klms-pl-main{grid-area:main;max-width:none;margin:0;padding:36px clamp(20px,2.4vw,56px) 56px;scroll-padding-top:16px}
  .klms-pl-main>.klms-pl-titlerow,.klms-pl-main>.klms-pl-content,.klms-pl-main>.klms-pl-gate{max-width:none}
  .klms-pl-main>.klms-pl-titlerow{max-width:var(--uw-read)}
  .klms-pl-side>*{flex-shrink:0}
  .klms-pl-side{grid-area:side;height:auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:var(--uw-light);
    border-inline-end:0;border-inline-start:1px solid var(--uw-line);padding-bottom:20px;scrollbar-width:thin}
  .klms-pl-actions{grid-area:act;height:auto;overflow:visible;background:#fff;border-inline-start:1px solid var(--uw-line);border-top:1px solid var(--uw-line);padding:14px 16px 16px}
  /* çekirdeğin 3 sütunlu kuralları: notlar paneli ve eylem çubuğu */
  .klms-pl-actbar{margin:0;gap:8px}
  /* ray içindekiler masaüstünde: görev hedefleri rayda, metindeki kopyası gizli */
  .klms-player:has(.uw-rail-mission .uw-obj) .klms-pl-text>.klms-lc-objectives{display:none}
  .klms-player:has(.uw-rail-goal) .klms-pl-text>.uw-mission{display:none}
}
@media (min-width:1280px){.klms-player{--uw-rail:340px}}
@media (min-width:1600px){.klms-player{--uw-rail:380px}}
@media (min-width:1800px){.klms-player{--uw-rail:400px}}

/* ray parçaları */
.uw-skip{position:absolute;inset-inline-start:12px;top:8px;z-index:5;padding:10px 14px;border-radius:10px;background:var(--uw-navy);color:#fff;font-weight:700;text-decoration:none;
  transform:translateY(-200%);opacity:0}
.uw-skip:focus{transform:none;opacity:1}
@media (min-width:980px){.klms-pl-side>.uw-skip{position:fixed;inset-inline-end:16px;inset-inline-start:auto;top:calc(var(--uw-apph) + 8px)}}
.klms-pl-back.uw-back{display:flex;align-items:center;gap:8px;padding:14px 20px;font-family:var(--uw-display);font-weight:700;font-size:15px;color:var(--uw-navy);text-decoration:none;border-bottom:1px solid var(--uw-line)}
.klms-pl-back.uw-back:hover span{text-decoration:underline;text-underline-offset:3px}
[dir=rtl] .uw-back svg{transform:scaleX(-1)}

.uw-pcard{position:relative;margin:16px 16px 4px;padding:16px 16px 14px;border-radius:18px;background:var(--uw-code-bg);color:#fff;display:grid;gap:10px;isolation:isolate;overflow:hidden}
.uw-pcard::before{content:"";position:absolute;inset-inline-end:-18px;top:14px;width:84px;height:44px;z-index:-1;opacity:.5;   /* logodaki hız çizgileri */
  background:linear-gradient(90deg,transparent 0 20%,var(--uw-amber) 20% 62%,transparent 62%) 0 0/100% 6px no-repeat,
             linear-gradient(90deg,var(--uw-orange) 0 18%,transparent 18% 30%,var(--uw-amber) 30% 88%,transparent 88%) 0 19px/100% 6px no-repeat,
             linear-gradient(90deg,transparent 0 44%,var(--uw-amber) 44% 74%,transparent 74%) 0 38px/100% 6px no-repeat}
.uw-pcard-lv{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;border-radius:12px;min-height:44px}
.uw-pcard-lv:hover .uw-pcard-id strong{text-decoration:underline;text-underline-offset:3px}
.uw-pcard-lv:focus-visible{outline-color:#8FD1FF}
.uw-pcard-id{display:grid;line-height:1.25;min-width:0;padding-inline-end:52px}
.uw-pcard-id strong{font-family:var(--uw-display);font-weight:800;font-size:19px;letter-spacing:-.01em}
.uw-pcard-id>span{font-size:14px;color:#C9D6E6;font-weight:500}
.uw-pcard-next{margin:-2px 0 0;font-size:14px;color:#DCE6F2;font-weight:600}
.uw-pcard-week{display:grid;gap:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.uw-pcard-wl{margin:0;font-size:14px;font-weight:600;color:#DCE6F2}

/* modül ilerlemesi (çekirdek) rayda */
.klms-pl-side .klms-pl-prog{padding:12px 20px 4px;border-bottom:0}
.klms-pl-side .klms-pl-prog .klms-progress{height:8px;background:#E1E8EE}
.klms-pl-side .klms-pl-prog .klms-progress>i{background:var(--uw-navy)}
.klms-pl-side .klms-pl-prog span{font-size:14px;font-weight:600;color:var(--uw-ink2)}

/* bu ders */
.uw-rail-mission{margin:12px 16px 0;padding:14px 12px 10px;border-radius:18px;background:#fff;border:1px solid var(--uw-line)}
.uw-rail-h{margin:0 4px 2px;font-family:var(--uw-display);font-size:17px;font-weight:800;color:var(--uw-ink);letter-spacing:-.01em}
.uw-rail-h3{margin:12px 4px 6px;font-family:var(--uw-display);font-size:15px;font-weight:800;color:var(--uw-ink)}
.uw-rail-where,.uw-rail-sub{margin:0 4px 6px;font-size:14px;font-weight:600;color:var(--uw-ink2)}
.uw-rail-goal{margin:4px 4px 10px;padding:10px 12px;border-radius:12px;background:var(--uw-warm);border:1px solid #F3D9B4;font-size:15px;color:var(--uw-ink)}
.uw-obj{list-style:none;margin:0;padding:0 4px;display:grid;gap:6px}
.uw-obj li{position:relative;padding-inline-start:22px;font-size:14.5px;line-height:1.45;color:var(--uw-ink)}
.uw-obj li::before{content:"";position:absolute;inset-inline-start:2px;top:.5em;width:8px;height:8px;border-radius:2px;background:var(--uw-amber);transform:rotate(45deg)}
.uw-obj code{font-size:.92em;background:#EEF4FB;border:1px solid #D6E3F1;border-radius:5px;padding:0 4px;color:var(--uw-navy)}
.uw-rail-badges{margin:12px 16px 0}
.uw-rail-badges .uw-rail-h{margin:0 4px 8px}
.uw-rail-lessons{margin:20px 20px 4px}

/* ders listesi (çekirdek klms-pl-curr): tek kenar çizgisi yok; şimdiki ders çevresel çerçeve */
.klms-pl-side .klms-pl-curr{padding:0 8px}
.klms-pl-side .klms-pl-sec{margin:2px 0}
.klms-pl-side .klms-pl-sec-h{padding:10px 12px 6px;font-size:14px;font-weight:700;color:var(--uw-ink2)}
.uw-sec-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 8px;margin:0;border:0;border-radius:10px;background:none;
  font:inherit;font-weight:700;color:var(--uw-ink);text-align:start;cursor:pointer}
.uw-sec-btn:hover{background:#E9EFF6}
.uw-sec-btn::after{content:"";flex:none;width:8px;height:8px;border-inline-end:2.5px solid var(--uw-navy);border-bottom:2.5px solid var(--uw-navy);transform:rotate(45deg);margin-inline:4px 2px}
.uw-sec-btn[aria-expanded="true"]::after{transform:rotate(-135deg)}
.klms-pl-sec.uw-closed>.klms-pl-les{display:none}
.klms-pl-side .klms-pl-sec-count{background:#fff;border:1px solid var(--uw-line);color:var(--uw-ink2);font-size:12px}
.klms-pl-side .klms-pl-sec-count.is-done{background:#E7F4EE;border-color:#BFE0CD;color:var(--uw-ok)}
.klms-pl-les{border-inline-start:0!important;margin:1px 4px;padding:9px 10px;border-radius:12px;font-size:15px;color:var(--uw-ink);min-height:44px}
.klms-pl-les:hover{background:#E9EFF6}
.klms-pl-les.is-active{background:#fff;color:var(--uw-navy);font-weight:700;box-shadow:inset 0 0 0 2px var(--uw-navy)}
.klms-pl-tick{width:24px;height:24px;background:#fff;border:1.5px solid #B9C8D9;color:var(--uw-grey)}
.klms-pl-tick.is-done{background:var(--uw-ok);border-color:var(--uw-ok);color:#fff}
.klms-pl-les.is-active .klms-pl-tick:not(.is-done){border-color:var(--uw-orange);background:var(--uw-warm);color:var(--uw-orange-d)}

/* eylemler (rayın altı): bitir, önceki/sonraki, notlar */
.klms-pl-actions #klms-complete-btn{min-height:50px;font-size:16px}
#klms-complete-btn[data-done="1"]{background:#E7F4EE;border-color:#BFE0CD;color:var(--uw-ok)}
#klms-complete-btn.is-gated{opacity:1;background:var(--uw-light);border-color:var(--uw-line);color:var(--uw-ink2)}
.klms-pl-gatehint{margin:0;background:var(--uw-warm);color:var(--uw-warn);font-size:14px;border:1px solid #F3D9B4}
.klms-pl-navrow{gap:8px}
.klms-pl-navrow .klms-btn{min-height:44px;border-width:1.5px}
.uw-notes-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:8px;border:1.5px solid var(--uw-line);border-radius:999px;background:#fff;
  color:var(--uw-ink);font-family:var(--uw-display);font-weight:700;font-size:15px;cursor:pointer}
.uw-notes-btn:hover{background:var(--uw-light)}
.uw-notes-btn[aria-expanded="true"]{border-color:var(--uw-navy);color:var(--uw-navy)}
.uw-notes-n{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--uw-light);font-size:13px;display:inline-grid;place-items:center}
.uw-notes-ready .klms-pl-notes:not(.is-open){display:none}
.klms-pl-notes{border-top:0}
.uw-notes-close{display:none}
@media (min-width:980px){
  .uw-notes-ready .klms-pl-notes.is-open{position:fixed;top:var(--uw-apph);inset-inline-end:0;bottom:0;width:min(420px,100vw);z-index:9100;margin:0;padding:20px 20px 28px;
    background:#fff;border-inline-start:1px solid var(--uw-line);box-shadow:-24px 0 48px -32px rgba(4,62,116,.45);overflow-y:auto}
  .uw-notes-close{display:grid;place-items:center;position:absolute;top:12px;inset-inline-end:12px;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--uw-line);background:#fff;color:var(--uw-ink);cursor:pointer}
}
.klms-pl-notes-h{font-family:var(--uw-display);font-weight:800}
.klms-pl-notes .klms-note-add{box-shadow:none;border-radius:14px}

/* ================================================================ kod tezgâhı (sim "code"; denetim mantığı ve yalıtım değişmez) */
.uw-ce{display:grid;gap:12px;margin-top:4px;container:uwce/inline-size}
.uw-ce-panes{display:grid;gap:14px}
.uw-ce-code{min-width:0;display:grid;gap:8px;align-content:start}
.uw-ce-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.uw-ce-files{display:inline-flex;gap:4px;flex-wrap:wrap}
.uw-ce-file{min-height:40px;padding:6px 14px;border:1px solid var(--uw-line);border-radius:10px 10px 0 0;background:var(--uw-light);color:var(--uw-ink2);font-family:var(--uw-mono);font-weight:700;font-size:14px;cursor:pointer}
.uw-ce-file[aria-selected="true"]{background:var(--uw-code-bg);color:#fff;border-color:var(--uw-code-bg)}
.uw-ce-tools{display:inline-flex;gap:6px;flex-wrap:wrap}
.uw-ce-tool{min-height:40px;padding:6px 12px;border:1px solid var(--uw-line);border-radius:999px;background:#fff;color:var(--uw-ink2);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.uw-ce-tool:hover{border-color:var(--uw-navy);color:var(--uw-navy)}
.uw-ce-tool[aria-pressed="true"]{border-color:var(--uw-navy);color:var(--uw-navy)}
.uw-ce-tool svg{flex:none}
.uw-ce-editor{border-radius:14px;overflow:hidden;background:var(--uw-code-bg);min-height:9em}
.uw-ce-editor .cm-editor{max-height:62vh}
.uw-ce-editor .cm-scroller{overflow:auto}
.uw-ce-loading{color:var(--uw-code-cmt);padding:14px 16px;font-size:15px}
.uw-ta{display:block;width:100%;min-height:12em;border:0;border-radius:14px;padding:12px 14px;background:var(--uw-code-bg);color:var(--uw-code-txt);font-size:16px;line-height:1.6;resize:vertical;tab-size:2}
.uw-ta:focus{outline:3px solid #8FD1FF;outline-offset:-3px}
.uw-ce-chips,.uw-ce-keys{display:flex;flex-wrap:wrap;gap:6px}
.uw-ce-chip,.uw-ce-key{min-height:44px;min-width:44px;padding:6px 12px;border:1.5px solid #B8CDE6;border-radius:10px;background:#EEF4FB;color:var(--uw-navy);font-family:var(--uw-mono);font-weight:700;font-size:15px;cursor:pointer;touch-action:manipulation}
.uw-ce-chip:active,.uw-ce-key:active{background:#DCE8F6}
.uw-ce-keys{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:2;background:rgba(255,255,255,.95);padding:6px;border:1px solid var(--uw-line);border-radius:12px}
/* tuş çubuğu yalnız yazarken yapışır (okurken/kaydırırken düzenleyicinin satırlarını örtmez); tuşlar pointerdown'da odağı düzenleyicide tutar */
.uw-ce-code:not(:focus-within) .uw-ce-keys{position:static}
html:has(.uw-ce-code:focus-within .uw-ce-keys:not([hidden])){scroll-padding-bottom:84px}
.uw-ce-key{min-width:40px;padding:6px 8px}
.uw-ce-result{min-width:0;display:grid;gap:8px;align-content:start}
.uw-ce-prevhead{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.uw-ce-prevlabel{font-family:var(--uw-display);font-weight:800;color:var(--uw-ink)}
.uw-ce-seg button{min-height:36px;padding:4px 12px;font-size:14px}
.uw-ce-frame{position:relative;overflow:hidden;border:1px solid var(--uw-line);border-radius:14px;background:#fff;min-height:240px}
.uw-ce-pv{position:absolute;top:0;left:0;border:0;background:#fff;transform-origin:0 0}
.uw-ce-pvempty{margin:0;min-height:240px;height:100%;box-sizing:border-box;max-width:none;display:grid;place-items:center;padding:16px 20px;text-align:center;color:var(--uw-ink2);font-size:15px;font-weight:500;background:var(--uw-light)}
.uw-ce-console{background:#0E2440;color:#E8EEF6;border-radius:12px;padding:8px 12px;font-family:var(--uw-mono);font-size:14px;max-height:180px;overflow:auto}
.uw-ce-console::before{content:"Console";display:block;color:#A9B8CC;font-size:12px;margin-bottom:4px}
.uw-ce-cl{padding:2px 0;white-space:pre-wrap;word-break:break-word}
.uw-ce-cl.is-error{color:#FFB4AB}
.uw-ce-cl.is-warn{color:#FFC861}
.uw-ce-console:focus-visible{outline:3px solid #8FD1FF;outline-offset:2px}
.uw-ce-cl.is-table{white-space:pre;word-break:normal;line-height:1.45}   /* console.table: hizalı sütunlar, geniş tablo konsol kutusunda yana kayar */
.uw-ce-cl.is-note{color:#A9B8CC;font-style:italic}
/* prompt()/confirm() yanıtları ("Answers", sim-code dialogs) */
.uw-ce-answers{margin:0;padding:8px 12px 12px;border:1px solid var(--uw-line);border-radius:14px;background:var(--uw-light);min-width:0}
.uw-ce-answers legend{padding:0 6px;font-weight:700;color:var(--uw-ink)}
.uw-ce-anshelp{margin:0 0 8px;font-size:14px;font-weight:500;color:var(--uw-ink2)}
.uw-ce-ansrow{display:flex;flex-wrap:wrap;gap:8px 12px}
.uw-ce-ans{display:grid;gap:4px;min-width:0;max-width:100%;font-size:14px;font-weight:600;color:var(--uw-ink2)}
.uw-ce-ansin{font-family:var(--uw-mono);font-size:16px;font-weight:500;min-height:44px;max-width:100%;box-sizing:border-box;padding:6px 10px;border:1.5px solid var(--uw-line);border-radius:10px;background:#fff;color:var(--uw-ink)}
.uw-ce-ansin:focus{outline:3px solid #8FD1FF;outline-offset:1px;border-color:var(--uw-navy)}
.uw-ce-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.uw-ce-run svg{flex:none}
.uw-ce-status:empty{display:none}
.uw-ce-status{border:1px solid var(--uw-line);border-radius:14px;padding:12px 14px;background:#fff;display:grid;gap:8px}
.uw-ce-score{margin:0;font-weight:700;color:var(--uw-ink)}
.uw-ce-bar{height:8px;border-radius:999px;background:var(--uw-light);overflow:hidden}
.uw-ce-bar i{display:block;height:100%;border-radius:inherit;background:repeating-linear-gradient(90deg,var(--uw-orange) 0 16px,var(--uw-amber) 16px 26px);transition:width .3s}
.uw-ce-msg{margin:0;padding:10px 12px;border-radius:10px;overflow-wrap:anywhere}
.uw-ce-msg.is-no{background:#FFF4E5;border:1px solid #F3D9B4;color:var(--uw-ink)}
.uw-ce-msg.is-ok{background:#EAF6EF;border:1px solid #BFE0CD;color:var(--uw-ink)}
.uw-ce-msg.is-wait{background:var(--uw-light);border:1px solid var(--uw-line);color:var(--uw-ink)}
.uw-ce-msg code,.uw-ce-hintbox code,.uw-ce-tips code{background:rgba(4,62,116,.07);border-radius:4px;padding:0 4px}
.uw-ce-tips{margin:0;padding-inline-start:20px;color:var(--uw-ink2);font-size:15px}
.uw-ce-hintbox{border:1px dashed var(--uw-amber);border-radius:14px;padding:12px 14px;background:var(--uw-warm)}
.uw-ce-hinth{margin:0 0 6px;font-weight:700;color:var(--uw-warn)}
.uw-ce-hintp{margin:4px 0;color:var(--uw-ink2);overflow-wrap:anywhere}
.uw-ce-hintp.is-new{color:var(--uw-ink)}
.uw-ce-sol{border:1px solid var(--uw-line);border-radius:14px;padding:12px 14px;background:#fff;display:grid;gap:8px;min-width:0;max-width:100%}
.uw-ce-sol>*{min-width:0}
.uw-ce-sol h4{margin:0;font-size:17px}
.uw-ce-diffh{margin:0;font-family:var(--uw-mono);font-weight:700;font-size:14px;color:var(--uw-ink2)}
.uw-ce-dl{margin:0;padding:8px 0 8px 2.6em;background:var(--uw-code-bg);color:var(--uw-code-txt);border-radius:12px;font-family:var(--uw-mono);font-size:14px;overflow:auto}
.uw-ce-dl li{padding:1px 8px;white-space:pre}
.uw-ce-dl li::marker{color:var(--uw-code-cmt)}
.uw-ce-dl li.is-diff{background:rgba(239,161,11,.24);outline:1px solid rgba(239,161,11,.7);outline-offset:-1px}
.uw-ce-predict{border:1px solid var(--uw-line);border-radius:14px;padding:12px 14px;background:var(--uw-light)}
.uw-ce-pq{margin:0 0 8px}
.uw-ce-popts{display:grid;gap:6px}
.uw-ce-popt{min-height:44px;text-align:start;padding:8px 12px;border:1.5px solid var(--uw-line);border-radius:10px;background:#fff;color:var(--uw-ink);cursor:pointer;font-weight:600}
.uw-ce-popt.is-ok{border-color:var(--uw-ok);background:#EAF6EF}
.uw-ce-popt.is-no{border-color:#E6B8A2;background:#FFF4E5}
.uw-ce-pfb{margin:8px 0 0;color:var(--uw-ink2)}
.uw-ce-pfb:empty{display:none}
.uw-ce-fill{margin:0;background:var(--uw-code-bg);color:var(--uw-code-txt);border-radius:14px;padding:14px 16px;font-size:16px;line-height:2.1;white-space:pre-wrap;word-break:break-word}
.uw-ce-blank{font:inherit;font-size:16px;min-height:38px;border:0;border-bottom:2px solid var(--uw-amber);border-radius:6px 6px 0 0;background:rgba(239,161,11,.16);color:#fff;padding:2px 6px;max-width:100%}
.uw-ce-blank option{color:var(--uw-ink);background:#fff}
.uw-ce-blank:focus{outline:2px solid var(--uw-amber);outline-offset:2px}
.uw-ce-parsons{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.uw-ce-pb{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:6px;align-items:center}
.uw-ce-pn{font-family:var(--uw-mono);font-weight:700;color:var(--uw-grey);text-align:end}
.uw-ce-pcode{min-height:46px;text-align:start;padding:8px 12px;border:1.5px solid #B8CDE6;border-radius:10px;background:var(--uw-code-bg);color:var(--uw-code-txt);cursor:pointer;overflow:auto}
.uw-ce-pcode code{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}   /* Parsons satırı telefonda kırılır, girinti korunur */
.uw-ce-pb.is-picked .uw-ce-pcode{outline:3px solid var(--uw-amber);outline-offset:2px}
.uw-ce-pmove{display:inline-flex;gap:4px}
.uw-ce-pm{min-width:44px;min-height:44px;border:1.5px solid var(--uw-line);border-radius:10px;background:#fff;color:var(--uw-navy);font-size:18px;cursor:pointer}
.uw-ce-pm:disabled{opacity:.35;cursor:default}
.uw-ce-bugcount{margin:0;font-weight:700}
.uw-ce-bugs{background:var(--uw-code-bg);border-radius:14px;padding:8px;display:grid;gap:2px}
.uw-ce-bline{display:grid;gap:4px}
.uw-ce-bbtn{display:grid;grid-template-columns:2.2em minmax(0,1fr);gap:8px;align-items:center;min-height:40px;width:100%;text-align:start;border:0;border-radius:8px;background:transparent;color:var(--uw-code-txt);cursor:pointer;padding:4px 8px}
.uw-ce-bbtn:hover,.uw-ce-bbtn[aria-expanded="true"]{background:rgba(143,209,255,.1)}
.uw-ce-bbtn code{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}   /* satır kırılır: düğme içinde kaydırma alanı olmaz (axe) */
.uw-ce-bn{color:var(--uw-code-cmt);font-family:var(--uw-mono);text-align:end}
.uw-ce-bline.is-fixed .uw-ce-bbtn{background:rgba(70,208,127,.12)}
.uw-ce-bline.is-fixed .uw-ce-bn::after{content:" \2713";color:#7EE0B5}
.uw-ce-bpop{background:#fff;border-radius:10px;padding:10px;display:grid;gap:6px;margin:0 0 6px 2.6em}
.uw-ce-bq{margin:0;font-weight:700;color:var(--uw-ink)}
.uw-ce-bopt{min-height:44px;text-align:start;padding:6px 10px;border:1.5px solid var(--uw-line);border-radius:8px;background:var(--uw-light);cursor:pointer;color:var(--uw-ink)}
.uw-ce-bopt code{font-size:15px;white-space:pre-wrap;word-break:break-word}
.uw-ce-bfb{margin:0;color:var(--uw-warn)}
.uw-ce-bfb:empty{display:none}
.uw-ce-phtabs{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--uw-navy);border-radius:999px;overflow:hidden}
.uw-ce-phtabs button{min-height:44px;border:0;background:#fff;color:var(--uw-navy);font-family:var(--uw-display);font-weight:800;cursor:pointer}
.uw-ce-phtabs button[aria-selected="true"]{background:var(--uw-navy);color:#fff}

/* --- masaüstü tezgâhı: araç çubuğu (Run and check her zaman görünür), tarayıcı penceresi, denetim alanı */
.uw-ce-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px;margin:0 -6px;border-radius:16px;background:#fff;border:1px solid var(--uw-line);
  position:sticky;top:8px;z-index:4;box-shadow:0 10px 24px -22px rgba(4,62,116,.6)}
.uw-ce-toolbar .uw-ce-top{flex:1 1 auto;justify-content:flex-start;gap:6px 10px}
.uw-ce-toolbar .uw-ce-file{border-radius:10px;min-height:44px}
.uw-ce-toolbar .uw-ce-tool{min-height:44px}
.uw-ce-go{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.uw-ce-go .uw-ce-run{min-height:48px;padding-inline:20px;gap:8px}
.uw-ce-go .uw-ce-hint{min-height:44px}
.uw-ce-checks{display:grid;gap:10px}
.uw-ce-checks:has(>.uw-ce-status[data-empty]):has(>.uw-ce-solbtn[hidden]):has(>.uw-ce-hintbox[hidden]):not(:has(>.uw-ce-solo:not([hidden]))){display:none}   /* data-empty: sim-code (WebKit :has(:empty) güncellemiyor) */
.uw-ce-checks .uw-ce-solbtn,.uw-ce-checks .uw-ce-solo{justify-self:start}
.uw-ce-soloxp{display:inline-block;margin-inline-start:8px;padding:1px 10px;border-radius:999px;background:#fff;border:1px solid #BFE0CD;color:var(--uw-ok);font-weight:700;white-space:nowrap}   /* Solo geçişi: yerel "+10 XP" */
.uw-ce-browser{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 6px 4px 12px;border:1px solid var(--uw-line);border-bottom:0;border-radius:14px 14px 0 0;background:var(--uw-light)}
.uw-ce-dots{display:inline-flex;gap:5px}
.uw-ce-dots i{width:9px;height:9px;border-radius:50%;background:#B9C8D9}
.uw-ce-addr{flex:1 1 auto;min-width:0;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid var(--uw-line);font-family:var(--uw-mono);font-size:13px;color:var(--uw-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uw-ce-browser+.uw-ce-frame{border-radius:0 0 14px 14px}
.uw-ce-browser .uw-ce-seg button{min-height:36px}
@container uwce (min-width:720px){
  .uw-ce:not(.is-phone) .uw-ce-panes{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:stretch}
  .uw-ce:not(.is-phone) .uw-ce-code{display:flex;flex-direction:column;gap:8px}
  .uw-ce:not(.is-phone) .uw-ce-editor{flex:1 1 auto;min-height:340px;display:flex;flex-direction:column}
  .uw-ce:not(.is-phone) .uw-ce-editor>.cm-editor{flex:1 1 auto;height:auto;min-height:340px;max-height:70vh}
  .uw-ce:not(.is-phone) .uw-ce-editor>.uw-ta{flex:1 1 auto;min-height:340px}
  .uw-ce:not(.is-phone) .uw-ce-result .uw-ce-prevhead{display:none}
  .uw-ce:not(.is-phone) .uw-ce-checks:has(>.uw-ce-hintbox:not([hidden])){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}
  .uw-ce:not(.is-phone) .uw-ce-checks:has(>.uw-ce-hintbox:not([hidden]))>.uw-ce-hintbox{grid-column:2;grid-row:1 / span 2}
  .uw-ce:not(.is-phone) .uw-ce-checks:has(>.uw-ce-hintbox:not([hidden]))>:not(.uw-ce-hintbox){grid-column:1}
}
@container uwce (max-width:719px){.uw-ce-toolbar{position:static}}
.uw-ce-focus{display:none}
@media (min-width:980px){.uw-ce-focus{display:inline-flex}}

/* odak kipi (tam ekran tezgâh, masaüstü): üst bilginin altında, Esc ya da aynı düğmeyle kapanır */
html.uw-ce-fullmode,html.uw-ce-fullmode body{overflow:hidden}
.klms-ix.uw-ce-full{position:fixed!important;inset:var(--uw-apph,55px) 0 0 0;z-index:9200;margin:0!important;max-width:none!important;border-radius:0;border:0;overflow-y:auto;overscroll-behavior:contain;
  padding:16px clamp(16px,2.4vw,40px) 28px;background:#fff;box-shadow:none;animation:none}
.klms-ix.uw-ce-full .uw-ce-editor>.cm-editor{max-height:none}
.klms-ix.uw-ce-full .uw-ce-toolbar{top:0}
@media (prefers-reduced-motion:reduce){.uw-ce-bar i,.uw-meter>i{transition:none}.uw-task.is-new .uw-task-ic{animation:none}}

/* ================================================================ oyunlaştırma anları (unwind.js) */
.uw-moment{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:28px;background:#fff;color:var(--uw-ink);
  box-shadow:0 40px 80px -30px rgba(4,62,116,.6);overflow:auto}
.uw-moment::backdrop{background:rgba(10,31,59,.62)}
.uw-moment-top{position:relative;padding:28px 28px 22px;background:var(--uw-code-bg);color:#fff;overflow:hidden;isolation:isolate}
.uw-moment-top::before{content:"";position:absolute;inset:auto -40px 18px auto;width:min(260px,44%);height:84px;z-index:-1;   /* hız çizgileri */
  background:linear-gradient(90deg,transparent 0 30%,var(--uw-amber) 30% 70%,transparent 70%) 0 0/100% 10px no-repeat,
             linear-gradient(90deg,var(--uw-orange) 0 14%,transparent 14% 24%,var(--uw-amber) 24% 86%,transparent 86%) 0 37px/100% 10px no-repeat,
             linear-gradient(90deg,transparent 0 50%,var(--uw-orange) 50% 64%,transparent 64% 70%,var(--uw-amber) 70% 96%,transparent 96%) 0 74px/100% 10px no-repeat}
.uw-moment.is-anim .uw-moment-top::before{animation:uw-speed 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes uw-speed{from{transform:translateX(70%);opacity:0}to{transform:none;opacity:1}}
.uw-moment-medal{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:var(--uw-amber);color:var(--uw-code-bg);font-family:var(--uw-display);font-weight:800;font-size:34px;margin-bottom:14px}
.uw-moment-medal svg{width:40px;height:40px}
.uw-moment.is-anim .uw-moment-medal{animation:uw-pop-in .5s cubic-bezier(.2,.9,.3,1.3) .1s both}
@keyframes uw-pop-in{from{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
.uw-moment h2{margin:0;color:#fff;font-size:clamp(26px,4vw,34px);line-height:1.1}
.uw-moment-lead{margin:8px 0 0;color:#DCE6F2;font-size:17px}
.uw-moment-xp{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 14px;border-radius:999px;background:rgba(239,161,11,.2);color:#FFD27A;font-family:var(--uw-display);font-weight:800;font-size:18px}
.uw-moment-body{padding:20px 28px 8px;display:grid;gap:14px}
.uw-moment-lv{display:grid;gap:6px}
.uw-moment-lv p{margin:0;font-size:15px;font-weight:600;color:var(--uw-ink2)}
.uw-moment-lv strong{color:var(--uw-ink)}
.uw-moment-badges{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.uw-moment-act{display:flex;flex-wrap:wrap;gap:10px;padding:16px 28px 26px}
.uw-moment-act .klms-btn{flex:1 1 200px}
.uw-moment-next small{display:block;font-family:var(--uw-body);font-weight:500;font-size:14px;opacity:.9}
.uw-moment-next{flex-direction:column;align-items:center;text-align:center;line-height:1.25;height:auto;padding-block:10px}
@media (prefers-reduced-motion:reduce){.uw-moment *{animation:none!important}}

.uw-toasts{position:fixed;z-index:30700;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}
.uw-toast{pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 12px 12px 14px;border-radius:18px;background:var(--uw-code-bg);color:#fff;
  box-shadow:0 24px 48px -24px rgba(4,62,116,.7);transform:translateY(16px);opacity:0;transition:transform .3s,opacity .3s}
.uw-toast.show{transform:none;opacity:1}
.uw-toast .uw-tag-ic{background:var(--uw-amber);color:var(--uw-code-bg)}
.uw-toast strong{display:block;font-family:var(--uw-display);font-size:16px}
.uw-toast span{font-size:14px;color:#DCE6F2}
.uw-toast button{width:44px;height:44px;border-radius:12px;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:20px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.uw-toast{transition:none}}
@media (max-width:979px){.uw-toasts{inset-inline:16px;width:auto;bottom:calc(16px + env(safe-area-inset-bottom))}}


/* ================================================================ profil panosu (plan §4.4) */
.uw-profile{max-width:1240px}
.uw-profile .klms-profile-head{margin-bottom:24px}
.uw-profile .klms-profile-head h1{font-size:clamp(26px,2.6vw,34px)}
.uw-dash{display:grid;gap:32px;margin:0 0 40px}
.uw-dash h3{font-family:var(--uw-display);font-weight:800;letter-spacing:-.01em}
.uw-dash-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.9fr);gap:1px;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.14);
  color:#fff;position:relative;isolation:isolate}
.uw-dash-hero>*{padding:26px 28px;background:var(--uw-code-bg);min-width:0}
.uw-dash-lv{display:flex;gap:20px;align-items:flex-start;position:relative;overflow:hidden}
.uw-dash-lv::before{content:"";position:absolute;inset-inline-end:-24px;bottom:22px;width:150px;height:46px;z-index:0;opacity:.45;pointer-events:none;
  background:linear-gradient(90deg,transparent 0 24%,var(--uw-amber) 24% 66%,transparent 66%) 0 0/100% 6px no-repeat,
             linear-gradient(90deg,var(--uw-orange) 0 16%,transparent 16% 28%,var(--uw-amber) 28% 90%,transparent 90%) 0 20px/100% 6px no-repeat,
             linear-gradient(90deg,transparent 0 46%,var(--uw-amber) 46% 78%,transparent 78%) 0 40px/100% 6px no-repeat}
.uw-dash-lv>*{position:relative;z-index:1}
.uw-lvnum.is-xl{width:84px;height:84px;border-radius:24px;font-size:44px}
.uw-dash-lvt{flex:1 1 auto;min-width:0}
.uw-dash-lvname{margin:2px 0 0;font-family:var(--uw-display);font-weight:800;font-size:clamp(24px,2.4vw,30px);line-height:1.1}
.uw-dash-lvsub{margin:4px 0 16px;color:#C9D6E6;font-size:15px}
.uw-dash-hero .uw-meter{background:rgba(255,255,255,.16)}
.uw-dash-next{margin:8px 0 0;color:#DCE6F2;font-weight:600;font-size:15px}
.uw-ladder{list-style:none;margin:18px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:8px}
.uw-ladder li{display:flex;gap:10px;align-items:center;font-size:15px;color:#DCE6F2}
.uw-ladder-n{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;border:1.5px dashed rgba(239,161,11,.8);color:#FFD27A;font-family:var(--uw-display);font-weight:800;font-size:14px}
.uw-dash-wk h3,.uw-dash-go h3{color:#fff;font-size:17px;margin:0 0 6px}
.uw-dash-wkl{margin:0 0 14px;color:#DCE6F2;font-size:15px}
.uw-dash-best{margin:12px 0 0;font-size:14px;color:#C9D6E6}
.uw-week.is-grid{gap:5px}
.uw-week.is-grid .uw-week-h,.uw-week.is-grid .uw-week-row{display:grid;grid-template-columns:52px repeat(7,minmax(0,1fr));gap:5px;align-items:center}
.uw-week-h span{font-size:12px;font-weight:700;color:#A9B8CC;text-align:center}
.uw-week-n{font-size:12px;font-weight:600;color:#A9B8CC;white-space:nowrap}
.uw-week.is-grid .uw-day{width:18px;height:18px;justify-self:center;border-width:1.5px}
.uw-dash-go{display:flex;flex-direction:column;align-items:flex-start}
.uw-dash-gol{margin:0;font-size:14px;font-weight:700;color:#FFD27A}
.uw-dash-got{margin:4px 0 16px;font-family:var(--uw-display);font-weight:800;font-size:20px;line-height:1.25;color:#fff}
.uw-dash-go .klms-btn-primary{background:var(--uw-amber);border-color:var(--uw-amber);color:var(--uw-code-bg);margin-top:auto}
.uw-dash-go .klms-btn-primary:hover{background:#FFB938;border-color:#FFB938}
.klms-btn.uw-on-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);margin-top:auto}
.klms-btn.uw-on-dark:hover{background:rgba(255,255,255,.1)}
.uw-dash-hero :focus-visible{outline-color:#8FD1FF}

.uw-dash-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px 40px;align-items:start}
.uw-dash-row h3{font-size:19px;margin:0 0 14px}
.uw-cols{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;padding-top:8px}
.uw-col{position:relative;display:grid;grid-template-rows:180px auto;justify-items:center;gap:6px;padding-top:22px}
.uw-col-bar{position:relative;width:100%;height:180px;border-bottom:1px solid #C9D3DF;display:flex;justify-content:center;align-items:flex-end}
.uw-col-bar i{display:block;width:min(24px,62%);height:var(--h,0%);border-radius:4px 4px 0 0;background:var(--uw-navy)}
.uw-col.is-now .uw-col-bar i{background:var(--uw-orange)}
.uw-col-v{position:absolute;bottom:calc(var(--h,0%) + 4px);left:0;right:0;text-align:center;font-size:13px;font-weight:700;color:var(--uw-ink);font-variant-numeric:tabular-nums}
.uw-col-v:empty{display:none}
.uw-col-l{font-size:13px;font-weight:600;color:var(--uw-grey);white-space:nowrap}
.uw-col::after{content:attr(data-tip);position:absolute;top:0;left:50%;transform:translateX(-50%);padding:4px 8px;border-radius:8px;background:var(--uw-ink);color:#fff;
  font-size:13px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.uw-col:hover::after{opacity:1}
.uw-xpl{list-style:none;margin:0;padding:0}
.uw-xpl li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:2px 14px;padding:10px 0;border-bottom:1px solid var(--uw-line)}
.uw-xpl li:first-child{padding-top:0}
.uw-xpl-v{grid-row:span 2;font-family:var(--uw-display);font-weight:800;color:var(--uw-orange-d);font-variant-numeric:tabular-nums}
.uw-xpl-t{font-weight:600;color:var(--uw-ink);line-height:1.35}
.uw-xpl-d{font-size:14px;color:var(--uw-grey)}
.uw-dash-empty{margin:0;color:var(--uw-ink2)}
.uw-dash-row.is-mile{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.uw-dash-cert,.uw-dash-page{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:22px 24px;border-radius:22px}
.uw-dash-cert{background:var(--uw-warm);border:1px solid #F3D9B4}
.uw-dash-page{background:var(--uw-light);border:1px solid var(--uw-line)}
.uw-dash-cert h3,.uw-dash-page h3{font-size:19px;margin:2px 0 6px}
.uw-dash-cert p,.uw-dash-page p{margin:0 0 14px;color:var(--uw-ink2)}
.uw-dash-mi{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--uw-orange-d);border:1.5px solid #F3D9B4}
.uw-dash-mi svg{width:28px;height:28px}
.uw-dash-cert.is-done .uw-dash-mi{background:var(--uw-amber);border-color:var(--uw-amber);color:var(--uw-code-bg)}
.uw-dash-page .uw-dash-mi{color:var(--uw-navy);border-color:var(--uw-line)}
.uw-dash-cert .uw-creq{margin:4px 0 0}
.uw-dash-cabh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.uw-dash-cabh h3{font-size:22px;margin:0}
.uw-dash-cabh p{margin:0;font-weight:700;color:var(--uw-ink2)}
.uw-cab{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px 22px;padding-inline:6px;align-items:start}
.uw-profile .klms-profile-tabs{margin-top:8px}
@media (max-width:1180px){.uw-dash-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.uw-dash-go{grid-column:1 / -1}}
@media (max-width:820px){
  .uw-dash-lv::before{display:none}
  .uw-dash-hero,.uw-dash-row,.uw-dash-row.is-mile{grid-template-columns:minmax(0,1fr)}
  .uw-dash-hero>*{padding:20px}
  .uw-lvnum.is-xl{width:64px;height:64px;font-size:34px;border-radius:18px}
  .uw-col{grid-template-rows:140px auto}.uw-col-bar{height:140px}
  .uw-col-l{font-size:12px}
  .uw-cols .uw-col:nth-child(odd):not(.is-now) .uw-col-l{visibility:hidden}
}
@media (prefers-reduced-motion:reduce){.uw-col::after{transition:none}}

/* ================================================================ ADR-017: haftalık hedef, hedef seçici, ray görevi, kartlar (ray, ders sonu, profil) */
.uw-goal{display:grid;gap:6px}
.uw-goal-l{margin:0;font-size:15px;font-weight:600}
.uw-goal-dots{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:center}
.uw-goal-dots li{width:22px;height:22px;border-radius:50%;border:2px solid #8193A9;background:#fff}
.uw-goal-dots li.is-on{background:var(--uw-amber);border-color:var(--uw-amber)}
.uw-goal-dots li.is-extra{width:14px;height:14px}
.uw-goal-g{margin:0;font-size:14px;color:var(--uw-ink2)}
.uw-goal.is-dark .uw-goal-l{color:#DCE6F2}
.uw-goal.is-dark .uw-goal-g{color:#C9D6E6}
.uw-goal.is-dark .uw-goal-dots li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.uw-goal.is-dark .uw-goal-dots li.is-on{background:var(--uw-amber);border-color:var(--uw-amber)}
.uw-goal.is-met .uw-goal-l::after{content:"";display:inline-block;width:10px;height:5px;margin-inline-start:8px;border-inline-start:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-3px) rotate(-45deg)}
.uw-goalpick{margin:14px 0 0;padding:12px 0 0;border:0;border-top:1px solid rgba(255,255,255,.14);min-width:0}
.uw-goalpick legend{padding:0;margin-bottom:8px;font-weight:700;font-size:15px;color:#fff;float:left;width:100%}
.uw-goalpick-opts{clear:both;display:flex;flex-wrap:wrap;gap:6px}
.uw-goalpick label{position:relative;display:inline-flex}
.uw-goalpick input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.uw-goalpick span{display:inline-grid;place-items:center;min-height:40px;min-width:64px;padding:6px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.5);color:#fff;font-weight:700;font-size:14px}
.uw-goalpick input:checked+span{background:var(--uw-amber);border-color:var(--uw-amber);color:var(--uw-code-bg)}
.uw-goalpick input:focus-visible+span{outline:3px solid #8FD1FF;outline-offset:2px}
.uw-goalpick-st{margin:8px 0 0;font-size:14px;color:#FFD27A;min-height:1.2em}
.uw-goalpick-st:empty{min-height:0;margin:0}
.uw-goalpick.is-light{border-top-color:var(--uw-line)}
.uw-goalpick.is-light legend{color:var(--uw-ink)}
.uw-goalpick.is-light span{border-color:var(--uw-line);color:var(--uw-navy);background:#fff}
.uw-goalpick.is-light .uw-goalpick-st{color:var(--uw-ink2)}
/* ızgara: iyi hafta işaretli, dinlenme haftası nötr */
.uw-week.is-grid .uw-week-h,.uw-week.is-grid .uw-week-row{grid-template-columns:52px repeat(7,minmax(0,1fr)) 40px}
.uw-week-row.is-good{background:rgba(239,161,11,.12);border-radius:10px}
.uw-week-m{display:grid;place-items:center;font-size:12px;font-weight:600;color:#A9B8CC}
.uw-week-row.is-good .uw-week-m{color:#FFD27A}
.uw-week.is-grid{margin-top:12px}
/* ray görevi */
.uw-rail-quest{margin:12px 16px 0}
/* ders sonu kartları */
.uw-lend-cards{display:grid;gap:8px;margin:0 0 14px}
.klms-pl-text .uw-lend-cards p{margin:0;font-weight:600;color:var(--uw-ink)}
.uw-lend-mycards{justify-self:start;font-weight:600}
/* profil: kartlar kutusu */
.uw-dash-row.is-mile{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.uw-dash-cards{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:22px 24px;border-radius:22px;background:#fff;border:1px solid var(--uw-line)}
.uw-dash-cards h3{font-size:19px;margin:2px 0 6px}
.uw-dash-cards p{margin:0 0 10px;color:var(--uw-ink2)}
.uw-dash-cards .uw-meter{margin-bottom:14px}
.uw-dash-cards .uw-dash-mi{color:var(--uw-navy);border-color:var(--uw-line)}
.uw-moment-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--uw-light)}
.uw-moment-row p{margin:0;font-size:15px;color:var(--uw-ink)}
.uw-moment-row.is-mission{background:#EEF7F2}
.uw-moment-row.is-week{background:var(--uw-warm)}
.uw-moment-row .uw-cardchips{margin-top:6px}
.uw-moment-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--uw-navy);border:1.5px solid var(--uw-line)}
.uw-moment-ic svg{width:24px;height:24px}
.uw-moment-row.is-mission .uw-moment-ic{color:var(--uw-ok);border-color:#BFE0CD}
.uw-moment-row.is-week .uw-moment-ic{color:#9E6A07;border-color:#F3D9B4}
@media (max-width:600px){.uw-moment-top{padding-bottom:30px}.uw-moment-top::before{height:52px;bottom:10px;opacity:.6;background-size:100% 6px}}

/* meydan okuma kapısı (type=quiz dersleri; öneri §7.5) */
.uw-boss{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;margin:0 0 24px;padding:20px 22px;border-radius:22px;background:var(--uw-code-bg);color:#fff;overflow:hidden;isolation:isolate}
@media (min-width:700px){.klms-pl-main>.uw-boss{max-width:var(--uw-read);margin-inline:auto}}
.uw-boss::before{content:"";position:absolute;inset-inline-end:-24px;top:18px;width:140px;height:46px;z-index:-1;opacity:.5;
  background:linear-gradient(90deg,transparent 0 24%,var(--uw-amber) 24% 66%,transparent 66%) 0 0/100% 6px no-repeat,
             linear-gradient(90deg,var(--uw-orange) 0 16%,transparent 16% 28%,var(--uw-amber) 28% 90%,transparent 90%) 0 20px/100% 6px no-repeat,
             linear-gradient(90deg,transparent 0 46%,var(--uw-amber) 46% 78%,transparent 78%) 0 40px/100% 6px no-repeat}
.uw-boss-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--uw-amber);color:var(--uw-code-bg)}
.uw-boss-b{display:grid;gap:10px;min-width:0}
.uw-boss h2{margin:4px 0 0;color:#fff;font-size:clamp(22px,2.4vw,28px);padding-inline-end:90px}
.uw-boss-rules{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.uw-boss-rules li{padding:4px 12px;border-radius:999px;border:1.5px solid rgba(239,161,11,.7);color:#FFE3A8;font-size:14px;font-weight:600}
.uw-boss-st{margin:2px 0 0;font-weight:700;color:#DCE6F2}
.uw-boss-st.is-ok{color:#9FE0B8}
.uw-boss-quest .uw-quest{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.uw-boss-quest .uw-quest-n{color:#FFD27A}
.uw-boss-quest .uw-quest.is-done .uw-quest-n,.uw-boss-quest .uw-quest-st{color:#9FE0B8}   /* tamamlanan görev koyu kartta: açık yeşil (koyu yeşil --uw-ok burada ~2,6:1 idi) */
.uw-boss-quest .uw-quest-obj .uw-task-ic{background:transparent;border-color:rgba(255,255,255,.55)}
.uw-boss-quest .uw-stars{border-top-color:rgba(255,255,255,.2)}
.uw-boss-quest .uw-stars-l,.uw-boss-quest .uw-stars-row li{color:#DCE6F2}
.uw-boss-quest .uw-stars-row svg{stroke:#DCE6F2}   /* boş yıldız koyu kartta: yalnız kesik dış hat */
.uw-boss-quest .uw-stars-row li.is-on svg{fill:#FFD27A;stroke:#FFD27A}
@media (max-width:520px){.uw-boss{grid-template-columns:1fr}.uw-boss h2{padding-inline-end:0}}
.klms-pl-content:has(.klms-quiz)>.klms-pl-text{margin-bottom:8px}
@media (min-width:700px){
  .klms-pl-content>.klms-quiz,.klms-pl-content>.klms-pl-quiz,.klms-pl-content>.uw-lend{max-width:var(--uw-read);margin-inline:auto}
  .klms-pl-content>.klms-pl-video,.klms-pl-content>.klms-pl-speed,.klms-pl-content>.klms-pdfv{max-width:min(100%,1000px);margin-inline:auto}
}