:root{--ground:#f4ecdc;--panel:#fbf7ef;--panel-2:#efe4cc;--line:#d9cdb5;--ink:#2a2119;--muted:#6e5f4e;--gold:#8f6f2e;--ok:#2f6b3a;--alarm:#9a3b2e;--claude:#2e5a8a;--on-ink:#fbf7ef;--field:#fff;--display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--body:"Jost", "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#17130f;--panel:#221c16;--panel-2:#2b241c;--line:#3d342a;--ink:#f1e8d6;--muted:#b5a68f;--gold:#d2ae6a;--ok:#7fbf8a;--alarm:#e58b7b;--claude:#8fb3e0;--on-ink:#17130f;--field:#2b241c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#17130f;--panel:#221c16;--panel-2:#2b241c;--line:#3d342a;--ink:#f1e8d6;--muted:#b5a68f;--gold:#d2ae6a;--ok:#7fbf8a;--alarm:#e58b7b;--claude:#8fb3e0;--on-ink:#17130f;--field:#2b241c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--body);margin:0;font-size:14px;line-height:20px}h1,h2,h3{font-family:var(--display);margin:0;font-weight:600}a{color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--muted)}a.btn{color:var(--ink);text-decoration:none}.karte h3{font-size:24px;line-height:28px}.btn{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:inline-flex}.btn-primary{background:var(--ink);color:var(--on-ink);border:0;font-weight:500}.btn-danger{border-color:var(--alarm);color:var(--alarm)}.pill{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px}.pill.gold{border-color:var(--gold);color:var(--gold)}.pill.ok{border-color:var(--ok);color:var(--ok)}.pill.claude{border-color:var(--claude);color:var(--claude)}.login{min-height:100%;padding:24px max(16px, env(safe-area-inset-left,0px));justify-content:center;align-items:center;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:40px 32px;display:flex}.login-card .eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--gold);text-align:center;font-size:11px}.login-card h1{text-align:center;font-size:40px;line-height:44px}.login-card p{text-align:center;margin:0}.fehler{border:1px solid var(--alarm);color:var(--alarm);background:var(--panel-2);border-radius:10px;padding:10px 12px}.shell{min-height:100%;display:flex}.nav{background:var(--panel-2);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:6px;width:220px;padding:24px 16px;display:flex}.nav .marke{font-family:var(--display);padding:0 12px 16px;font-size:28px;font-weight:600;line-height:32px}.nav button.item{text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.nav button.item[aria-current=page]{background:var(--ink);color:var(--on-ink);font-weight:500}.nav button.item .stufe{color:var(--muted);font-size:11px}.nav button.item[aria-current=page] .stufe{color:var(--on-ink);opacity:.7}.nav .spacer{flex:1}.konto{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:10px;padding:12px;font-size:13px;display:flex}.konto b{color:var(--ink)}.theme-switch{background:var(--ground);border-radius:10px;gap:4px;padding:4px;display:flex}.theme-switch button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;font-size:12px}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.kopf{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:0 32px;display:flex}.kopf h2{font-size:24px}.inhalt{flex-direction:column;gap:16px;padding:24px 32px;display:flex}.karte{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.raster{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;display:grid}.kennzahl{font-family:var(--display);font-size:36px;font-weight:600;line-height:40px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}th{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.tabelle{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow-x:auto}input[type=text],input[type=email],input[type=url],input[type=date],input[type=time],input[type=search],select{border:1px solid var(--line);background:var(--field);min-height:40px;color:var(--ink);font:inherit;border-radius:8px;padding:0 10px}.code{color:var(--muted);word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:12px}.tabs{display:none}@media (width<=720px){.nav{display:none}.kopf{padding:0 16px}.inhalt{padding:16px max(16px, env(safe-area-inset-right,0px)) 96px max(16px, env(safe-area-inset-left,0px))}.tabs{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--panel-2);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{background:0 0;border:0;border-radius:10px;min-height:48px;font-size:12px}.tabs button[aria-current=page]{background:var(--ink);color:var(--on-ink)}}.pill.alarm{border-color:var(--alarm);color:var(--alarm)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.link{color:var(--ink);text-underline-offset:3px;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.hinweis{border:1px solid var(--gold);color:var(--gold);background:var(--panel-2);border-radius:10px;margin:0;padding:8px 12px;font-size:13px}.werkzeuge{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.werkzeuge input[type=search]{flex:1;min-width:160px}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--panel);border-radius:999px;min-height:40px;padding:0 14px}.chip-btn[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.radio-chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 14px;display:inline-flex}.radio-chip:has(input:checked){border-color:var(--ink);background:var(--panel-2);font-weight:500}.zeile-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.knopf-zeile{flex-wrap:wrap;gap:8px;display:flex}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;display:grid}.liste-zeile{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.liste-zeile:last-child{border-bottom:0}.liste-zeile input[type=checkbox]{width:20px;height:20px;accent-color:var(--ink)}.verlauf{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:6px 0;display:flex}.verlauf:last-child{border-bottom:0}.formular{flex-direction:column;gap:14px;display:flex}.formular-raster{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;display:grid}.feld{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.feld label,.feld legend{color:var(--muted);padding:0;font-size:12px}.feld legend{margin-bottom:6px}.feedback-zeile{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 0;display:flex}tr.klickbar{cursor:pointer}tr.klickbar:hover td{background:var(--panel-2)}details summary{cursor:pointer;color:var(--muted);padding:6px 0}.board{grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.spalte{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.spalte-kopf{justify-content:space-between;align-items:center;font-weight:500;display:flex}.lead-karte{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.lead-karte.faellig{border-color:var(--alarm);box-shadow:inset 3px 0 0 var(--alarm)}.ueberlage{z-index:20;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.seitenblatt{background:var(--ground);border-left:1px solid var(--line);flex-direction:column;width:min(560px,100%);height:100%;display:flex;overflow-y:auto}.blatt-kopf{z-index:1;background:var(--panel-2);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.blatt-kopf h2{overflow-wrap:anywhere;font-size:24px;line-height:28px}.blatt-inhalt{flex-direction:column;gap:16px;padding:16px 20px 32px;display:flex}.phasen{gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.phasen button{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex:1 0 auto;min-height:44px;padding:0 14px;font-size:13px}.phasen button.fertig{background:var(--panel-2);color:var(--muted)}.phasen button.jetzt{background:var(--ink);color:var(--on-ink);border-color:var(--ink);cursor:default;font-weight:500}.brain-rahmen{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:100%;height:calc(100vh - 140px);min-height:480px}@media (width<=720px){.board{grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}.blatt-kopf{padding:12px 16px}.blatt-inhalt{padding:12px 16px 32px}.karte{padding:16px}.brain-rahmen{height:calc(100vh - 180px)}}.vorgaenge{flex-direction:column;gap:12px;display:flex}.vorgang{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.vorgang.laeuft{border-color:var(--claude);box-shadow:inset 3px 0 0 var(--claude)}.schritte{flex-direction:column;gap:4px;margin:4px 0;padding-left:22px;display:flex}.schritte li{flex-direction:column;display:flex}.schritte li[data-status=ok]::marker{color:var(--ok)}.schritte li[data-status=fehler] span:first-child{color:var(--alarm)}.schritte li[data-status=laeuft] span:first-child{color:var(--claude);font-weight:500}code{background:var(--panel-2);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.einrichten{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.einrichten li{align-items:flex-start;gap:12px;display:flex}.schritt-nr{border:2px solid var(--line);counter-increment:schritt;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:600;display:inline-flex}.einrichten{counter-reset:schritt}.schritt-nr:empty:before{content:counter(schritt);color:var(--muted);font-size:13px}.schritt-nr.ok{border-color:var(--ok);background:var(--ok);color:var(--on-ink)}.verbinden-karte{max-width:520px}.code-gross{letter-spacing:4px;text-align:center;border:1px dashed var(--line);border-radius:12px;margin:0;padding:12px;font-family:ui-monospace,Menlo,monospace;font-size:32px;line-height:40px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}