.wk-shell{min-height:100dvh}.wk-header{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 20px;display:flex}.wk-header h1{margin:0;font-size:16px;font-weight:600}.wk-stufen{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.wk-stufen button,.iconbtn,.werkbank-row button{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:13px}.wk-stufen [aria-current=page]{background:var(--color-accent-soft);color:var(--accent);border-color:var(--accent);font-weight:600}.wk-recht-theme{align-items:center;gap:12px;font-size:13px;display:flex}.wk-shell button:focus-visible,.wk-shell summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wk-main{max-width:var(--breite-werkbank);grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:20px;margin:0 auto;padding:16px 20px 40px;display:grid}.wk-live{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid;position:sticky;top:12px}.wk-erklaerung{min-width:0}.wk-main h2{margin:0;font-size:15px;font-weight:600}.play{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:10px 12px 12px}.play-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rec{background:var(--color-err);border-radius:50%;flex:none;width:8px;height:8px}.slow{color:var(--ink-2);cursor:pointer;align-items:center;gap:5px;margin-left:auto;font-size:13px;display:inline-flex}.slow-ms{color:var(--ink-3)}.zeitlupe-hinweis{background:var(--ctx-bg);border:1px solid var(--ctx-border);overflow-wrap:anywhere;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:8px;padding:6px 8px 6px 10px;font-size:13px;line-height:1.45;display:flex}.hint-x{cursor:pointer;color:var(--ink-3);background:0 0;border:0;flex:none;padding:0 2px;font-size:18px;line-height:1}.clock{border:1px solid var(--ctx-border);border-left:4px solid var(--ctx);background:var(--ctx-bg);overflow-wrap:anywhere;border-radius:8px;justify-items:start;gap:6px;margin-top:10px;padding:8px 12px;font-size:14px;display:grid}.clock[hidden]{display:none}.clock svg{vertical-align:-.12em;flex:none;width:1em;height:1em;display:inline-block}.clock .capbtn{align-items:center;gap:5px;display:inline-flex}.timer-bar{background:var(--ctx);transform-origin:0;border-radius:3px;width:100%;height:5px;animation:linear forwards timer-shrink;display:block}@keyframes timer-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.aufnahme-voll{color:var(--ink-2);overflow-wrap:anywhere;margin:10px 0;font-size:13px}.aufnahme-voll p{margin:0 0 6px}.capbtn{border:1px solid var(--ctx);color:var(--ctx);background:var(--surface);cursor:pointer;border-radius:6px;padding:3px 10px;font-size:13px;font-weight:600}.wb-note{color:var(--ink-3);font-size:12.5px}.wk-frame{background:var(--surface-2);border:0;width:100%;display:block}.werkbank-row{justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;display:flex}.werkbank-row span{color:var(--ink-3);font-size:12px}.werkbank-row button{background:var(--surface);white-space:nowrap}.verlauf-h{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.sub{color:var(--ink-3);font-size:12.5px}.strip{flex-wrap:nowrap;gap:6px;padding:3px;display:flex;overflow-x:auto}.evc{white-space:nowrap;border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--ink-2);border-radius:999px;flex:none;padding:2px 11px;font-size:13px}.evc.tm{border-color:var(--ctx-border);color:var(--ctx)}.evc[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.evc.tm[aria-current=true]{background:var(--ctx);border-color:var(--ctx)}.chain-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spacer{flex:1}.iconbtn:disabled{opacity:.4;cursor:default}.iconbtn.live{border-color:var(--accent);color:var(--accent);font-weight:600}.ev-title{min-height:26px;margin:4px 0 12px;font-size:17px;font-weight:600}.past{background:var(--color-warn-bg);border-left:3px solid var(--color-warn);border-radius:6px;margin:-4px 0 12px;padding:5px 10px;font-size:13px;line-height:1.45}.einstieg{border:1px solid var(--color-accent-soft-2);background:var(--color-accent-soft);overflow-wrap:anywhere;border-radius:10px;min-width:0;margin:8px 0 12px;font-size:14px}.einstieg>summary{cursor:pointer;color:var(--accent);width:100%;padding:7px 12px;font-weight:600}.einstieg[open]>summary{border-bottom:1px solid var(--color-accent-soft-2)}.ein-b{gap:8px;padding:8px 12px 10px;line-height:1.45;display:grid}.ein-b p{margin:0}.ein-flow{gap:3px;margin:0;padding:0;list-style:none;display:grid}.ein-flow li{grid-template-columns:104px minmax(0,1fr);gap:8px;display:grid}.ein-flow b{font-weight:600}.ein-terms{grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;margin:0;font-size:13.5px;display:grid}.ein-terms dt{font-weight:600}.ein-terms dd{color:var(--ink-2);margin:0}.ein-marks{color:var(--ink-2);font-size:13px}.ein-marks .pv{white-space:nowrap;padding-top:0;padding-bottom:0;display:inline-block}.chain-tools{flex-wrap:wrap;align-items:baseline;gap:8px;margin:-4px 0 8px;display:flex}.linkbtn{cursor:pointer;color:var(--accent);margin-left:auto;font-size:13px}.stations{gap:8px;margin:0;padding:0;list-style:none;display:grid}.st{--tc:var(--accent);border:1px solid var(--border);border-left:5px solid var(--tc);background:var(--surface);border-radius:10px;min-width:0;position:relative}.tone-Verteilen,.tone-Danach{--tc:var(--ctx)}.tone-Danach[data-st="4"]{--tc:var(--ink-3)}.tone-Anzeigen{--tc:var(--color-ok)}.st[data-st=\!]{--tc:var(--color-ink-4)}.st[data-st=\!] .badge{background:var(--surface-3);color:var(--ink-2)}.st.same{--tc:var(--color-ink-4);background:var(--surface-2)}.st.same .st-h{padding-top:4px;padding-bottom:4px}.st.same .gist,.st.same .lab{color:var(--ink-3);font-size:13px}.st.same .badge{background:var(--surface-3);color:var(--ink-2);width:20px;height:20px;font-size:11.5px}.st.same .sv,.st[data-st=\!] .sv{color:var(--ink-3)}.same-tag{color:var(--ink-3);flex:none;font-size:12px;font-style:italic}.neu-line{color:var(--ink);overflow-wrap:anywhere;flex-basis:100%;font-size:13px}.neu-line b{font-weight:600}.after-note{color:var(--ink-3);font-size:14px;font-weight:400}.evc-after{color:var(--ink-3);font-size:11.5px}.evc[aria-current=true] .evc-after{color:inherit}.st:not(:last-child):after{content:"";background:var(--tc);opacity:.55;width:2px;height:11px;position:absolute;bottom:-10px;left:23px}.st.open{box-shadow:0 1px 6px color-mix(in srgb, var(--tc) 18%, transparent)}.st-h{cursor:pointer;text-align:left;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 10px;width:100%;padding:8px 12px;display:flex}.badge{background:var(--tc);width:24px;height:24px;color:var(--color-bg);font:600 13px var(--font-mono);border-radius:50%;flex:none;place-items:center;display:inline-grid}.lab{flex:none;width:76px;font-size:14px;font-weight:600}.gist{overflow-wrap:anywhere;flex:220px;min-width:0;font-size:14px}.wk-main code{font-family:var(--font-mono);background:var(--surface-3);overflow-wrap:anywhere;border-radius:3px;padding:0 4px;font-size:.92em}.term{font:500 11.5px var(--font-mono);color:var(--ink-3);background:var(--surface-3);border-radius:999px;flex:none;padding:1px 8px}.chev{border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);flex:none;width:8px;height:8px;transition:transform .16s ease-out;transform:rotate(45deg)translateY(-2px)}.st.open .chev{border-color:var(--tc);transform:rotate(225deg)translate(-2px)}.st-w{animation:.16s ease-out reveal}@keyframes reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.st-b{min-width:0;padding:0 12px 10px 46px}.st-b h3{overflow-wrap:anywhere;margin:0;font-size:15.5px;font-weight:600}.st-t{overflow-wrap:anywhere;margin:3px 0 0}.st-n{color:var(--ink-2);background:var(--color-warn-bg);border-radius:6px;margin:6px 0 0;padding:3px 8px;font-size:13px}.prov{color:var(--ink-2);flex-wrap:wrap;gap:4px 6px;margin:8px 0 0;font-size:12.5px;display:flex}.pv{overflow-wrap:anywhere;border-radius:6px;min-width:0;padding:1px 8px}.pv b{margin-right:4px;font-weight:600}.p-rec{background:var(--color-ok-bg);color:var(--color-ok)}.p-rec b:before{content:"● "}.p-cod{background:var(--surface-3);color:var(--ink-2)}.p-cod b:before{content:"▤ "}.what{margin-top:6px;font-size:13.5px}.what summary{cursor:pointer;color:var(--accent);width:fit-content}.what p{color:var(--ink-2);background:var(--surface-2);border-radius:6px;margin:4px 0 0;padding:6px 10px}.nicht-aufgezeichnet{color:var(--ink-3)}.why summary{color:var(--ctx)}.why-steps{background:var(--ctx-bg);border:1px solid var(--ctx-border);color:var(--ink);border-radius:8px;gap:6px;margin:6px 0 0;padding:8px 10px 8px 30px;list-style:decimal;display:grid}.why-steps li::marker{color:var(--ctx);font-weight:600}.why-src{border-radius:4px;margin-right:4px;padding:0 6px;font-size:11.5px;font-weight:600;display:inline-block}.ws-aufnahme{background:var(--color-ok-bg);color:var(--color-ok)}.ws-code{background:var(--surface-3);color:var(--ink-2)}.ws-regel{background:var(--ctx-bg);color:var(--ctx);border:1px solid var(--ctx-border)}.what .why-foot{color:var(--ink-2);margin-top:6px;font-size:13px}.mtree{margin-top:8px;font-size:13px;line-height:1.35}.mtree ul{margin:0;padding:0;list-style:none}.mtree ul ul{border-left:1.5px solid var(--border);margin-left:9px;padding-left:12px}.mtree ul ul.mt-scope{border-left:3px solid var(--ctx-border);background:color-mix(in srgb, var(--ctx) 5%, transparent);border-radius:0 6px 6px 0;padding-top:2px;padding-bottom:2px}.mtree li{overflow-wrap:anywhere;min-width:0;padding:2px 0}.mt-n{font:500 12.5px var(--font-mono);border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:0 7px;display:inline-block}.mt-n.rd{background:var(--ctx-bg);border-color:var(--ctx-border);color:var(--ctx);font-weight:600}.mt-n.own{border-color:var(--ctx);color:var(--ctx);font-weight:600}.mt-n.idle{color:var(--ink-3);background:var(--surface-2);border-style:dashed}.mt-t{color:var(--ink-3);margin-left:6px;font-size:12px}.snip{background:var(--surface-2);border:1px solid var(--border);font:12.5px/1.55 var(--font-mono);border-radius:8px;min-width:0;margin-top:8px;padding:4px 0}.sl{border-left:3px solid var(--tc);background:var(--surface);grid-template-columns:36px minmax(0,1fr);column-gap:10px;padding:0 10px 0 0;display:grid}.sl .no{text-align:right;color:var(--ink-3);padding-left:4px}.sl .cd{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.sl .sv{color:var(--tc);overflow-wrap:anywhere;grid-column:2;font-weight:600}.sgap{color:var(--ink-3);padding-left:36px;line-height:1.1}.tk-schluesselwort{color:var(--code-kw)}.tk-string{color:var(--code-str)}.tk-tag{color:var(--code-tag)}.tk-kommentar{color:var(--code-com);font-style:italic}.snip-f{text-align:right;margin:4px 0 0}.codelink{cursor:pointer;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-align:left;overflow-wrap:anywhere;font-size:12.5px}.codelink:hover{text-decoration:underline}.srcbtn-wrap button{text-align:left;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:100%;color:var(--ink);border-radius:10px;margin-top:14px;padding:10px 14px;font-size:14px;font-weight:600}.srcbtn-wrap .file{font:400 13px var(--font-mono);color:var(--ink-2);margin-left:6px}.drawer{z-index:30;background:var(--surface);border-top:2px solid var(--accent);min-height:220px;box-shadow:0 -8px 24px color-mix(in srgb, var(--ink) 18%, transparent);visibility:hidden;flex-direction:column;transition:transform .2s ease-out,visibility .2s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.drawer.in{visibility:visible;transform:none}.dr-grip{cursor:ns-resize;touch-action:none;flex:none;place-items:center;height:14px;margin-top:-7px;display:grid}.dr-grip span{background:var(--ink-3);border-radius:3px;width:44px;height:5px}.dr-grip:hover span,.dr-grip:focus-visible span{background:var(--accent)}.dr-grip:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.dr-h .iconbtn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.dr-h{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 12px;font-size:13.5px;display:flex}.dr-what,.dr-stelle{color:var(--ink-2);overflow-wrap:anywhere;min-width:0}pre.code{min-height:0;font:13px/1.6 var(--font-mono);background:var(--surface);tab-size:2;flex:1;margin:0;padding:8px 0;overflow:auto}pre.code:after{content:"";height:max(28vh,146.667px);display:block}pre.code .ln{white-space:pre;width:max-content;min-width:100%;padding:0 14px 0 0;display:block}pre.code .no{text-align:right;width:50px;color:var(--ink-3);-webkit-user-select:none;user-select:none;padding-right:12px;display:inline-block}pre.code .ln.mk{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--accent)}pre.code .ln.mk .no{background:var(--color-accent-soft-2);color:var(--ink)}pre.code .ln.mk.cur .no{background:var(--accent);color:var(--on-accent);font-weight:600}.rohstand{overflow-wrap:anywhere}.rohstand ul{padding-left:18px}@media (width<=860px){.wk-main{grid-template-columns:minmax(0,1fr);padding:12px 16px 32px}.wk-live{position:static}.wk-header{padding:8px 16px}}@media (width<=560px){.lab{flex:1;width:auto}.gist{flex-basis:100%;order:3;padding-left:34px}.term{font-size:10px}.st-b{padding-left:12px}.ein-flow li{grid-template-columns:minmax(0,1fr);gap:0}.same-tag{display:none}}@media (prefers-reduced-motion:reduce){.st-w,.chev,.drawer{transition:none;animation:none}.timer-bar{transform:scaleX(var(--restanteil));animation:none}}