:root{--bg:#0e1116;--bg-glow:#6cb4ff1a;--surface:#161b22;--surface-2:#1d2430;--border:#29313d;--text:#e6edf3;--muted:#8b96a5;--accent:#6cb4ff;--accent-2:#8fc7ff;--accent-soft:#6cb4ff24;--on-accent:#0b1320;--ok:#4cc38a;--ok-soft:#4cc38a24;--fehler:#f2777a;--fehler-soft:#f2777a24;--warn:#e6b450;--warn-soft:#e6b45024;--shadow:0 8px 28px #00000059;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f6f8fb;--bg-glow:#1f5fae14;--surface:#fff;--surface-2:#eef2f8;--border:#d8dee6;--text:#14202e;--muted:#5b6776;--accent:#1f5fae;--accent-2:#2f74c9;--accent-soft:#1f5fae1a;--on-accent:#fff;--ok:#1a8a57;--ok-soft:#1a8a571a;--fehler:#c0392b;--fehler-soft:#c0392b1a;--warn:#a8731a;--warn-soft:#a8731a1f;--shadow:0 8px 24px #14202e1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-image:radial-gradient(900px 420px at 50% -120px, var(--bg-glow), transparent);color:var(--text);-webkit-font-smoothing:antialiased;background-repeat:no-repeat;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55}h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.75rem}h2{letter-spacing:-.01em;margin:0 0 .75rem;font-size:1.3rem}p{margin:0 0 1rem}a{color:var(--accent)}.muted{color:var(--muted)}.shell{flex-direction:column;height:100%;display:flex}.content{flex:1;width:100%;max-width:780px;margin:0 auto;padding:1.75rem 1.25rem 7rem;overflow-y:auto}.tabs{left:50%;bottom:calc(.9rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;border-radius:999px;gap:.25rem;max-width:calc(100% - 1.5rem);padding:.35rem;display:flex;position:fixed;transform:translate(-50%)}.tabs a{min-width:4.6rem;color:var(--muted);border-radius:999px;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .9rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.tabs a svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.tabs a:hover{color:var(--text)}.tabs a.active{background:var(--accent-soft);color:var(--accent)}body.fokus .tabs{display:none}body.fokus .content{padding-bottom:2.5rem}@media (width>=900px){.shell{flex-direction:row}.tabs{width:11rem;max-width:none;box-shadow:none;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-width:0 1px 0 0;border-radius:0;flex-direction:column;order:-1;justify-content:flex-start;gap:.35rem;padding:1.25rem .75rem;position:static;transform:none}.tabs a{flex-direction:row;justify-content:flex-start;gap:.65rem;padding:.7rem .9rem;font-size:.95rem}.content{padding-bottom:2.5rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.4rem;box-shadow:inset 0 1px #ffffff08}.card>:last-child{margin-bottom:0}.card.hero{background:linear-gradient(145deg, var(--accent-soft), var(--surface) 70%);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));padding:1.75rem}.card.hero h2{font-size:1.5rem}button,.button{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--on-accent);font:inherit;cursor:pointer;box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 32%, transparent);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.5rem;font-weight:650;line-height:1.2;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s,background .12s;display:inline-flex}button:hover:not(:disabled),.button:hover{filter:brightness(1.08);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-1px)}button:active:not(:disabled),.button:active{transform:translateY(0)scale(.98)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.secondary,.button.secondary{background:var(--surface-2);color:var(--text);border-color:var(--border);box-shadow:none}button.secondary:hover:not(:disabled),.button.secondary:hover{border-color:var(--accent);box-shadow:none;filter:none}button.klein{padding:.4rem 1rem;font-size:.85rem}button:focus-visible,.button:focus-visible,.tabs a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reihe{flex-wrap:wrap;gap:.6rem;display:flex}.wahl{gap:.75rem;display:flex}.wahl button{flex:1}select,textarea,input[type=text],input[type=number],input[type=file]{background:var(--surface-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:12px;padding:.6rem .9rem}textarea{resize:vertical;width:100%}input[type=file]::file-selector-button{background:var(--accent-soft);color:var(--accent);font:inherit;cursor:pointer;border:0;border-radius:999px;margin-right:.75rem;padding:.4rem 1rem;font-weight:600}progress{background:var(--surface-2);appearance:none;border:0;border-radius:999px;width:100%;height:10px;margin:.25rem 0 1rem;overflow:hidden}progress::-webkit-progress-bar{background:var(--surface-2)}progress::-webkit-progress-value{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.einheit-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.hinweis{background:var(--accent-soft);border-radius:12px;margin:0 0 .75rem;padding:.65rem .9rem}.falle{background:var(--warn-soft);border-left:4px solid var(--warn);border-radius:0 12px 12px 0;padding:.6rem .9rem}.chip{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-bottom:.5rem;padding:.15rem .7rem;font-size:.75rem;font-weight:700;display:inline-block}.chip.typ-beispiel,.chip.typ-ziel{background:var(--ok-soft);color:var(--ok)}.chip.typ-falle{background:var(--warn-soft);color:var(--warn)}.chip.typ-merke{background:var(--fehler-soft);color:var(--fehler)}.folie ul{padding-left:1.2rem}.folie li{margin-bottom:.35rem}.grafik{text-align:center;background:#f4f7fb;border-radius:14px;margin:0 0 1rem;padding:.75rem}.grafik img{max-width:100%;height:auto}.login{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:1.5rem;display:flex}.login img{filter:drop-shadow(0 10px 24px color-mix(in srgb, var(--accent) 35%, transparent))}@media (prefers-reduced-motion:reduce){*{transition:none!important}}