/* LehrLynx Werkzeugtasche (v68) – Klassen wt-*. Farben werden von build_farbansichten.py zu Variablen
   (Original / Hell / Kontrast). Ebenen: Fenster 960–990, Leiste 992 (Tasche und Hinweis liegen über den Fenstern), Griff 995 (unter Suche/Begriffshilfe 1000). */
.wt-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
[class^="wt-"][hidden],[class*=" wt-"][hidden]{display:none!important}
.wt-griff,.wt-leiste,.wt-fenster,.wt-klebe{font-family:inherit;line-height:1.35;color:var(--ct-f3f6fb);-webkit-font-smoothing:antialiased}
.wt-griff button,.wt-leiste button,.wt-fenster button,.wt-klebe button,.wt-fenster input,.wt-fenster select,.wt-fenster textarea,.wt-klebe textarea{font-family:inherit}
.wt-griff :focus-visible,.wt-griff:focus-visible,.wt-leiste :focus-visible,.wt-fenster :focus-visible,.wt-klebe :focus-visible{outline:3px solid var(--cr-f6d58a);outline-offset:2px}

/* ---------- Griff: eingeklappte Tasche am rechten Rand ---------- */
.wt-griff{position:fixed;right:0;bottom:calc(var(--wt-unten,0px) + 86px + env(safe-area-inset-bottom,0px));z-index:995;display:grid;justify-items:center;gap:1px;width:54px;padding:9px 0 7px 2px;border:1px solid var(--cr-00b4d8-a600);border-right:0;border-radius:16px 0 0 16px;background:var(--cf-111722);color:var(--ct-00b4d8);box-shadow:-8px 10px 28px var(--cf-000000-a450);cursor:pointer;transition:transform .18s ease,background-color .15s ease,color .15s ease}
.wt-griff svg{width:26px;height:26px}
.wt-griff{touch-action:none}
.wt-griff::before{content:"";width:18px;height:3px;margin-bottom:3px;border-radius:2px;background:currentColor;opacity:.35}
.wt-griff.wt-griff-links{right:auto;left:0;padding:9px 2px 7px 0;border-left:0;border-right:1px solid var(--cr-00b4d8-a600);border-radius:0 16px 16px 0;box-shadow:8px 10px 28px var(--cf-000000-a450)}
.wt-griff.wt-griff-links:hover{transform:translateX(4px)}
.wt-griff.wt-griff-zieht{cursor:grabbing;transform:none!important;transition:none;opacity:.92}
.wt-griff-text{font-size:.66rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--ct-abb5c8)}
.wt-griff:hover{transform:translateX(-4px);background:var(--cf-0f1823);color:var(--ct-7ee7c8)}
.wt-griff:hover .wt-griff-text{color:var(--ct-f3f6fb)}
.wt-griff.wt-alarm{border-color:var(--cr-f6d58a);color:var(--ct-f6d58a);animation:wt-wackeln 1.2s ease-in-out infinite}
.wt-punkt{position:absolute;top:6px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--cf-f6d58a);box-shadow:0 0 0 2px var(--cf-111722)}
@keyframes wt-wackeln{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px) rotate(-3deg)}40%{transform:translateX(-2px) rotate(2deg)}}

