:root{--r-card:18px;--r-control:12px;--r-well:10px;--r-pill:999px;--accent:#5e9eff;--accent-strong:#2f7bf0;--accent-glow:#5e9eff73;--ok:#5ed79b;--ok-glow:#5ed79b73;--warn:#f0c061;--warn-glow:#f0c06166;--bad:#f07a82;--bad-glow:#f07a826b;--glass:#ffffff0e;--glass-2:#ffffff14;--glass-hi:#ffffff1f;--well:#00000047;--hairline:#ffffff17;--t1:#fffffff0;--t2:#e4e8f09e;--t3:#dce2ee61;--spec:inset 0 1px 0 #ffffff2e, inset 0 0 0 1px #ffffff0d;--float:0 18px 44px -18px #000000b3, 0 4px 14px -6px #00000080;--float-lift:0 32px 72px -22px #000000d1, 0 8px 24px -8px #0000008c;--blur:26px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, "Inter", "Segoe UI", sans-serif;--mono:"SF Mono", "JetBrains Mono", ui-monospace, "Menlo", monospace;--u-font:var(--font);--sa-border:var(--hairline);--sa-muted:var(--t2);--sa-accent:var(--accent)}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--t1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(135% 105% at 50% -20%,#1c1f26 0%,#14161c 46%,#0a0b0e 100%) fixed;margin:0;font-size:13px;overflow:hidden}.aurora{z-index:0;background:radial-gradient(135% 105% at 50% -20%,#1c1f26 0%,#14161c 46%,#0a0b0e 100%);position:fixed;inset:0;overflow:hidden}.orb{filter:blur(100px);will-change:transform;border-radius:50%;position:absolute}.orb.a{background:radial-gradient(circle,#7a8aa829 0%,#0000 70%);width:640px;height:640px;animation:34s ease-in-out infinite drift1;top:-180px;left:-160px}.orb.b{background:radial-gradient(circle,#606c8424 0%,#0000 70%);width:560px;height:560px;animation:40s ease-in-out infinite drift2;top:4%;right:-160px}.orb.c{background:radial-gradient(circle,#8c96ac17 0%,#0000 70%);width:700px;height:700px;animation:46s ease-in-out infinite drift3;bottom:-300px;left:26%}.grain{opacity:.035;mix-blend-mode:overlay;background-image:radial-gradient(#ffffffb3 .5px,#0000 .5px);background-size:3px 3px;position:absolute;inset:0}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(70px,50px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(-60px,80px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(50px,-60px)}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);border-radius:var(--r-card);box-shadow:var(--spec), var(--float)}.glass-bright{background:linear-gradient(180deg, var(--glass-hi), var(--glass))}.glass-rail{-webkit-backdrop-filter:blur(46px)saturate(200%);background:linear-gradient(#1a1d25bd,#12141aa8)}.glass-rail--expanded{box-shadow:var(--spec), var(--float-lift), inset 0 1px 0 #ffffff1a;background:linear-gradient(#161920f0,#101218e8)}.display{letter-spacing:-.015em;font-weight:350;line-height:1.08}.h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:500}.h2{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--t3);font-size:10.5px;font-weight:600}.muted{color:var(--t2)}.mono{font-family:var(--mono)}.btn{font-family:var(--font);cursor:pointer;border-radius:var(--r-pill);color:var(--t1);border:none;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:550;transition:transform .16s cubic-bezier(.2,.9,.3,1),box-shadow .22s,filter .18s,background .18s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{box-shadow:var(--spec), 0 0 0 1px #5e9eff52;color:#fff;background:linear-gradient(#5e9efff2,#2f7bf0eb)}.btn-primary:hover{filter:brightness(1.06);box-shadow:var(--spec), 0 0 0 1px #5e9eff73}.btn-ghost{background:var(--glass-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--spec);color:var(--t1)}.btn-ghost:hover{background:var(--glass-hi)}.btn:disabled{opacity:.38;cursor:not-allowed}.well{width:100%;font-family:var(--font);color:var(--t1);background:var(--well);border-radius:var(--r-well);border:none;outline:none;padding:10px 13px;font-size:13.5px;transition:box-shadow .2s;box-shadow:inset 0 1px 4px #0006,inset 0 0 0 1px #ffffff0f}.well::placeholder{color:var(--t3)}.well:focus{box-shadow:inset 0 1px 4px #0006,inset 0 0 0 1px #5e9eff80,0 0 0 3px #5e9eff24}.field-label{color:var(--t2);letter-spacing:.01em;margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot.aktiv{background:var(--ok)}.dot.onboarding{background:var(--warn)}.dot.gesperrt{background:var(--bad)}.modpill{border-radius:var(--r-pill);color:var(--t2);white-space:nowrap;background:#ffffff0f;padding:3px 9px;font-size:11px;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff12}.appglyph svg{width:56%;height:56%;display:block}.toggle{border-radius:var(--r-pill);cursor:pointer;background:linear-gradient(#00000070,#00000042);border:none;flex:none;width:36px;height:20px;padding:0;transition:background .32s cubic-bezier(.3,.9,.3,1),box-shadow .32s;position:relative;box-shadow:inset 0 1px 3px #0000009e,inset 0 0 0 1px #ffffff0d,inset 0 -1px #ffffff0a}.toggle.on{background:linear-gradient(#6aa6ff,#2f7bf0);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -2px 5px #00266e66,inset 0 0 0 1px #ffffff38}.toggle .knob{background:radial-gradient(circle at 36% 28%,#fff 0%,#f3f6fb 44%,#d7dde8 100%);border-radius:50%;width:14px;height:14px;transition:transform .32s cubic-bezier(.34,1.5,.5,1),box-shadow .25s;position:absolute;top:3px;left:3px;box-shadow:0 1.5px 3px #00000073,0 1px 1px #0000004d,inset 0 1px 1px #fffffff2,inset 0 -1px 1.5px #0000001f}.toggle:hover .knob{box-shadow:0 2px 5px #00000080,0 1px 1px #0000004d,inset 0 1px 1px #fffffff2,inset 0 -1px 1.5px #0000001f}.toggle:active .knob{width:16px}.toggle.on .knob{transform:translate(16px)}.toggle.on:active .knob{transform:translate(14px)}.toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-menu-item:hover,.account-menu-item:focus-visible{background:var(--glass-2);outline:none}.account-menu-item:focus-visible{box-shadow:inset 0 0 0 1px var(--accent-glow)}.account-menu-item--danger:hover,.account-menu-item--danger:focus-visible{background:#f07a821f}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){.orb{animation:none!important}*{scroll-behavior:auto}}
