.hl-buehne{--hl-grund:#f2f2f3;--hl-licht:255,255,255;--hl-spot-staerke:1;--hl-zeiger-staerke:0.75;--hl-vignette:rgba(20,22,28,0.06);--hl-feld:rgba(255,255,255,0.72);--hl-feld-rand:rgba(16,16,20,0.09);--hl-feld-rand-stark:rgba(16,16,20,0.16);--hl-glanz:rgba(255,255,255,0.9);--hl-fokus:rgba(16,16,20,0.42);--hl-ring:rgba(16,16,20,0.07);--hl-punkt:rgba(16,16,20,0.07);--hl-korn:0.04;--hl-knopf:linear-gradient(180deg,#33363c,#1b1d21 55%,#121316);--hl-knopf-text:#ffffff;--hl-knopf-schatten:0 1px 0 rgba(255,255,255,0.12) inset,0 12px 26px -14px rgba(10,12,16,0.55),0 2px 5px -2px rgba(10,12,16,0.3);--hl-logo-schatten:rgba(20,22,28,0.18);--hl-reflex:0.32;position:fixed;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:var(--hl-grund);color:var(--text);-webkit-app-region:drag}:root[data-theme=dark] .hl-buehne{--hl-grund:#09090b;--hl-spot-staerke:0.075;--hl-zeiger-staerke:0.045;--hl-vignette:rgba(0,0,0,0.55);--hl-feld:rgba(255,255,255,0.035);--hl-feld-rand:rgba(255,255,255,0.08);--hl-feld-rand-stark:rgba(255,255,255,0.16);--hl-glanz:rgba(255,255,255,0.05);--hl-fokus:rgba(255,255,255,0.42);--hl-ring:rgba(255,255,255,0.07);--hl-punkt:rgba(255,255,255,0.05);--hl-korn:0.06;--hl-knopf:linear-gradient(180deg,#ffffff,#e4e6ea 60%,#cfd3d9);--hl-knopf-text:#0b0b0d;--hl-knopf-schatten:0 1px 0 rgba(255,255,255,0.9) inset,0 12px 30px -14px rgba(255,255,255,0.28),0 2px 6px -2px rgba(0,0,0,0.5);--hl-logo-schatten:rgba(0,0,0,0.55);--hl-reflex:0.5}.hl-buehne>:not(.hl-hintergrund){-webkit-app-region:no-drag;position:relative;z-index:1}.hl-hintergrund{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hl-raster{position:absolute;inset:0;background-image:radial-gradient(var(--hl-punkt) 1px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 42% 40% at 50% 42%,#000 0,rgba(0,0,0,.4) 45%,transparent 80%);mask-image:radial-gradient(ellipse 42% 40% at 50% 42%,#000 0,rgba(0,0,0,.4) 45%,transparent 80%)}.hl-glow{--c:rgb(var(--hl-licht));position:absolute;border-radius:50%;background:radial-gradient(closest-side in oklab,color-mix(in oklab,var(--c) 100%,transparent) 0,color-mix(in oklab,var(--c) 88%,transparent) 10%,color-mix(in oklab,var(--c) 70%,transparent) 22%,color-mix(in oklab,var(--c) 50%,transparent) 36%,color-mix(in oklab,var(--c) 31%,transparent) 50%,color-mix(in oklab,var(--c) 16%,transparent) 65%,color-mix(in oklab,var(--c) 6%,transparent) 80%,color-mix(in oklab,var(--c) 1.5%,transparent) 92%,transparent 100%);will-change:transform,translate}.hl-spot{width:120vmax;height:80vmax;left:calc(50% - 60vmax);top:-46vmax;opacity:var(--hl-spot-staerke);animation:hl-spot-atmen 14s ease-in-out infinite}@keyframes hl-spot-atmen{0%,to{transform:scale(1)}50%{transform:scale(1.06,1.1)}}.hl-zeiger{width:40rem;height:40rem;left:-20rem;top:-20rem;opacity:0;transition:opacity 1.2s var(--ease-out)}.hl-buehne.zeiger-aktiv .hl-zeiger{opacity:var(--hl-zeiger-staerke)}.hl-vignette{background:radial-gradient(ellipse 75% 70% at 50% 40%,transparent 40%,var(--hl-vignette) 100%)}.hl-korn,.hl-vignette{position:absolute;inset:0}.hl-korn{opacity:var(--hl-korn);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.hl-inhalt{width:min(340px,100%);display:flex;flex-direction:column;align-items:center}.hl-inhalt.wackeln{animation:hl-wackeln .4s var(--ease-out)}@keyframes hl-wackeln{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}.hl-logo{position:relative;width:72px;height:108px;margin-bottom:44px;transform:perspective(600px) rotateX(var(--kx,0deg)) rotateY(var(--ky,0deg));transform-style:preserve-3d}.hl-buehne:not(.bereit) .hl-form,.hl-buehne:not(.bereit) .hl-meldung,.hl-buehne:not(.bereit):not(.mit-lader) .hl-logo{opacity:0}.hl-buehne.mit-lader .hl-logo-zeichen{animation:lade-drehen 1.25s cubic-bezier(.55,0,.3,1) 2 both}.hl-buehne.bereit:not(.mit-lader) .hl-logo-zeichen{animation:chrom-erscheinen 1.3s cubic-bezier(.2,.7,.2,1) both}.hl-buehne.mit-lader:not(.bereit) .hl-logo-schein{opacity:.5}.hl-logo-schein{transition:opacity .8s var(--ease-out)}.hl-logo-zeichen{position:absolute;inset:0;background-image:radial-gradient(70% 45% at var(--gx,50%) var(--gy,28%),rgba(255,255,255,var(--hl-reflex)) 0,rgba(255,255,255,0) 70%),var(--chrom-basis);background-size:100% 100%,100% 100%;filter:drop-shadow(0 10px 16px var(--hl-logo-schatten))}.hl-logo-schein{--c:rgba(var(--hl-licht),0.16);position:absolute;left:50%;top:42%;width:240px;height:240px;transform:translate(-50%,-50%);animation:hl-atmen 6s ease-in-out infinite}@keyframes hl-atmen{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes hl-auftritt{0%{opacity:0;transform:translateY(14px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.hl-form{width:100%;display:flex;flex-direction:column;gap:10px}.hl-buehne.bereit .hl-form>*{animation:hl-auftritt .7s var(--ease-out) both}.hl-form>:first-child{animation-delay:.12s}.hl-form>:nth-child(2){animation-delay:.18s}.hl-form>:nth-child(3){animation-delay:.24s}.hl-form>:nth-child(4){animation-delay:.3s}.hl-form>:nth-child(5){animation-delay:.36s}.hl-form>:nth-child(6){animation-delay:.42s}.hl-feld{position:relative;display:flex;align-items:center;height:50px;border-radius:14px;background:var(--hl-feld);border:1px solid var(--hl-feld-rand);box-shadow:inset 0 1px 0 var(--hl-glanz);backdrop-filter:blur(14px);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-fast);cursor:text}.hl-feld:hover{border-color:var(--hl-feld-rand-stark)}.hl-feld:focus-within{border-color:var(--hl-fokus);box-shadow:inset 0 1px 0 var(--hl-glanz),0 0 0 4px var(--hl-ring)}.hl-feld-icon{position:absolute;left:16px;color:var(--text-muted);transition:color var(--dur-fast);pointer-events:none}.hl-feld:focus-within .hl-feld-icon{color:var(--text)}.hl-feld input{flex:1;min-width:0;height:100%;padding:0 46px;background:none;border:0;outline:none;color:var(--text);font:inherit;font-size:15px}.hl-feld input::-moz-placeholder{color:var(--text-muted)}.hl-feld input::placeholder{color:var(--text-muted)}.hl-feld input:focus-visible{outline:none}.hl-feld input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:inset 0 0 0 40px transparent;-webkit-transition:background-color 9999s;transition:background-color 9999s}.hl-adresse{display:block;margin:2px 0;color:var(--text);font-weight:600;overflow-wrap:anywhere}.hl-zeile{display:flex;justify-content:space-between;gap:8px}.hl-zeile .hl-zurueck{align-self:auto}.hl-knopf{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;height:50px;margin-top:6px;border-radius:999px;border:0;font:inherit;font-size:15px;font-weight:600;color:var(--hl-knopf-text);cursor:pointer;background:var(--hl-knopf);box-shadow:var(--hl-knopf-schatten);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),opacity var(--dur-fast)}.hl-knopf:hover{transform:translateY(-1px)}.hl-knopf:focus-visible{outline:2px solid var(--hl-fokus);outline-offset:3px}.hl-knopf svg{transition:transform var(--dur-base) var(--ease-spring)}.hl-knopf:hover svg{transform:translateX(3px)}.hl-knopf:active{transform:scale(.985)}.hl-knopf:disabled{cursor:default}.hl-knopf:disabled:not(:has(.hl-lader)){opacity:.5}.hl-lader{width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentcolor;animation:hl-drehen .7s linear infinite}@keyframes hl-drehen{to{transform:rotate(1turn)}}.hl-meldung{min-height:20px;margin:14px 0 0;text-align:center;font-size:13px;font-weight:550;color:var(--fehler)}.hl-kopf{display:grid;justify-items:center;gap:8px;text-align:center;margin-bottom:10px}.hl-titel{margin:0;font-size:17px;font-weight:640;letter-spacing:-.015em}.hl-text{margin:0;font-size:13px;line-height:1.5;color:var(--text-muted);max-width:300px}.hl-schild{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--text);background:color-mix(in srgb,var(--text) 7%,transparent);margin-bottom:4px}.hl-qr{margin-top:8px;width:176px;height:176px;padding:10px;background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--hl-feld-rand),0 18px 40px -18px rgba(0,0,0,.45)}.hl-qr svg{display:block;width:100%;height:100%}.hl-geheimnis{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-top:4px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--text) 5%,transparent);border:0;cursor:pointer;color:var(--text-muted);transition:color var(--dur-fast),background var(--dur-fast)}.hl-geheimnis:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.hl-geheimnis code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;letter-spacing:.04em;-webkit-user-select:all;-moz-user-select:all;user-select:all;word-break:break-all;text-align:left}.hl-code{position:relative;display:grid;grid-template-columns:repeat(3,1fr) 6px repeat(3,1fr);gap:8px;cursor:text}.hl-code-eingabe{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;color:transparent;caret-color:transparent}.hl-code-zelle{height:56px;border-radius:13px;display:grid;place-items:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:600;background:var(--hl-feld);border:1px solid var(--hl-feld-rand);box-shadow:inset 0 1px 0 var(--hl-glanz);transition:border-color var(--dur-fast),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.hl-code-zelle.trenner+.hl-code-zelle{grid-column:5}.hl-code-zelle.voll{border-color:var(--hl-feld-rand-stark);transform:translateY(-1px)}.hl-code-zelle.aktiv{border-color:var(--hl-fokus);box-shadow:inset 0 1px 0 var(--hl-glanz),0 0 0 4px var(--hl-ring)}.hl-code-zelle.aktiv:empty:after{content:"";width:2px;height:22px;border-radius:2px;background:var(--text);animation:hl-blinken 1s steps(1) infinite}@keyframes hl-blinken{50%{opacity:0}}.hl-zurueck{align-self:center;display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 12px;border-radius:999px;font:inherit;font-size:13px;color:var(--text-muted);background:none;border:0;cursor:pointer}.hl-zurueck:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--text) 5%,transparent)}.hl-zurueck:disabled{cursor:default;opacity:.6;font-variant-numeric:tabular-nums}.hl-buehne.fertig .hl-inhalt{transition:opacity .35s,transform .35s var(--ease-out);opacity:0;transform:scale(.98)}@media (max-height:640px){.hl-logo{width:54px;height:81px;margin-bottom:28px}}@media (max-width:600px){.hl-feld input{font-size:16px}}@media (prefers-reduced-motion:reduce){.hl-logo-schein,.hl-spot{animation:none}.hl-zeiger{transition:none}}