/* ---------- Leiste am unteren Rand ---------- */
html.wt-offen body{padding-bottom:calc(var(--wt-leiste-h,68px) + var(--wt-unten,0px))}
html.wt-offen .floating-top{bottom:calc(var(--wt-leiste-h,68px) + var(--wt-unten,0px) + 14px)}
.wt-leiste{position:fixed;left:0;right:0;bottom:var(--wt-unten,0px);z-index:992;display:flex;justify-content:center;pointer-events:none}
.wt-leiste-innen{pointer-events:auto;display:flex;flex-direction:column;gap:5px;width:max-content;max-width:100%;margin:0 auto;padding:7px 9px calc(8px + env(safe-area-inset-bottom,0px));border:1px solid var(--cr-00b4d8-a420);border-bottom:0;border-radius:16px 16px 0 0;background:var(--cf-0a0f17-a950);box-shadow:0 -12px 34px var(--cf-000000-a450);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:wt-hoch .2s ease-out}
@keyframes wt-hoch{from{transform:translateY(100%)}to{transform:none}}
.wt-reihe{display:flex;align-items:center;gap:6px}
/* HUD: Lernzeit + Level, XP-Leiste (wie in einem Spiel) */
.wt-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:18px;padding:0 2px;font-size:.72rem;font-weight:800;color:var(--ct-abb5c8)}
.wt-lernzeit{display:flex;align-items:center;gap:6px;min-width:0}
.wt-lz-ic{display:grid;place-items:center;color:var(--ct-61cef0)}
.wt-lz-spur{position:relative;width:118px;height:8px;overflow:hidden;border:1px solid var(--cr-2a3647);border-radius:3px;background:var(--cf-0b1018)}
.wt-lz-fuell{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--cf-3fb8af),var(--cf-61cef0));transition:width .6s ease}
.wt-lz-voll .wt-lz-fuell{background:linear-gradient(90deg,var(--cf-f1c974),var(--cf-f6d58a));animation:wt-lz-puls 2.4s ease-in-out infinite}
.wt-lz-voll .wt-lz-ic{color:var(--ct-f6d58a)}
@keyframes wt-lz-puls{0%,100%{opacity:1}50%{opacity:.55}}
.wt-lz-aus{opacity:.6}
.wt-lz-text{font-variant-numeric:tabular-nums;white-space:nowrap}
.wt-level{white-space:nowrap;font-variant-numeric:tabular-nums}
.wt-level strong{color:var(--ct-8bf28b)}
.wt-level-fortgeschritten strong{color:var(--ct-61cef0)}
.wt-level-profi strong{color:var(--ct-f6d58a)}
.wt-level-aus{font-weight:700;opacity:.75}
.wt-xp{position:relative;height:9px;border:1px solid var(--cr-1b2a1b);border-radius:3px;background:var(--cf-0b1018);box-shadow:inset 0 1px 0 var(--cf-000000-a600)}
.wt-xp-fuell{position:absolute;inset:0 auto 0 0;width:0;border-radius:2px;background:repeating-linear-gradient(90deg,var(--cf-5ad15a) 0 17px,var(--cf-3f9e3f) 17px 18px);box-shadow:0 0 8px var(--cf-6ee66e-a450);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.wt-xp-zahl{position:absolute;left:50%;top:-14px;transform:translateX(-50%);color:var(--ct-8bf28b);font-size:.82rem;font-weight:900;text-shadow:0 0 2px var(--cf-000000),0 1px 0 var(--cf-000000),1px 0 0 var(--cf-000000),-1px 0 0 var(--cf-000000),0 -1px 0 var(--cf-000000)}
.wt-xp-plus{position:absolute;right:6px;top:-18px;color:var(--ct-8bf28b);font-size:.78rem;font-weight:900;text-shadow:0 1px 2px var(--cf-000000);animation:wt-plus 1.4s ease-out forwards;pointer-events:none}
@keyframes wt-plus{from{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-14px)}}
.wt-levelup{animation:wt-levelup 1.6s ease-out}
@keyframes wt-levelup{0%,100%{box-shadow:inset 0 1px 0 var(--cf-000000-a600)}30%{box-shadow:0 0 0 2px var(--cf-8bf28b),0 0 22px var(--cf-8bf28b-a700)}}
/* Schnellleiste: 6 quadratische Plätze */
.wt-slots{display:grid;grid-template-columns:repeat(10,var(--wt-platz,58px));gap:5px}
/* schmale Fenster: Plätze schrumpfen, bis sie am Handy zweireihig werden */
@media (max-width:1100px) and (min-width:761px){.wt-leiste-innen{--wt-platz:max(40px,calc((100vw - 300px) / 10 - 5px))}.wt-slot-name,.wt-status span:last-child,.wt-taschen-knopf span{display:none}}
.wt-platz{position:relative;display:grid;place-items:center;align-content:center;gap:1px;width:var(--wt-platz,58px);height:var(--wt-platz,58px);padding:0;border:2px solid var(--cr-2a3647);border-radius:7px;background:var(--cf-0b1018);box-shadow:inset 0 2px 0 var(--cf-ffffff-a050),inset 0 -3px 0 var(--cf-000000-a450);color:var(--ct-abb5c8);text-decoration:none;user-select:none;-webkit-user-select:none;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,color .12s ease}
.wt-frei{border-style:dashed;border-color:var(--cr-202a38);background:var(--cf-090d14)}
.wt-voll{cursor:grab;touch-action:none}
.wt-voll:hover{transform:translateY(-2px);border-color:var(--cr-4a5c74);color:var(--ct-f3f6fb);background:var(--cf-111a26)}
.wt-voll:active{cursor:grabbing}
.wt-platz svg{width:24px;height:24px}
.wt-nr{position:absolute;left:4px;top:1px;color:var(--ct-5d6d82);font-size:.62rem;font-weight:900;line-height:1.2}
.wt-slot-name{max-width:calc(var(--wt-platz,58px) - 6px);overflow:hidden;font-size:.6rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.wt-slot[aria-pressed="true"]{border-color:var(--cr-e9f3ff);color:var(--ct-7ee7c8);background:var(--cf-122230);box-shadow:inset 0 0 12px var(--cf-7ee7c8-a250),0 0 0 1px var(--cf-7ee7c8-a500)}
.wt-slot .wt-punkt{top:3px;right:4px}
.wt-seite-ic{display:grid;place-items:center;width:26px;height:26px;border:2px solid currentColor;border-radius:6px;font-size:.88rem;font-weight:900;color:var(--ct-c7b7ff)}
.wt-seite:hover .wt-seite-ic{color:var(--ct-e2d9ff)}
.wt-ziel{border-color:var(--cr-00b4d8)!important;border-style:solid!important;background:var(--cf-00b4d8-a180)!important;transform:scale(1.07)}
.wt-rein{animation:wt-rein .38s ease-out}
@keyframes wt-rein{0%{transform:scale(1.18)}60%{transform:scale(.96)}100%{transform:scale(1)}}
.wt-quelle{opacity:.45}
.wt-geist{position:fixed;left:0;top:0;z-index:998;display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--cr-00b4d8);border-radius:7px;background:var(--cf-111a26);color:var(--ct-7ee7c8);box-shadow:0 14px 30px var(--cf-000000-a550);pointer-events:none;rotate:6deg}
.wt-geist svg{width:26px;height:26px}
html.wt-zug,html.wt-zug *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
html.wt-zug-raus .wt-geist{border-color:var(--cr-ff8a8a);color:var(--ct-ff8a8a);opacity:.75}
.wt-trenner{flex:0 0 1px;align-self:stretch;margin:6px 2px;background:var(--cf-6f8396-a400)}
.wt-leiste-rechts{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.wt-l-knopf{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 11px;border:1px solid var(--cr-6f8396-a450);border-radius:12px;background:var(--cf-0f1823);color:var(--ct-f3f6fb);font-size:.84rem;font-weight:800;cursor:pointer}
.wt-l-knopf svg{width:20px;height:20px}
.wt-l-knopf:hover{border-color:var(--cr-00b4d8)}
.wt-taschen-knopf{color:var(--ct-00b4d8)}
.wt-taschen-knopf[aria-expanded="true"]{border-color:var(--cr-00b4d8);background:var(--cf-00b4d8-a160)}
.wt-einklappen{width:44px;justify-content:center;padding:0}
.wt-status{font-size:.76rem;font-weight:750;color:var(--ct-abb5c8)}
.wt-status-punkt{width:9px;height:9px;border-radius:50%;background:var(--cf-f6d58a);flex:0 0 auto}
.wt-status-an .wt-status-punkt{background:var(--cf-7ee7c8)}
.wt-status-voll .wt-status-punkt{background:var(--cf-ff8a8a)}

/* Tasche und Hinweis: über der Leiste */
.wt-panel,.wt-hinweis{pointer-events:auto;position:absolute;left:50%;bottom:calc(100% + 8px);width:min(540px,calc(100vw - 16px));max-height:min(72vh,600px);max-height:min(72dvh,600px);overflow:auto;overscroll-behavior:contain;padding:14px 16px;border:1px solid var(--cr-00b4d8-a500);border-radius:18px;background:var(--cf-111722);box-shadow:0 22px 60px var(--cf-000000-a600);transform:translateX(-50%);animation:wt-auf .16s ease-out}
@keyframes wt-auf{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translateX(-50%)}}
.wt-p-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wt-p-titel,.wt-h-titel{margin:0;font-size:1.12rem;color:var(--ct-f3f6fb)}
.wt-p-titel:focus,.wt-h-titel:focus{outline:none}
.wt-klein{margin:6px 0;color:var(--ct-abb5c8);font-size:.84rem;line-height:1.45}
.wt-klein a,.wt-hinweis a{color:var(--ct-00b4d8);font-weight:700}
.wt-liste{display:grid;gap:8px;margin:10px 0 6px;padding:0;list-style:none}
.wt-eintrag{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;padding:10px 12px;border:1px solid var(--cr-6f8396-a350);border-radius:14px;background:var(--cf-0f1823)}
.wt-eintrag.wt-in-leiste{border-color:var(--cr-7ee7c8-a450)}
.wt-e-ic{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--cr-2a3647);border-radius:7px;background:var(--cf-0b1018);box-shadow:inset 0 2px 0 var(--cf-ffffff-a050),inset 0 -3px 0 var(--cf-000000-a450);color:var(--ct-00b4d8);cursor:grab;touch-action:none;transition:transform .12s ease,border-color .12s ease}
.wt-e-ic:hover{transform:translateY(-2px) rotate(-3deg);border-color:var(--cr-00b4d8)}
.wt-eintrag.wt-quelle{opacity:.55}
.wt-lz-wahl{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;padding:8px 0 2px;border-top:1px solid var(--cr-6f8396-a300)}
.wt-lz-wahl-titel{margin-right:6px;color:var(--ct-abb5c8);font-size:.82rem;font-weight:750}
.wt-lz-wahl .wt-seg{min-height:34px;padding:0 10px;border-color:var(--cr-6f8396-a400)}
.wt-pause{border-color:var(--cr-f6d58a-a750)}
.wt-griff.wt-pause-griff{border-color:var(--cr-f6d58a);color:var(--ct-f6d58a);box-shadow:0 0 0 3px var(--cf-f6d58a-a250),-8px 10px 28px var(--cf-000000-a450)}
.wt-in-leiste .wt-e-ic{color:var(--ct-7ee7c8)}
.wt-e-text strong{display:block;font-size:.97rem}
.wt-e-text small{display:block;color:var(--ct-abb5c8);font-size:.82rem;line-height:1.4}
.wt-e-akt{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.wt-p-fuss{padding-top:8px;border-top:1px solid var(--cr-6f8396-a300)}
.wt-hinweis{border-color:var(--cr-f6d58a-a600)}
.wt-hinweis.wt-hinweis-an{border-color:var(--cr-7ee7c8-a550)}
.wt-hinweis p{margin:8px 0;line-height:1.5}
.wt-h-akt{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center;margin-top:10px}
.wt-h-neu{flex:1 0 100%;text-align:right;margin:0}

/* Knöpfe */
.wt-knopf{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 13px;border:1px solid var(--cr-6f8396-a500);border-radius:11px;background:var(--cf-162231);color:var(--ct-f3f6fb);font-size:.86rem;font-weight:800;cursor:pointer;text-decoration:none}
.wt-knopf svg{width:18px;height:18px}
.wt-knopf:hover:not(:disabled){border-color:var(--cr-00b4d8);background:var(--cf-1b2a3c)}
.wt-knopf:disabled{opacity:.45;cursor:not-allowed}
.wt-knopf-haupt{border-color:var(--cr-00b4d8);background:var(--cf-00b4d8);color:var(--ct-0f1823)}
.wt-knopf-haupt:hover:not(:disabled){background:var(--cf-7ee7c8);border-color:var(--cr-7ee7c8);color:var(--ct-0f1823)}
.wt-knopf-an{border-color:var(--cr-7ee7c8-a600);color:var(--ct-7ee7c8)}
.wt-k-knopf{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:40px;height:40px;padding:0 8px;border:1px solid var(--cr-6f8396-a450);border-radius:11px;background:var(--cf-0f1823);color:var(--ct-f3f6fb);font-size:.84rem;font-weight:800;cursor:pointer}
.wt-k-knopf:hover:not(:disabled){border-color:var(--cr-00b4d8);color:var(--ct-7ee7c8)}
.wt-k-knopf:disabled{opacity:.35;cursor:not-allowed}
.wt-klein-knopf{min-width:36px;height:36px}
.wt-zu:hover{border-color:var(--cr-ff8a8a)!important;color:var(--ct-ff8a8a)!important}
.wt-k-link{display:inline-flex;align-items:center;min-height:40px;padding:0 6px;color:var(--ct-00b4d8);font-size:.84rem;font-weight:750}
.wt-seg{min-height:38px;padding:0 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ct-abb5c8);font-size:.85rem;font-weight:800;cursor:pointer}
.wt-seg[aria-pressed="true"]{border-color:var(--cr-00b4d8-a700);background:var(--cf-00b4d8-a200);color:var(--ct-f3f6fb)}
.wt-chip{min-height:36px;padding:0 11px;border:1px solid var(--cr-6f8396-a450);border-radius:999px;background:var(--cf-0f1823);color:var(--ct-f3f6fb);font-size:.82rem;font-weight:750;cursor:pointer}
.wt-chip:hover:not(:disabled){border-color:var(--cr-00b4d8)}
.wt-chip:disabled{opacity:.4;cursor:not-allowed}
.wt-scharf{border-color:var(--cr-ff8a8a)!important;background:var(--cf-ff8a8a-a160)!important;color:var(--ct-ff8a8a)!important}

