:root{--bg: #0b0e14;--panel: #131824;--panel-2: #1a2131;--line: #273249;--fg: #e6edf7;--fg-dim: #93a1b8;--accent: #38bdf8;--add: #34d399;--sub: #fb7185;--warn: #fbbf24;--bad: #f87171;--radius: .6rem;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior:none}app-root{display:block;height:100%}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h2{font-size:.95rem}h3{font-size:.85rem;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.05em}p{margin:0 0 .5rem}.muted{color:var(--fg-dim);font-size:.82rem}button{appearance:none;border:1px solid var(--line);background:var(--panel-2);color:var(--fg);border-radius:var(--radius);padding:.5rem .7rem;font:inherit;font-size:.85rem;cursor:pointer;min-height:2.4rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#04121c;font-weight:650}button.ghost{background:transparent}button.danger:hover{border-color:var(--bad);color:var(--bad)}button.chip{padding:.3rem .55rem;min-height:2rem;font-size:.78rem}button[aria-pressed=true]{border-color:var(--accent);background:#38bdf829}input,select{appearance:none;width:100%;border:1px solid var(--line);background:#0e1420;color:var(--fg);border-radius:var(--radius);padding:.5rem .6rem;font:inherit;font-size:.9rem;min-height:2.4rem}input:focus,select:focus{outline:2px solid rgba(56,189,248,.55);outline-offset:-1px}input[type=checkbox]{width:1.15rem;height:1.15rem;min-height:0;padding:0;accent-color:var(--accent)}.check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--fg);margin:0;cursor:pointer}input[type=range]{padding:0;border:0;background:transparent;min-height:1.6rem}label{display:block;font-size:.78rem;color:var(--fg-dim);margin-bottom:.2rem}.row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:.75rem;padding:.75rem;display:grid;gap:.6rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:650;border:1px solid currentcolor}.badge.gut{color:var(--add)}.badge.brauchbar{color:var(--warn)}.badge.unsicher{color:var(--bad)}.badge.unbekannt{color:var(--fg-dim)}.notice{border-left:3px solid var(--warn);background:#fbbf2414;padding:.45rem .6rem;border-radius:0 var(--radius) var(--radius) 0;font-size:.82rem}table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:.3rem .2rem;border-bottom:1px solid var(--line)}td.num,th.num{text-align:right}tfoot td{font-weight:700;border-bottom:0;padding-top:.5rem}