:root{--papier:#f4f4f2;--tinte:#141414;--akzent:#141414;--auf-akzent:#fff;color-scheme:light;--grund:var(--papier);--karte:color-mix(in srgb, #fff 78%, var(--papier));--karte-2:color-mix(in srgb, var(--tinte) 5%, var(--papier));--schrift:var(--tinte);--schrift-2:color-mix(in srgb, var(--tinte) 64%, var(--papier));--schrift-3:color-mix(in srgb, var(--tinte) 44%, var(--papier));--linie:color-mix(in srgb, var(--tinte) 10%, transparent);--leiste-grund:color-mix(in srgb, var(--karte) 82%, transparent);--schatten-farbe:20 18 16;--schatten-staerke:1;--akzent-hauch:color-mix(in srgb, var(--akzent) 13%, transparent);--akzent-gedrueckt:color-mix(in srgb, var(--akzent) 86%, #000);--fehler:#c4321f;--erfolg:#1f8a4c;--badge:#e5484d;--status-live:#23a55a;--status-info:#2f7cf6;--status-dringend:#e5484d;--logo-x:0%;--logo-y:0%;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-text:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-label:ui-monospace, SFMono-Regular, Menlo, monospace;--fs-gross:2.125rem;--lh-gross:1.1;--fs-titel:1.75rem;--lh-titel:1.2;--fs-abschnitt:1.25rem;--lh-abschnitt:1.2;--fs-text:1rem;--lh-text:1.375;--fs-klein:.8125rem;--lh-klein:1.385;--fs-mini:.6875rem;--a-1:4px;--a-2:8px;--a-3:12px;--a-4:16px;--a-5:20px;--a-6:24px;--a-8:32px;--a-10:40px;--a-12:48px;--rand:max(16px, env(safe-area-inset-left,0px));--max-inhalt:1180px;--radius-karte:20px;--radius-knopf:14px;--radius-klein:10px;--schatten-1:0 1px 2px rgb(var(--schatten-farbe) / calc(.04 * var(--schatten-staerke))), 0 2px 8px rgb(var(--schatten-farbe) / calc(.04 * var(--schatten-staerke)));--schatten-2:0 2px 6px rgb(var(--schatten-farbe) / calc(.05 * var(--schatten-staerke))), 0 12px 32px rgb(var(--schatten-farbe) / calc(.08 * var(--schatten-staerke)));--kurve:cubic-bezier(.23, 1, .32, 1);--kurve-feder:cubic-bezier(.34, 1.36, .64, 1);--dauer-kurz:.15s;--dauer:.22s;--dauer-lang:.42s;--leiste-h:64px;--tap:44px}:root[data-farbschema=dunkel]{color-scheme:dark;--grund:color-mix(in srgb, var(--tinte) 96%, var(--papier));--karte:color-mix(in srgb, var(--tinte) 88%, var(--papier));--karte-2:color-mix(in srgb, var(--tinte) 82%, var(--papier));--schrift:var(--papier);--schrift-2:color-mix(in srgb, var(--papier) 68%, var(--tinte));--schrift-3:color-mix(in srgb, var(--papier) 48%, var(--tinte));--linie:color-mix(in srgb, var(--papier) 10%, transparent);--schatten-farbe:0 0 0;--schatten-staerke:3;--akzent-hauch:color-mix(in srgb, var(--akzent) 18%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-farbschema=hell]){color-scheme:dark;--grund:color-mix(in srgb, var(--tinte) 96%, var(--papier));--karte:color-mix(in srgb, var(--tinte) 88%, var(--papier));--karte-2:color-mix(in srgb, var(--tinte) 82%, var(--papier));--schrift:var(--papier);--schrift-2:color-mix(in srgb, var(--papier) 68%, var(--tinte));--schrift-3:color-mix(in srgb, var(--papier) 48%, var(--tinte));--linie:color-mix(in srgb, var(--papier) 10%, transparent);--schatten-farbe:0 0 0;--schatten-staerke:3;--akzent-hauch:color-mix(in srgb, var(--akzent) 18%, transparent)}}@media (prefers-reduced-motion:reduce){:root{--dauer-kurz:0s;--dauer:0s;--dauer-lang:0s}}@font-face{font-family:Archivo Expanded;src:url(/schriften/ArchivoExpanded-VF.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/schriften/InstrumentSans-VF.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:DM Mono;src:url(/schriften/DMMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/schriften/DMMono-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/schriften/Inter-VF.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/schriften/Fraunces-VF.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--bg:var(--grund);--surface:var(--karte);--line:var(--linie);--ink:var(--schrift);--ink-2:var(--schrift-2);--accent:var(--akzent);--accent-ink:var(--auf-akzent);--error:var(--fehler)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);min-height:100dvh;color:var(--ink);font:16px/1.5 var(--font-text);-webkit-tap-highlight-color:transparent;place-items:center;padding:24px 16px;display:grid}.karte{background:var(--surface);border-radius:calc(var(--radius-karte) + 8px);width:100%;max-width:420px;box-shadow:var(--schatten-2);padding:32px 24px 28px}h1{font-size:var(--fs-titel);line-height:var(--lh-titel);letter-spacing:-.02em;text-wrap:balance;margin:0 0 8px;font-weight:700}p{color:var(--ink-2);overflow-wrap:break-word;text-wrap:pretty;margin:0 0 20px}label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid var(--line);background:var(--karte-2);color:var(--ink);border-radius:14px;padding:12px 14px;font-size:17px}input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}input.code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:28px}button{width:100%;font:inherit;border-radius:var(--radius-knopf);background:var(--accent);min-height:50px;color:var(--accent-ink);cursor:pointer;transition:transform var(--dauer-kurz) var(--kurve);border:0;margin-top:16px;padding:13px 16px;font-weight:600}button:active{transform:scale(.98)}button[disabled]{opacity:.5;cursor:default}button.leise{color:var(--ink-2);background:0 0;margin-top:8px}.fehler{color:var(--error);min-height:1.5em;margin:12px 0 0;font-size:14px}[hidden]{display:none!important}.marke{color:var(--ink);align-items:center;gap:8px;margin:0 0 20px;font-size:14px;font-weight:700;display:inline-flex}.marke:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}