:root{--bg: #f4f6fa;--karte: #ffffff;--rand: #e3e7ee;--rand2: #cfd6e2;--text: #0f172a;--text2: #475569;--text3: #94a3b8;--akzent: #2563eb;--akzent2: #1d4ed8;--akzent-hell: #dbeafe;--gruen: #16a34a;--gruen-hell: #dcfce7;--rot: #dc2626;--rot-hell: #fee2e2;--gelb: #d97706;--gelb-hell: #fef3c7;--orange: #ea580c;--orange-hell: #ffedd5;--grau: #64748b;--grau-hell: #e2e8f0;--seite: #0f172a;--seite-text: #cbd5e1;--seite-aktiv: #1e293b;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--schatten: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .08);--schatten2: 0 8px 24px rgba(15, 23, 42, .12);--radius: 10px;--schirm: #111;color-scheme:light}:root[data-theme=dunkel]{--bg: #0b1220;--karte: #111a2e;--rand: #1f2a44;--rand2: #2d3a59;--text: #e2e8f0;--text2: #a5b4cc;--text3: #64748b;--akzent: #3b82f6;--akzent2: #2563eb;--akzent-hell: #1e3a8a;--gruen: #4ade80;--gruen-hell: #14532d;--rot: #f87171;--rot-hell: #7f1d1d;--gelb: #fbbf24;--gelb-hell: #78350f;--orange: #fb923c;--orange-hell: #7c2d12;--grau: #94a3b8;--grau-hell: #1e293b;--seite: #060b16;--seite-aktiv: #16213a;--schatten: 0 1px 2px rgba(0, 0, 0, .4);--schatten2: 0 8px 24px rgba(0, 0, 0, .5);--schirm: #000;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=hell]){--bg: #0b1220;--karte: #111a2e;--rand: #1f2a44;--rand2: #2d3a59;--text: #e2e8f0;--text2: #a5b4cc;--text3: #64748b;--akzent: #3b82f6;--akzent2: #2563eb;--akzent-hell: #1e3a8a;--gruen: #4ade80;--gruen-hell: #14532d;--rot: #f87171;--rot-hell: #7f1d1d;--gelb: #fbbf24;--gelb-hell: #78350f;--orange: #fb923c;--orange-hell: #7c2d12;--grau: #94a3b8;--grau-hell: #1e293b;--seite: #060b16;--seite-aktiv: #16213a;--schatten: 0 1px 2px rgba(0, 0, 0, .4);--schatten2: 0 8px 24px rgba(0, 0, 0, .5);--schirm: #000;color-scheme:dark}}.s-gruen{--sf: var(--gruen);--sh: var(--gruen-hell)}.s-rot{--sf: var(--rot);--sh: var(--rot-hell)}.s-gelb{--sf: var(--gelb);--sh: var(--gelb-hell)}.s-orange{--sf: var(--orange);--sh: var(--orange-hell)}.s-grau{--sf: var(--grau);--sh: var(--grau-hell)}.s-blau{--sf: var(--akzent);--sh: var(--akzent-hell)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);transition:background-color .2s,color .2s}a{color:var(--akzent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}code,pre,.mono{font-family:var(--mono);font-size:12.5px}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:15px}h3{font-size:13px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em}p{margin:0}::selection{background:var(--akzent-hell)}svg.lucide{flex-shrink:0}.zahl-tab,.dauer,.zeit,td,.kachel .wert{font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:224px 1fr;height:100%}.seite{background:var(--seite);color:var(--seite-text);display:flex;flex-direction:column;padding:14px 10px;gap:4px}.seite .marke{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;color:#fff;font-weight:700;font-size:15px;letter-spacing:-.01em}.seite .marke .claim{display:block;font-size:11px;font-weight:500;color:var(--seite-text);opacity:.8;letter-spacing:0}.seite nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--seite-text);font-weight:500;transition:background .12s,color .12s}.seite nav a:hover{background:#ffffff0f;color:#fff}.seite nav a.aktiv{background:var(--seite-aktiv);color:#fff}.seite nav a .kuerzel{width:22px;text-align:center;opacity:.9;display:grid;place-items:center}.seite nav a .zahl{margin-left:auto;font-size:11px;background:var(--akzent);color:#fff;border-radius:10px;padding:0 7px;font-variant-numeric:tabular-nums}.seite .fuss{margin-top:auto;padding:10px;font-size:12px;color:var(--text3);display:flex;flex-direction:column;gap:6px}.seite .fuss .zeile{color:var(--seite-text)}.punkt{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--grau);margin-right:6px;flex-shrink:0;transition:background .25s}.punkt.an{background:var(--gruen)}.punkt.warn{background:var(--gelb)}.punkt.aus{background:var(--rot)}.theme-wahl{display:inline-flex;background:#ffffff0f;border-radius:8px;padding:2px;gap:2px}.theme-wahl button{border:0;background:none;color:var(--seite-text);width:28px;height:24px;border-radius:6px;display:grid;place-items:center;cursor:pointer;opacity:.7}.theme-wahl button:hover{opacity:1}.theme-wahl button.aktiv{background:var(--seite-aktiv);color:#fff;opacity:1}.haupt{display:flex;flex-direction:column;min-width:0;height:100%}.kopf{display:flex;align-items:center;gap:14px;padding:10px 20px;background:var(--karte);border-bottom:1px solid var(--rand)}.kopf .titel{font-size:17px;font-weight:650;display:flex;align-items:center;gap:8px}.kopf .rechts{margin-left:auto;display:flex;align-items:center;gap:10px}.inhalt{flex:1;overflow:auto;padding:18px 20px}.inhalt.voll{padding:0;overflow:hidden}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten)}.karte .kk{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--rand)}.karte .kk h2{flex:1;display:flex;align-items:center;gap:8px}.karte .ki{padding:14px}.raster{display:grid;gap:14px}.zeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spalte{display:flex;flex-direction:column;gap:8px}.dehnen{flex:1;min-width:0}.leer{color:var(--text3);padding:20px;text-align:center}.klein{font-size:12px;color:var(--text2)}.winzig{font-size:11px;color:var(--text3)}.gedaempft{color:var(--text2)}.rechts-buendig{margin-left:auto}.abschneiden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.umbruch{white-space:pre-wrap;word-break:break-word}.leerzustand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:36px 20px;color:var(--text2)}.leerzustand .symbol{width:44px;height:44px;border-radius:12px;background:var(--akzent-hell);color:var(--akzent);display:grid;place-items:center;margin-bottom:6px}.leerzustand strong{color:var(--text);font-size:14px}.leerzustand p{max-width:380px;font-size:13px}.leerzustand .zeile{justify-content:center;margin-top:8px}.leerzustand.klein{padding:18px 12px;gap:4px}.leerzustand.klein .symbol{width:34px;height:34px;border-radius:9px}.leerzustand.klein p{font-size:12px}.skelett{background:linear-gradient(90deg,var(--rand) 25%,var(--grau-hell) 50%,var(--rand) 75%);background-size:200% 100%;animation:schimmer 1.4s ease-in-out infinite;border-radius:6px;height:12px}@keyframes schimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skelett-zeilen{display:flex;flex-direction:column;gap:10px;padding:14px}.skelett-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.skelett-kacheln .skelett{height:64px;border-radius:8px}.knopf{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--rand);background:var(--karte);cursor:pointer;font-weight:500;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;line-height:1.3}.knopf:hover:not(:disabled){background:var(--bg);border-color:var(--rand2)}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf.primaer{background:var(--akzent);border-color:var(--akzent);color:#fff}.knopf.primaer:hover:not(:disabled){background:var(--akzent2)}.knopf.gefahr{color:var(--rot)}.knopf.gefahr:hover:not(:disabled){background:var(--rot-hell);border-color:var(--rot)}.knopf.klein{padding:3px 8px;font-size:12px;gap:5px}.knopf.geist{border-color:transparent;background:transparent}.knopf.geist:hover:not(:disabled){background:var(--bg)}.knopf.aktiv{background:var(--akzent-hell);border-color:var(--akzent)}.knopf .lucide{width:15px;height:15px}.knopf.klein .lucide{width:13px;height:13px}.ik{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;border:0;background:transparent;color:var(--text2);cursor:pointer;padding:0;transition:background .12s,color .12s}.ik:hover:not(:disabled){background:var(--akzent-hell);color:var(--akzent)}.ik:disabled{opacity:.35;cursor:not-allowed}.ik .lucide{width:14px;height:14px}input[type=text],input[type=number],input[type=password],select,textarea{padding:6px 9px;border:1px solid var(--rand);border-radius:8px;background:var(--karte);outline:none;min-width:0;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-hell)}textarea{resize:vertical}textarea.code{font-family:var(--mono);font-size:12.5px;line-height:1.5;-moz-tab-size:2;tab-size:2}label.feld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text2);font-weight:500}label.feld>input,label.feld>select,label.feld>textarea{font-size:14px;color:var(--text);font-weight:400}label.check{display:flex;align-items:center;gap:6px}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:1px 8px 1px 6px;border-radius:999px;background:var(--sh, var(--grau-hell));color:var(--sf, var(--grau));white-space:nowrap;line-height:18px;transition:background .25s,color .25s}.status .punkt{margin:0;background:currentColor}.status.nur{padding:0;background:none;width:16px;justify-content:center}.status .lucide{width:13px;height:13px}.marke-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--bg)}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg);color:var(--text2);border:1px solid var(--rand);line-height:17px;white-space:nowrap}.chip .lucide{width:12px;height:12px}.chip.blau{background:var(--akzent-hell);color:var(--akzent);border-color:transparent}.chip.gruen{background:var(--gruen-hell);color:var(--gruen);border-color:transparent}.chip.rot{background:var(--rot-hell);color:var(--rot);border-color:transparent}.chip.gelb{background:var(--gelb-hell);color:var(--gelb);border-color:transparent}.chip.orange{background:var(--orange-hell);color:var(--orange);border-color:transparent}.streifen{display:inline-flex;gap:3px}.streifen span{width:10px;height:16px;border-radius:3px;background:var(--sf);opacity:.9}table.tabelle{width:100%;border-collapse:collapse;font-size:13px}table.tabelle th{text-align:left;font-weight:600;color:var(--text2);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--rand);position:sticky;top:0;background:var(--karte);z-index:1}table.tabelle td{padding:7px 10px;border-bottom:1px solid var(--rand);vertical-align:top}table.tabelle tr.klickbar{cursor:pointer}table.tabelle tr.klickbar:hover td{background:var(--bg)}table.tabelle tr.gewaehlt td{background:var(--akzent-hell)}table.tabelle td.zahl{text-align:right;font-variant-numeric:tabular-nums}.reiter{display:flex;gap:2px;border-bottom:1px solid var(--rand);padding:0 6px}.reiter button{padding:8px 12px;border:0;background:none;cursor:pointer;color:var(--text2);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:color .12s,border-color .12s}.reiter button:hover:not(:disabled){color:var(--text)}.reiter button.aktiv{color:var(--akzent);border-bottom-color:var(--akzent)}.reiter button:disabled{opacity:.4;cursor:not-allowed}.reiter button .lucide{width:14px;height:14px}.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.kachel{background:var(--bg);border-radius:8px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 10px;align-items:center;min-height:68px}.kachel .name{grid-column:1 / -1;font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.04em}.kachel .wert{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.kachel .ring{grid-row:2;grid-column:2}.kachel .verlauf{grid-column:1 / -1;height:26px;margin-top:4px}.kachel .verlauf svg{width:100%;height:100%;display:block;overflow:visible}.balken{height:6px;border-radius:3px;background:var(--rand);overflow:hidden}.balken>div{height:100%;background:var(--gruen);transition:width .3s}.schleier{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:50;padding:20px;animation:einblenden .15s ease-out}.modal{background:var(--karte);border-radius:14px;box-shadow:0 20px 60px #0000004d;width:min(560px,100%);max-height:90vh;display:flex;flex-direction:column;animation:aufgehen .18s ease-out}.modal.breit{width:min(960px,100%)}.modal .mk{padding:14px 18px;border-bottom:1px solid var(--rand);display:flex;align-items:center;gap:10px}.modal .mk h2{font-size:16px;flex:1;display:flex;align-items:center;gap:8px}.modal .mi{padding:16px 18px;overflow:auto;display:flex;flex-direction:column;gap:12px}.modal .mf{padding:12px 18px;border-top:1px solid var(--rand);display:flex;gap:8px;justify-content:flex-end;align-items:center}@keyframes einblenden{0%{opacity:0}}@keyframes aufgehen{0%{opacity:0;transform:translateY(8px) scale(.98)}}.meldungen{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:60;max-width:420px}.meldung{background:var(--seite);color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 8px 24px #00000040;display:flex;gap:10px;align-items:flex-start;font-size:13px;animation:hochkommen .2s ease-out}.meldung.ok{border-left:4px solid var(--gruen)}.meldung.warn{border-left:4px solid var(--gelb)}.meldung.fehler{border-left:4px solid var(--rot)}.meldung .lucide{width:16px;height:16px;margin-top:1px}.meldung button{background:none;border:0;color:#fff;opacity:.7;cursor:pointer;margin-left:auto;padding:0;display:grid;place-items:center}.meldung button:hover{opacity:1}@keyframes hochkommen{0%{opacity:0;transform:translateY(10px)}}.dreispaltig{display:grid;grid-template-columns:300px minmax(380px,1fr) minmax(320px,420px);height:100%}.dreispaltig>*{min-width:0;overflow:hidden;display:flex;flex-direction:column}.dreispaltig>*+*{border-left:1px solid var(--rand)}.spalten-kopf{padding:10px 12px;border-bottom:1px solid var(--rand);display:flex;align-items:center;gap:8px;background:var(--karte)}.spalten-kopf h2{flex:1}.spalten-inhalt{flex:1;overflow:auto}.baum{padding:6px;font-size:13px}.baum .knoten{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.baum .knoten:hover{background:var(--bg)}.baum .knoten.gewaehlt{background:var(--akzent-hell)}.baum .knoten.ziel{outline:2px dashed var(--akzent)}.baum .knoten .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}.baum .knoten .pfeil{width:14px;color:var(--text3);display:grid;place-items:center}.baum .knoten .pfeil .lucide{width:12px;height:12px}.baum .knoten .symbol{color:var(--text2);display:grid;place-items:center}.baum .knoten .symbol .lucide{width:14px;height:14px}.baum .knoten .zeit{color:var(--text3);font-size:11px}.baum .gruppe{color:var(--text2);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px 8px 4px}.auftrag{padding:8px 12px;border-bottom:1px solid var(--rand);cursor:pointer;transition:background .12s}.auftrag:hover{background:var(--bg)}.auftrag.gewaehlt{background:var(--akzent-hell)}.schritte{list-style:none;margin:0;padding:6px 8px;display:flex;flex-direction:column;gap:0}.schritt{position:relative;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.schritt:before{content:"";position:absolute;left:16px;top:-3px;bottom:-3px;width:2px;background:var(--rand)}.schritte>li:first-child:before{top:50%}.schritte>li:last-child:before{bottom:50%}.schritte>li:only-child:before{display:none}.schritt:hover{background:var(--bg)}.schritt.gewaehlt{background:var(--akzent-hell);border-color:var(--akzent)}.schritt.ziel{border-top:2px solid var(--akzent)}.schritt .nr{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;border:2px solid var(--rand2);background:var(--karte);color:var(--text3);transition:background .25s,border-color .25s,color .25s}.schritt.s-gruen .nr,.schritt.s-rot .nr,.schritt.s-orange .nr{background:var(--sf);border-color:var(--sf);color:#fff}.schritt.s-gelb .nr{background:var(--sh);border-color:var(--sf);color:var(--sf)}.schritt.s-gelb.laeuft .nr{animation:puls-rand 1.2s ease-in-out infinite}.schritt.s-grau .nr{border-color:var(--rand2);color:var(--text3)}.schritt.s-grau.fertig .nr{background:var(--grau-hell);color:var(--text2)}.schritt .nr .lucide{width:13px;height:13px}@keyframes puls-rand{50%{box-shadow:0 0 0 4px var(--sh)}}.schritt .lab{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.schritt .lab small{color:var(--text3);margin-left:6px;font-family:var(--mono)}.schritt .rechts{display:flex;align-items:center;gap:4px}.schritt .dauer{font-size:11px;color:var(--text3);min-width:32px;text-align:right}.schritt .aktionen{display:flex;gap:1px;opacity:0;transition:opacity .15s}.schritt:hover .aktionen,.schritt.gewaehlt .aktionen{opacity:1}.schritt.pruefung .lab:before{content:"?";display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--akzent-hell);color:var(--akzent);font-size:10px;text-align:center;line-height:14px;margin-right:6px;font-weight:700}.schritt .meldung-kurz{font-size:11px;color:var(--rot);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-titel{padding:10px 12px 2px;font-size:11px;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.schritte .einfuegemarke{list-style:none;padding:3px 10px 3px 40px;font-size:12px;color:var(--akzent);border-top:2px dashed var(--akzent);margin:2px 0;position:relative;display:flex;align-items:center;gap:6px}.schritte .einfuegemarke:before{display:none}.beweis-bild{background:var(--schirm);display:grid;place-items:center;min-height:240px}.beweis-bild img{max-width:100%;max-height:60vh;object-fit:contain}.beweis-text{padding:12px;font-size:13px;display:flex;flex-direction:column;gap:6px}.beweis-text dl{display:grid;grid-template-columns:max-content 1fr;gap:3px 10px;margin:0}.beweis-text dt{color:var(--text2)}.beweis-text dd{margin:0;font-family:var(--mono);font-size:12px;min-width:0;overflow-wrap:anywhere}.log-zeilen{font-family:var(--mono);font-size:12px;line-height:1.5;padding:8px 10px;white-space:pre-wrap;word-break:break-word}.log-zeilen .z{display:grid;grid-template-columns:92px 44px 130px 1fr;gap:8px;padding:1px 0;border-bottom:1px solid transparent}.log-zeilen .z:hover{background:var(--bg)}.log-zeilen .z.warn{color:var(--gelb)}.log-zeilen .z.error{color:var(--rot)}.log-zeilen .z.debug{color:var(--text3)}.log-zeilen .z .q{color:var(--akzent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-zeilen .z .d{color:var(--text3)}.diff{font-family:var(--mono);font-size:12px;white-space:pre;overflow:auto;background:var(--bg);border-radius:8px;padding:10px;max-height:50vh}.diff .plus{color:var(--gruen);background:var(--gruen-hell);display:block}.diff .minus{color:var(--rot);background:var(--rot-hell);display:block}.diff .kopf{color:var(--akzent);display:block}.geraet-kachel{display:grid;grid-template-columns:132px 1fr;gap:16px}.geraet-kachel .schirm{position:relative;width:132px;aspect-ratio:9 / 19;background:var(--schirm);border-radius:18px;border:5px solid #1f2937;box-shadow:inset 0 0 0 1px #ffffff0f,var(--schatten);overflow:hidden;display:grid;place-items:center;color:#6b7280;font-size:11px;text-align:center;cursor:pointer;transition:box-shadow .2s}.geraet-kachel .schirm.live{cursor:crosshair;box-shadow:0 0 0 2px var(--akzent),var(--schatten)}.geraet-kachel .schirm img{width:100%;height:100%;object-fit:contain;display:block}.geraet-kachel .schirm .kerbe{position:absolute;top:6px;left:50%;transform:translate(-50%);width:34px;height:5px;border-radius:3px;background:#1f2937}.geraet-kachel .schirm .abzeichen{position:absolute;top:8px;right:8px;background:#0009;color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:999px;letter-spacing:.06em;display:inline-flex;align-items:center;gap:4px}.geraet-kachel .schirm .abzeichen .punkt{margin:0;width:6px;height:6px}.geraet-kachel .schirm .hinweis{padding:12px;line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:6px}.geraet-kachel .fakten{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;font-size:13px;align-items:center}.geraet-kachel .fakten .klein{color:var(--text2)}.geraet-kachel .fakten .lucide{width:14px;height:14px;vertical-align:-2px;margin-right:4px;color:var(--text2)}.plattform{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:1px 8px 1px 6px;border-radius:999px;background:var(--grau-hell);color:var(--text2)}.plattform.android{background:#dcfce7;color:#166534}:root[data-theme=dunkel] .plattform.android{background:#14532d;color:#86efac}@media(prefers-color-scheme:dark){:root:not([data-theme=hell]) .plattform.android{background:#14532d;color:#86efac}}.plattform .lucide{width:12px;height:12px}.flip{display:grid;grid-template-rows:1fr auto;gap:10px;height:100%}.flip .bild{background:var(--schirm);display:grid;place-items:center;min-height:300px;border-radius:10px;overflow:hidden}.flip .bild img{max-width:100%;max-height:62vh;object-fit:contain}.spinner{width:14px;height:14px;border:2px solid var(--rand);border-top-color:var(--akzent);border-radius:50%;animation:drehen .8s linear infinite;display:inline-block;flex-shrink:0}@keyframes drehen{to{transform:rotate(360deg)}}.pulsieren{animation:puls 1.2s ease-in-out infinite}@keyframes puls{50%{opacity:.45}}kbd{font-family:var(--mono);font-size:11px;background:var(--bg);border:1px solid var(--rand);border-bottom-width:2px;border-radius:4px;padding:0 5px}.kontext{position:fixed;z-index:70;background:var(--karte);border:1px solid var(--rand);border-radius:10px;box-shadow:var(--schatten2);padding:4px;min-width:200px;animation:aufgehen .12s ease-out}.kontext button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 10px;border:0;background:none;border-radius:6px;cursor:pointer}.kontext button .lucide{width:14px;height:14px;color:var(--text2)}.kontext button:hover:not(:disabled){background:var(--bg)}.kontext button:disabled{opacity:.4}.kontext hr{border:0;border-top:1px solid var(--rand);margin:4px 0}.login{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:100%}.login .links{position:relative;overflow:hidden;color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:center;gap:28px;background:radial-gradient(70% 60% at 0% 0%,rgba(37,99,235,.55) 0%,transparent 70%),radial-gradient(60% 50% at 100% 100%,rgba(14,165,233,.35) 0%,transparent 70%),#0f172a}.login .links .marke{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:-.02em}.login .links h1{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.02em;max-width:520px}.login .links ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:520px}.login .links li{display:flex;gap:12px;align-items:flex-start;color:#cbd5e1;font-size:14px;line-height:1.5}.login .links li .symbol{width:32px;height:32px;border-radius:9px;background:#ffffff1a;display:grid;place-items:center;color:#fff;flex-shrink:0}.login .links li strong{color:#fff;display:block}.login .links .fuss{font-size:12px;color:#94a3b8}.login .rechts{display:grid;place-items:center;padding:32px 20px;background:var(--bg)}.login .rechts .karte{width:min(400px,100%)}@media(max-width:860px){.login{grid-template-columns:1fr}.login .links{display:none}}
