:root{--color-bg:#f2f2f3;--color-surface:#e9e9ea;--color-text:#1d1f20;--color-accent:#5980a6;--color-accent-2:#728fab;--color-divider:#1d1f2029;--color-neutral-100:#f5f5f8;--color-neutral-200:#e7e7ea;--color-neutral-300:#d4d4d7;--color-neutral-400:#b7b7ba;--color-neutral-500:#98989b;--color-neutral-600:#7a7a7d;--color-neutral-700:#5d5d60;--color-neutral-800:#424244;--color-neutral-900:#2b2b2d;--color-accent-100:#eef6ff;--color-accent-200:#d6ebff;--color-accent-300:#b5d9fd;--color-accent-400:#94bce3;--color-accent-500:#749dc4;--color-accent-600:#597ea3;--color-accent-700:#416180;--color-accent-800:#2c455d;--color-accent-900:#1d2d3d;--color-accent-2-100:#eef6ff;--color-accent-2-200:#d6ebff;--color-accent-2-300:#bdd8f2;--color-accent-2-400:#9ebbd8;--color-accent-2-500:#7e9cb8;--color-accent-2-600:#627d98;--color-accent-2-700:#486077;--color-accent-2-800:#314457;--color-accent-2-900:#1f2d3a;--font-body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading:"Barlow Condensed", "Barlow", system-ui, sans-serif;--font-heading-weight:600;--space-1:3.4px;--space-2:6.8px;--space-3:10.2px;--space-4:13.6px;--space-6:20.4px;--space-8:27.2px;--radius-sm:2px;--radius-md:4px;--radius-lg:7px;--shadow-sm:0 1px 2px #2b2b2d24;--shadow-md:0 3px 10px #2b2b2d29;--shadow-lg:0 12px 32px #2b2b2d38}[data-modus]{--flaeche:#fff;--auf-akzent:#f2f2f3;--gut:#3f7d5a;--warn:#8a6a2a;--stop:#8d3327}[data-modus=dunkel]{--color-bg:#15181c;--color-surface:#1b1f25;--color-text:#e6e9ed;--color-divider:#2b323b;--color-accent:#6f9dcd;--color-accent-100:#212c38;--color-accent-200:#2a3745;--color-accent-400:#8ab2dc;--color-accent-600:#84aad5;--color-accent-700:#a9c8e8;--color-accent-800:#1c2530;--color-accent-900:#10141a;--flaeche:#1b1f25;--auf-akzent:#11151a;--gut:#6aa585;--warn:#c2a15e;--stop:#d0796c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;font-weight:400;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.015em;margin:0;line-height:1.12}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--color-accent)}.tnum{font-variant-numeric:tabular-nums}.overline{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--color-text) 52%, transparent);font-size:11px;font-weight:600}.fh{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-heading);border-radius:var(--radius-md);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;line-height:1;transition:background .1s,border .1s,color .1s;display:inline-flex}.fh:disabled{cursor:default}.fh--primaer{height:44px;color:var(--auf-akzent);background:var(--color-accent);border-color:var(--color-accent-600);padding:0 18px;font-size:15px}.fh--primaer:hover:not(:disabled){background:var(--color-accent-600)}.fh--primaer:disabled{opacity:.5}.fh--sekundaer{height:42px;color:var(--color-text);border-color:var(--color-divider);background:0 0;padding:0 16px;font-size:15px}.fh--sekundaer:hover:not(:disabled){background:var(--color-accent-100)}.fh--gefahr{height:42px;color:var(--stop);border-color:var(--stop);background:0 0;padding:0 16px;font-size:15px}.fh--gefahr:hover:not(:disabled){background:color-mix(in srgb, var(--stop) 12%, transparent)}.fh--klein{height:34px;padding:0 12px;font-size:14px}.taste{border-radius:var(--radius-md);height:34px;font-size:14px;font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--color-divider);background:var(--flaeche);color:var(--color-text);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;transition:background .1s,border .1s,color .1s;display:inline-flex}.taste--an{background:var(--color-accent);color:var(--auf-akzent);border-color:var(--color-accent-600)}.marke{background:var(--color-accent);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.fh-in{width:100%;height:38px;font-size:15px;font-family:var(--font-body);color:var(--color-text);background:var(--flaeche);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:0 10px}.fh-in:focus{outline:2px solid var(--color-accent);outline-offset:-1px}textarea.fh-in{resize:vertical;height:auto;padding:8px 10px;line-height:1.5}.blueprint{border:1px solid var(--color-text);background:var(--flaeche);border-radius:0;position:relative}.blueprint>.corner{width:11px;height:11px;color:color-mix(in srgb, var(--color-text) 55%, transparent);pointer-events:none;position:absolute}.blueprint>.corner:before,.blueprint>.corner:after{content:"";background:currentColor;position:absolute}.blueprint>.corner:before{width:1px;height:100%;top:0;left:50%;transform:translate(-.5px)}.blueprint>.corner:after{width:100%;height:1px;top:50%;left:0;transform:translateY(-.5px)}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}.scroll{scrollbar-width:thin;overflow:auto}.punkt{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.spacer{flex:1}