@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--grund:#f4f5f6;--text:#141618;--leise:#6b7076;--rand:#d9dcdf;--linie:#e1e3e6;--flaeche:#fff;--spektrum:linear-gradient(90deg, #610061, #7900ff, #0028ff, #00d5ff, #1fff00, #ffef00, #ff6300, red, #c00000);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);-webkit-text-size-adjust:100%;font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--grund);margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.mono{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.app{max-width:520px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 32px) calc(env(safe-area-inset-right) + 22px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 22px);flex-direction:column;gap:16px;margin:0 auto;display:flex}.kopf{flex-direction:column;gap:4px;display:flex}.kopf-label{letter-spacing:.1em;color:var(--leise);font-size:12px}h1{margin:0;font-size:28px;font-weight:600}.vorschau{flex-direction:column;align-items:center;gap:8px;display:flex}.kreis{aspect-ratio:1;width:140px;box-shadow:0 0 0 8px var(--flaeche), 0 10px 30px #0000001f;border-radius:50%}.nm-anzeige{align-items:baseline;gap:6px;display:flex}.nm-wert{font-size:36px;font-weight:500}.nm-einheit{color:var(--leise);font-size:18px}.steuerung{flex-direction:column;flex-grow:1;gap:16px;display:flex}.spektrum{flex-direction:column;gap:8px;display:flex}.spektrum-balken{background:var(--spektrum);border-radius:12px;height:40px}#regler{width:100%;height:28px;accent-color:var(--text);margin:0}.skala{color:var(--leise);justify-content:space-between;font-size:11px;display:flex}.vorgaben{gap:8px;display:flex}.vorgabe{border:1.5px solid var(--rand);background:var(--flaeche);border-radius:23px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;height:46px;font-size:14px;font-weight:500;display:flex}.vorgabe[aria-pressed=true]{border-color:var(--text)}.punkt{border-radius:50%;flex-shrink:0;width:12px;height:12px}.punkt-weiss{background:#fff;box-shadow:inset 0 0 0 1px #b8bcc0}.abstand{flex-grow:1}.start{background:var(--text);color:#fff;border:0;border-radius:30px;height:60px;font-size:17px;font-weight:600}.start-hinweis{display:none}@media (width>=900px){.app{max-width:none;padding:calc(env(safe-area-inset-top) + 48px) calc(env(safe-area-inset-right) + 56px) calc(env(safe-area-inset-bottom) + 48px) calc(env(safe-area-inset-left) + 56px);grid-template:"kopf steuerung""vorschau steuerung"1fr/minmax(0,1fr) 420px;gap:28px 56px;margin:0;display:grid}.kopf{grid-area:kopf;gap:6px}.kopf-label{font-size:13px}h1{font-size:38px}.vorschau{grid-area:vorschau;justify-content:center;gap:22px}.kreis{width:min(360px,42dvh);box-shadow:0 0 0 12px var(--flaeche), 0 16px 40px #0000001f}.nm-anzeige{gap:8px}.nm-wert{font-size:64px}.nm-einheit{font-size:24px}.steuerung{grid-area:steuerung;gap:28px;padding-top:96px}.spektrum{gap:10px}.spektrum-balken{border-radius:16px;height:64px}#regler{height:32px}.skala{font-size:13px}.vorgaben{gap:10px}.vorgabe{border-radius:28px;height:56px;font-size:16px}.vorgabe .punkt{width:14px;height:14px}.start{border-radius:34px;height:68px;font-size:19px}}@media (width>=1280px) and (hover:hover) and (pointer:fine){.app{grid-template-columns:minmax(0,1fr) 480px;grid-template-areas:"vorschau kopf""vorschau steuerung";gap:0;padding:0}.kopf,.steuerung{background:var(--flaeche);border-left:1px solid var(--linie)}.kopf{padding:64px 48px 32px}h1{font-size:36px}.vorschau{gap:28px;padding:64px}.kreis{width:min(440px,50dvh);box-shadow:0 0 0 14px var(--flaeche), 0 20px 50px #0000001f}.nm-anzeige{gap:10px}.nm-wert{font-size:76px}.nm-einheit{font-size:28px}.steuerung{gap:32px;padding:0 48px 48px}.spektrum-balken{border-radius:14px}.vorgabe{border-radius:24px;height:48px;font-size:15px}.vorgabe .punkt{width:12px;height:12px}.vorgabe:hover{background:var(--grund)}.start{border-radius:30px;height:60px;font-size:17px}.start:hover{background:#2b2f33}.start-hinweis{text-align:center;color:var(--leise);margin-top:-22px;font-size:12px;display:block}}#licht{z-index:10;width:100vw;height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom) + 48px);cursor:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}#licht[hidden]{display:none}.licht-hinweis{opacity:0;pointer-events:none;font-size:15px;transition:opacity .6s}.licht-hinweis.sichtbar{opacity:.7}