@import"https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #0c0d10;--panel: #15171c;--panel-2: #1c1f26;--line: #2a2e38;--text: #e8e9ec;--muted: #8b8f9a;--accent: #ff7a18;--accent-dim: #b8560f;--ok: #3ecf8e;--bad: #f0506e;--radius: 10px;--font-display: "Archivo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;min-height:100vh}.app{max-width:1100px;margin:0 auto;padding:32px 24px 64px}.topbar{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px}.brand{font-weight:800;font-size:20px;letter-spacing:-.02em}.brand span{color:var(--accent)}.who{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.who b{color:var(--text)}.role-pill{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:999px;border:1px solid var(--accent-dim);color:var(--accent);margin-left:10px}.slot{border:1px dashed var(--line);border-radius:var(--radius);background:var(--panel);padding:22px 24px;margin-bottom:14px}.slot h2{font-size:15px;letter-spacing:-.01em;margin-bottom:4px}.slot p{font-family:var(--font-mono);font-size:12px;color:var(--muted);line-height:1.6}button{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--bg);background:var(--accent);border:none;border-radius:8px;padding:10px 18px;cursor:pointer}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.center{min-height:70vh;display:grid;place-items:center;text-align:center;gap:18px}.tabs{display:flex;gap:8px;margin-bottom:22px}.tab{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;background:transparent;color:var(--muted);border:1px solid var(--line);padding:8px 14px;border-radius:8px}.tab.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:20px 22px;margin-bottom:14px}.card h3{font-size:14px;letter-spacing:-.01em;margin-bottom:14px;display:flex;align-items:baseline;justify-content:space-between}.card h3 .mult{font-family:var(--font-mono);font-size:11px;color:var(--accent);font-weight:500}.qrow{display:grid;grid-template-columns:1fr auto;gap:12px 18px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.qrow:first-of-type{border-top:none}.qlabel{font-size:13px;color:var(--text)}.skala{display:flex;gap:4px}.skala button{width:30px;height:30px;padding:0;font-family:var(--font-mono);font-size:12px;font-weight:500;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:6px}.skala button.sel{background:var(--accent);color:var(--bg);border-color:var(--accent)}.skala button:disabled{opacity:.55;cursor:default}.qrow textarea{grid-column:1 / -1;width:100%;min-height:64px;resize:vertical;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:var(--font-display);font-size:13px;line-height:1.5}.qrow textarea:disabled{color:var(--muted)}.scorebar{position:sticky;bottom:0;margin-top:18px;background:var(--panel-2);border:1px solid var(--accent-dim);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.scorebar .big{font-family:var(--font-mono);font-size:26px;font-weight:500;color:var(--accent)}.scorebar .meta{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.scorebar .note{color:var(--text);font-weight:600}.banner{border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:13px;font-family:var(--font-mono)}.banner.frozen{background:#3ecf8e14;border:1px solid var(--ok);color:var(--ok)}.banner.err{background:#f0506e14;border:1px solid var(--bad);color:var(--bad)}.banner.info{background:var(--panel-2);border:1px solid var(--line);color:var(--muted)}.muted{color:var(--muted);font-family:var(--font-mono);font-size:12px}.row-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.devswitch{display:inline-flex;gap:4px;margin-right:14px}.devswitch .tab{padding:5px 10px;font-size:11px}.progress{height:4px;background:var(--line);border-radius:999px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:var(--accent);transition:width .25s ease}input.weight{width:70px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-family:var(--font-mono);font-size:13px;text-align:center}select.idpick{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-family:var(--font-mono);font-size:11px;margin-right:12px;max-width:240px}details.zuklapp{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:4px 16px;margin-top:18px}details.zuklapp>summary{cursor:pointer;font-family:var(--font-mono);font-size:12px;color:var(--muted);padding:10px 0;list-style:none}details.zuklapp>summary:hover{color:var(--text)}details.zuklapp[open]>summary{color:var(--text);margin-bottom:6px}.testlogin{display:inline-flex;align-items:center;gap:6px;margin-right:12px}.testbadge{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;background:var(--bad);color:#fff;padding:2px 6px;border-radius:4px}.status{font-family:var(--font-mono);font-size:12px}.status.ok{color:var(--ok)}.status.warten{color:var(--accent)}.fttext{padding:12px 0;border-top:1px solid var(--line)}.fttext:first-of-type{border-top:none;padding-top:4px}.fttext label{display:block;font-size:13px;color:var(--text);margin-bottom:6px}.fttext textarea{width:100%;min-height:76px;resize:vertical;display:block;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:var(--font-display);font-size:13px;line-height:1.5}.fttext textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.verfoot{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;color:var(--muted);text-align:center}.fttext input.dateinput{display:inline-block;width:auto;min-width:200px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-family:var(--font-display);font-size:13px}.fttext input.dateinput:focus{outline:1px solid var(--accent);border-color:var(--accent)}.fttext input.dateinput:disabled{color:var(--muted)}.pill{display:inline-block;font-family:var(--font-mono);font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.pill.gut{color:var(--ok);border-color:var(--ok)}.pill.krit{color:var(--accent);border-color:var(--accent)}.pill.stark{font-weight:700}.katblock{padding:12px 0;border-top:1px solid var(--line)}.katblock:first-of-type{border-top:none}.katblock .kathead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}.katblock .katname{font-weight:600;font-size:14px}.katblock .kattext{font-size:13px;line-height:1.55;white-space:pre-wrap;color:var(--text)}.abschnitt-titel{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}.ampel{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle}.ampel.gruen{background:var(--ok)}.ampel.gelb{background:var(--accent)}.ampel.rot{background:#e5484d}.delta{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.delta.gruen{color:var(--ok)}.delta.gelb{color:var(--accent)}.delta.rot{color:#e5484d}.verlauf-kat{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-top:1px solid var(--line)}.verlauf-kat:first-of-type{border-top:none}.timerbox{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.timer{font-family:var(--font-mono);font-size:30px;font-weight:700;color:var(--text);letter-spacing:1px}.timer.laeuft{color:var(--accent)}.gesprnotiz{margin-top:14px;border-left:3px solid var(--accent);background:#ff7a180f;border-radius:6px;padding:10px 12px}.gesprnotiz>.gn-label{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.gesprnotiz textarea{width:100%;min-height:70px;resize:vertical;display:block;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-family:var(--font-display);font-size:13px;line-height:1.5}.gesprnotiz textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.gesprnotiz textarea:disabled{color:var(--muted)}.gesprnotiz .gn-text{font-size:13px;line-height:1.55;white-space:pre-wrap;color:var(--text)}.gesprnotiz.leer .gn-text{color:var(--muted);font-style:italic}.stickytimer{position:sticky;top:0;z-index:20;background:var(--panel);border:1px solid var(--accent-dim);box-shadow:0 6px 18px #00000073}.cmp{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.cmp .pair{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.cmp .pair b{font-size:19px;color:var(--text);font-weight:700}.cmp .vor{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.deltabadge{font-family:var(--font-mono);font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.deltabadge.gruen{color:var(--ok);border-color:var(--ok);background:#3ecf8e1a}.deltabadge.gelb{color:var(--accent);border-color:var(--accent);background:#ff7a181f}.deltabadge.rot{color:#ff6b6f;border-color:#e5484d;background:#e5484d24}.ampel{width:11px;height:11px}.pill{font-size:12px;padding:4px 12px;font-weight:600}.pill.gut{background:#3ecf8e1f}.pill.krit{background:#ff7a1824}.vl-kat{padding:14px 0;border-top:1px solid var(--line)}.vl-kat:first-of-type{border-top:none}.vl-kathead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.vl-katname{font-weight:600;font-size:15px}.wrow{display:flex;align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--line)}.wrow:first-of-type{border-top:none}.wlabel{flex:1;font-size:14px;color:var(--text)}.wslider{flex:1.4;max-width:360px;accent-color:var(--accent);height:4px;cursor:pointer}.wval{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent);min-width:44px;text-align:right}.deltabadge.pos{color:var(--ok);border-color:var(--ok);background:#3ecf8e1f}.deltabadge.neg{color:#ff6b6f;border-color:#e5484d;background:#e5484d24}.deltabadge.neutral{color:var(--muted);border-color:var(--line);background:transparent}.ampel.pos{background:var(--ok)}.ampel.neg{background:#e5484d}.ampel.neutral{background:var(--muted)}.gfhint{margin-top:8px;padding:8px 12px;border-radius:6px;border-left:3px solid var(--accent);background:#ff7a1812;font-size:12.5px;line-height:1.5;color:var(--text)}.gfhint.pos{border-left-color:var(--ok);background:#3ecf8e14}.gfhint b{color:var(--accent)}.gfhint.pos b{color:var(--ok)}details.vlround>summary{cursor:pointer;list-style:none}details.vlround>summary::-webkit-details-marker{display:none}.vlsum{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}.vlsum .r{font-weight:700;font-size:15px}.vlsum .hf{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.vlsum .sc b{color:var(--text);font-size:15px}