:root{color-scheme:light;--akzent: #6366f1;--akzent-weich: #eef2ff;--text: #1e293b;--text-weich: #64748b;--text-leise: #94a3b8;--rand: #e6e8ef;--rand-weich: #eef0f6;--bg: #ffffff;--bg-weich: #f4f5fb;--auswahl-bg: #e0e7ff;--feld-bg: #f8fafc;--gesendet-bg: #f0fdf4;--erfolg: #16a34a}:root[data-theme=dark]{color-scheme:dark;--akzent: #818cf8;--akzent-weich: #232a45;--text: #e5e7eb;--text-weich: #9aa3b2;--text-leise: #6b7280;--rand: #2a3040;--rand-weich: #232734;--bg: #0f1115;--bg-weich: #171a22;--auswahl-bg: #232a45;--feld-bg: #171a22;--gesendet-bg: #14271c;--erfolg: #4ade80}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--text);font-weight:600}a{color:var(--akzent)}button{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--rand);border-radius:8px;padding:.32rem .7rem;cursor:pointer;transition:background .12s,border-color .12s}button:hover{background:var(--bg-weich);border-color:#cbd5e1}button:active{background:#eef2f7}button:focus-visible{outline:2px solid var(--akzent-weich);outline-offset:1px}input,textarea{font:inherit;color:var(--text);border:1px solid var(--rand);border-radius:8px;padding:.32rem .55rem;background:var(--bg)}input:focus,textarea:focus{outline:2px solid var(--akzent-weich);outline-offset:1px;border-color:var(--akzent)}.app-header{display:flex;gap:.5rem;align-items:center;padding:.55rem .9rem;border-bottom:1px solid var(--rand);background:var(--bg)}.app-titel{font-weight:600;font-size:1rem;margin-right:auto;color:var(--akzent);display:flex;align-items:center;gap:.5rem;letter-spacing:.2px}.mobil-nav{display:flex;border-top:1px solid var(--rand);background:var(--bg)}.mobil-nav button{flex:1;border:none;border-radius:0;background:transparent;padding:.65rem 0;font-size:.8rem;color:var(--text-weich)}.mobil-nav button.aktiv{color:var(--akzent);font-weight:600;box-shadow:inset 0 2px 0 var(--akzent)}.chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.2rem .55rem;border-radius:8px;background:var(--bg-weich);border:1px solid var(--rand);color:var(--text-weich);max-width:100%}.chip a{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip:hover{background:#eef2f7}.nav-rail{display:flex;flex-direction:column;gap:2px;margin-bottom:1rem}.nav-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;border:none;border-radius:8px;background:transparent;color:var(--text-weich);font-size:.92rem;text-align:left;cursor:pointer}.nav-item:hover{background:var(--bg-weich)}.nav-item.aktiv{background:var(--akzent-weich);color:var(--akzent);font-weight:600}.nav-item .punkt{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55;flex:0 0 auto}.menu-pop{min-width:200px;background:var(--bg);border:1px solid var(--rand);border-radius:10px;padding:4px;box-shadow:0 8px 24px #0f172a1f;display:flex;flex-direction:column;gap:1px}.menu-item{display:block;width:100%;text-align:left;border:none;background:transparent;border-radius:7px;padding:.45rem .6rem;font-size:.9rem;color:var(--text);cursor:pointer}.menu-item:hover{background:var(--bg-weich)}.block-aktion{opacity:.25;transition:opacity .12s,color .12s}.block-zeile:hover .block-aktion{opacity:.7}.block-aktion:hover{opacity:1;color:var(--akzent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172a52;display:flex;justify-content:center;align-items:flex-start;padding:10vh 1rem 1rem}.modal-card{width:100%;max-width:640px;background:var(--bg);border:1px solid var(--rand);border-radius:14px;padding:1rem;box-shadow:0 20px 60px #0f172a40}