/* ---------- Schwebende Fenster ---------- */
.wt-fenster{position:fixed;left:auto;top:auto;right:auto;z-index:960;display:flex;flex-direction:column;width:380px;min-width:270px;min-height:150px;max-width:calc(100vw - 16px);max-height:calc(100vh - var(--wt-leiste-h,0px) - var(--wt-unten,0px) - 24px);max-height:calc(100dvh - var(--wt-leiste-h,0px) - var(--wt-unten,0px) - 24px);overflow:hidden;resize:both;border:1px solid var(--cr-00b4d8-a500);border-radius:18px;background:var(--cf-111722);box-shadow:0 24px 70px var(--cf-000000-a600);animation:wt-fenster-auf .16s ease-out}
html:not(.wt-offen) .wt-fenster{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
@keyframes wt-fenster-auf{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.wt-fenster.wt-zieht,.wt-klebe.wt-zieht{opacity:.94;box-shadow:0 30px 80px var(--cf-000000-a700)}
.wt-kopf{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 8px 7px 12px;border-bottom:1px solid var(--cr-6f8396-a350);background:var(--cf-0f1823);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
.wt-zieht .wt-kopf{cursor:grabbing}
.wt-kopf-ic{display:grid;place-items:center;color:var(--ct-00b4d8)}
.wt-kopf-ic svg{width:20px;height:20px}
.wt-titel{flex:1;min-width:0;margin:0;overflow:hidden;color:var(--ct-f3f6fb);font-size:1rem;font-weight:850;white-space:nowrap;text-overflow:ellipsis}
.wt-kopf-extra{display:flex;align-items:center;gap:4px}
.wt-inhalt{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px}
.wt-laden{margin:6px 0;color:var(--ct-abb5c8)}
.wt-fenster.wt-alarm{border-color:var(--cr-f6d58a);box-shadow:0 0 0 3px var(--cf-f6d58a-a350),0 24px 70px var(--cf-000000-a600)}
.wt-fenster.wt-alarm .wt-uhr-zeit{color:var(--ct-f6d58a);animation:wt-blinken 1s steps(2,start) infinite}
@keyframes wt-blinken{to{visibility:hidden}}

/* Weitergeben (Rechner, Einheiten, großer Rechner) */
.wt-weiter{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wt-weiter-k{min-height:44px;color:var(--ct-7ee7c8);border-color:var(--cr-7ee7c8-a450);background:var(--cf-7ee7c8-a080)}
.wt-weiter-k:hover:not(:disabled){border-color:var(--cr-7ee7c8);background:var(--cf-7ee7c8-a160)}
.wt-weiter-seite{margin-top:2px}

/* Rechner im Fenster */
.wt-f-rechner .tr{gap:10px}
.wt-f-rechner .tr-t{min-height:46px}
.wt-f-rechner .tr-wiss .tr-t{min-height:42px;font-size:.92rem}
.wt-f-rechner .tr-modus{min-height:40px;padding:0 12px}
.wt-f-rechner .tr-winkel{min-height:40px}
.wt-f-rechner .tr-ergebnis{font-size:1.6rem}
.wt-f-rechner .tr-verlauf-hinweis{display:none}

/* ---------- Notizzettel ---------- */
.wt-wand{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.wt-leer{margin:4px 0 8px;color:var(--ct-abb5c8)}
.wt-zk{display:flex;flex-direction:column;min-height:170px;border-radius:4px 4px 16px 4px;box-shadow:0 8px 18px var(--cf-000000-a350);overflow:hidden}
.wt-zk-text{flex:1 1 auto;width:100%;min-height:120px;padding:10px 11px;border:0;background:transparent;color:inherit;font-size:.95rem;line-height:1.45;resize:vertical}
.wt-zk-text:focus{outline:none;box-shadow:inset 0 0 0 2px var(--cf-0f1823-a550)}
.wt-zk-fuss{display:flex;align-items:center;gap:4px;padding:4px 6px 6px;background:var(--cf-0f1823-a100)}
.wt-zk-farben{display:flex;gap:3px;flex:1;min-width:0}
.wt-fp{width:22px;height:22px;padding:0;border:2px solid var(--cr-0f1823-a350);border-radius:50%;cursor:pointer}
.wt-fp[aria-pressed="true"]{border-color:var(--cr-0f1823);box-shadow:0 0 0 2px var(--cf-ffffff-a750)}
.wt-zk-k{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 6px;border:1px solid var(--cr-0f1823-a300);border-radius:9px;background:var(--cf-ffffff-a350);color:var(--ct-0f1823);font-size:.8rem;font-weight:850;cursor:pointer}
.wt-zk-k:hover{background:var(--cf-ffffff-a600)}
.wt-zk .wt-zk-k:focus-visible,.wt-klebe .wt-zk-k:focus-visible,.wt-fp:focus-visible{outline:3px solid var(--cr-0f1823);outline-offset:1px}
.wt-farbe-gelb{background:var(--cf-f6d58a);color:var(--ct-1a1f29)}
.wt-farbe-mint{background:var(--cf-7ee7c8);color:var(--ct-1a1f29)}
.wt-farbe-blau{background:var(--cf-8bdcff);color:var(--ct-1a1f29)}
.wt-farbe-rosa{background:var(--cf-f3a6a0);color:var(--ct-1a1f29)}
.wt-farbe-lila{background:var(--cf-c7b7ff);color:var(--ct-1a1f29)}
.wt-klebe{position:fixed;z-index:958;display:flex;flex-direction:column;width:230px;height:210px;min-width:160px;min-height:120px;max-width:600px;max-height:600px;overflow:hidden;resize:both;border-radius:4px 4px 18px 4px;box-shadow:0 16px 34px var(--cf-000000-a500)}
.wt-klebe-kopf{display:flex;align-items:center;gap:4px;padding:4px 4px 4px 8px;background:var(--cf-0f1823-a120);cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}
.wt-klebe-griff{flex:1;height:6px;margin-right:6px;border-radius:6px;background:repeating-linear-gradient(90deg,var(--cf-0f1823-a350) 0 4px,transparent 4px 8px)}
.wt-klebe .wt-zk-text{min-height:0;resize:none}

/* ---------- Notepad ---------- */
.wt-fenster.wt-gross{width:660px}
.wt-f-notepad .wt-inhalt{display:flex;flex-direction:column;gap:8px;overflow:hidden}
.wt-np-leiste,.wt-np-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.wt-np-leiste .wt-knopf{min-height:36px;padding:0 11px}
.wt-np-docs,.wt-np-sprache select,.wt-np-name input,.wt-feld input,.wt-feld select{min-height:36px;padding:0 10px;border:1px solid var(--cr-6f8396-a500);border-radius:10px;background:var(--cf-0f1823);color:var(--ct-f3f6fb);font-size:.88rem}
.wt-np-docs{max-width:180px}
.wt-np-name,.wt-np-sprache{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:750;color:var(--ct-abb5c8)}
.wt-np-name{flex:1 1 180px;min-width:150px}
.wt-np-name input{flex:1;min-width:0}
.wt-np-modi,.wt-uhr-seg{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--cr-6f8396-a450);border-radius:999px;background:var(--cf-0f1823)}
.wt-np-umbruch,.wt-uhr-ton{display:inline-flex;align-items:center;gap:6px;min-height:36px;font-size:.84rem;color:var(--ct-abb5c8);cursor:pointer}
.wt-np-umbruch input,.wt-uhr-ton input{width:18px;height:18px;accent-color:var(--ct-00b4d8)}
.wt-np-meldung{margin:0;padding:7px 11px;border:1px solid var(--cr-00b4d8-a450);border-radius:10px;background:var(--cf-00b4d8-a100);color:var(--ct-f3f6fb);font-size:.85rem}
.wt-np-ed{position:relative;display:flex;flex:1 1 auto;min-height:180px;border:1px solid var(--cr-6f8396-a500);border-radius:12px;background:var(--cf-0b111a);overflow:hidden}
.wt-np-ed:focus-within{border-color:var(--cr-00b4d8);box-shadow:0 0 0 3px var(--cf-00b4d8-a220)}
.wt-np-nr{display:none;flex:0 0 auto;min-width:3.2em;padding:10px 8px 10px 6px;overflow:hidden;border-right:1px solid var(--cr-6f8396-a300);background:var(--cf-0f1823);color:var(--ct-6f8396);font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;text-align:right;white-space:pre;user-select:none;-webkit-user-select:none}
.wt-np-flaeche{position:relative;flex:1 1 auto;min-width:0}
.wt-np-hl,.wt-np-text{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:10px 12px;border:0;font-size:15px;line-height:1.55;tab-size:4;-moz-tab-size:4;letter-spacing:0;word-spacing:0}
.wt-np-hl{display:none;overflow:hidden;padding-bottom:40px;color:var(--ct-e6edf6);white-space:pre;pointer-events:none}
.wt-np-hl code{font:inherit;background:none;padding:0;color:inherit}
.wt-np-text{display:block;resize:none;background:transparent;color:var(--ct-f3f6fb);caret-color:var(--ct-7ee7c8);font-family:inherit;white-space:pre-wrap;overflow:auto;outline:none}
.wt-np-text.wt-np-ohne-umbruch{white-space:pre}
.wt-np-code .wt-np-nr{display:block}
.wt-np-code .wt-np-hl{display:block}
.wt-np-code .wt-np-hl,.wt-np-code .wt-np-text{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:13px;white-space:pre}
.wt-np-code .wt-np-text{color:transparent;-webkit-text-fill-color:transparent}
.wt-np-code .wt-np-text::selection{background:var(--cf-00b4d8-a350)}
.wt-np-text::placeholder{color:var(--ct-6f8396)}
.wt-hl-k{color:var(--ct-61cef0);font-weight:700}
.wt-hl-s{color:var(--ct-b8d887)}
.wt-hl-c{color:var(--ct-78839a);font-style:italic}
.wt-hl-n{color:var(--ct-f1c974)}
.wt-hl-a{color:var(--ct-c7b7ff)}
.wt-hl-f{color:var(--ct-7ee7c8)}
.wt-np-status{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--ct-abb5c8);font-size:.78rem}
.wt-np-st-sp{margin-left:auto;font-weight:750}
.wt-np-st-sp.wt-ok{color:var(--ct-7ee7c8)}
.wt-np-st-sp.wt-warn{color:var(--ct-f6d58a)}

/* ---------- Einheiten ---------- */
.wt-eh{display:grid;gap:10px;margin-bottom:10px}
.wt-feld{display:grid;gap:4px;min-width:0;font-size:.8rem;font-weight:750;color:var(--ct-abb5c8)}
.wt-feld input,.wt-feld select{width:100%;min-height:42px;font-size:.95rem}
.wt-feld input[aria-invalid="true"]{border-color:var(--cr-ff8a8a)}
.wt-eh-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}
.wt-tausch{height:42px;font-size:1.1rem}
.wt-eh-erg{display:block;min-height:2.6em;padding:10px 12px;border:1px solid var(--cr-7ee7c8-a450);border-radius:12px;background:var(--cf-7ee7c8-a080);color:var(--ct-7ee7c8);font-size:1.15rem;font-weight:850;overflow-wrap:anywhere}
.wt-eh-erg.wt-fehler{border-color:var(--cr-ff8a8a-a500);background:var(--cf-ff8a8a-a080);color:var(--ct-ff8a8a);font-size:.92rem;font-weight:700}

/* ---------- Stoppuhr & Timer ---------- */
.wt-f-uhr .wt-inhalt{display:grid;gap:10px;justify-items:stretch}
.wt-uhr-seg{justify-self:center}
.wt-uhr-zeit{padding:8px 0;color:var(--ct-f3f6fb);font-size:2.6rem;font-weight:850;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.wt-uhr-teil{display:grid;gap:10px}
.wt-uhr-akt{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.wt-uhr-akt .wt-knopf{min-height:44px;min-width:96px}
.wt-uhr-runden{display:grid;gap:4px;max-height:150px;margin:0;padding:0 0 0 4px;overflow:auto;list-style:none;color:var(--ct-abb5c8);font-size:.86rem;font-variant-numeric:tabular-nums}
.wt-uhr-eingabe{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wt-uhr-schnell{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.wt-uhr-ton{justify-self:center}
.wt-uhr-info{text-align:center;margin:0}

/* ---------- Kleine Bildschirme: Fenster als Blatt über der Leiste ---------- */
@media (max-width:760px){
  .wt-griff{bottom:calc(var(--wt-unten,0px) + 72px + env(safe-area-inset-bottom,0px));width:50px}
  .wt-leiste-innen{width:100%;border-radius:16px 16px 0 0;border-left:0;border-right:0;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));--wt-platz:min(50px,calc((100vw - 92px) / 5))}
  .wt-slots{grid-template-columns:repeat(5,var(--wt-platz))}
  .wt-leiste-rechts{flex-direction:column}
  .wt-leiste-rechts .wt-l-knopf{min-height:42px}
  .wt-reihe{justify-content:space-between}
  .wt-slots{gap:3px}
  .wt-slot-name,.wt-status{display:none}
  .wt-taschen-knopf span{display:none}
  .wt-lz-spur{width:84px}
  .wt-platz svg{width:21px;height:21px}
  .wt-l-knopf{padding:0 10px}
  .wt-trenner{display:none}
  .wt-fenster{left:6px!important;right:6px!important;top:auto!important;bottom:calc(var(--wt-leiste-h,0px) + var(--wt-unten,0px) + 6px);width:auto!important;height:auto!important;min-width:0;max-width:none;max-height:calc(100vh - var(--wt-leiste-h,0px) - var(--wt-unten,0px) - 70px);max-height:calc(100dvh - var(--wt-leiste-h,0px) - var(--wt-unten,0px) - 70px);resize:none;border-radius:16px}
  .wt-kopf{cursor:default}
  .wt-f-notepad{height:calc(100dvh - var(--wt-leiste-h,0px) - var(--wt-unten,0px) - 70px)!important}
  .wt-nur-gross,.wt-klebe{display:none!important}
  .wt-wand{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .wt-uhr-zeit{font-size:2.2rem}
}
@media (prefers-reduced-motion:reduce){
  .wt-griff,.wt-leiste-innen,.wt-panel,.wt-hinweis,.wt-fenster,.wt-platz,.wt-xp-fuell,.wt-lz-fuell,.wt-xp,.wt-e-ic{animation:none!important;transition:none!important}
  .wt-voll:hover,.wt-e-ic:hover,.wt-ziel{transform:none!important}
  .wt-xp-plus{display:none}
  .wt-griff:hover{transform:none}
  .wt-griff.wt-alarm,.wt-fenster.wt-alarm .wt-uhr-zeit{animation:none!important}
}
@media print{.wt-griff,.wt-leiste,.wt-fenster,.wt-klebe{display:none!important}html.wt-offen body{padding-bottom:0}}