:root{--color-bg: #f2f2f3;--color-surface: #e9e9ea;--color-text: #1d1f20;--color-accent: #5980a6;--color-accent-2: #728fab;--color-divider: color-mix(in srgb, #1d1f20 16%, transparent);--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 color-mix(in srgb, #2b2b2d 14%, transparent);--shadow-md: 0 3px 10px color-mix(in srgb, #2b2b2d 16%, transparent);--shadow-lg: 0 12px 32px color-mix(in srgb, #2b2b2d 22%, transparent)}[data-modus]{--flaeche: #ffffff;--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{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.55;font-weight:400;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--color-accent)}.tnum{font-variant-numeric:tabular-nums}.overline{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 52%,transparent);font-weight:600}.fh{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-heading);border-radius:var(--radius-md);transition:background .1s,border .1s,color .1s;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;white-space:nowrap}.fh:disabled{cursor:default}.fh--primaer{height:44px;padding:0 18px;font-size:15px;color:var(--auf-akzent);background:var(--color-accent);border-color:var(--color-accent-600)}.fh--primaer:hover:not(:disabled){background:var(--color-accent-600)}.fh--primaer:disabled{opacity:.5}.fh--sekundaer{height:42px;padding:0 16px;font-size:15px;color:var(--color-text);background:transparent;border-color:var(--color-divider)}.fh--sekundaer:hover:not(:disabled){background:var(--color-accent-100)}.fh--gefahr{height:42px;padding:0 16px;font-size:15px;color:var(--stop);background:transparent;border-color:var(--stop)}.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{height:34px;padding:0 14px;font-size:14px;border-radius:var(--radius-md);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);transition:background .1s,border .1s,color .1s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.taste--an{background:var(--color-accent);color:var(--auf-akzent);border-color:var(--color-accent-600)}.marke{width:6px;height:6px;border-radius:50%;background:var(--color-accent);display:inline-block;flex:none}.fh-in{width:100%;height:38px;padding:0 10px;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)}.fh-in:focus{outline:2px solid var(--color-accent);outline-offset:-1px}textarea.fh-in{height:auto;padding:8px 10px;line-height:1.5;resize:vertical}.blueprint{position:relative;border:1px solid var(--color-text);border-radius:0;background:var(--flaeche)}.blueprint>.corner{position:absolute;width:11px;height:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent);pointer-events:none}.blueprint>.corner:before,.blueprint>.corner:after{content:"";position:absolute;background:currentColor}.blueprint>.corner:before{left:50%;top:0;width:1px;height:100%;transform:translate(-.5px)}.blueprint>.corner:after{top:50%;left:0;width:100%;height:1px;transform:translateY(-.5px)}.blueprint>.corner.tl{left:-6px;top:-6px}.blueprint>.corner.tr{right:-6px;top:-6px}.blueprint>.corner.bl{left:-6px;bottom:-6px}.blueprint>.corner.br{right:-6px;bottom:-6px}.scroll{scrollbar-width:thin;overflow:auto}.punkt{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.spacer{flex:1}