.selfie-root{--selfie-bg:#05080c;--selfie-brand:#1389d6;--selfie-light:#5ec2f5;--selfie-white:#fff;--selfie-dim:#fff9;--selfie-faint:#ffffff4d;--selfie-line:#ffffff1f;--selfie-cross:.46s;color:var(--selfie-white);font-family:var(--font-hanken), system-ui, sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(120% 62% at 50% 30%,#0a1622 0%,#05080c 66%);position:fixed;inset:0;overflow:hidden}.selfie-stage{width:1080px;height:1920px;transform:translate(-50%, -50%) scale(var(--selfie-scale,1));transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%;overflow:hidden}.selfie-root[data-cursor=hidden],.selfie-root[data-cursor=hidden] *{cursor:none}.selfie-root[data-paused=true] .selfie-stage *,.selfie-root[data-paused=true] .selfie-stage :before,.selfie-root[data-paused=true] .selfie-stage :after{animation-play-state:paused!important}.selfie-scene{position:absolute;inset:0}.selfie-scene--in{animation:selfieSzeneIn var(--selfie-cross) cubic-bezier(.22, .61, .36, 1) both}.selfie-scene--out{animation:selfieSzeneOut var(--selfie-cross) cubic-bezier(.4, 0, .7, .2) both;pointer-events:none}@keyframes selfieSzeneIn{0%{opacity:0}to{opacity:1}}@keyframes selfieSzeneOut{0%{opacity:1}to{opacity:0}}.selfie-display{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:800;line-height:.94}.selfie-mono{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase}.selfie-zeile{padding-bottom:.06em;display:block;overflow:hidden}.selfie-zeile>span{animation-name:selfieZeile;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both;display:block}@keyframes selfieZeile{0%{transform:translateY(118%)}to{transform:translate(0,0)}}@keyframes selfieAuf{0%{opacity:0}to{opacity:1}}@keyframes selfieHoch{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translate(0,0)}}@keyframes selfieFokus{0%{opacity:0;filter:blur(20px);transform:scale(1.03)}60%{opacity:1}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes selfieAnkunft{0%{opacity:0;transform:translateY(56px)scale(.975)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes selfieAtmen{0%,to{transform:translate(0,0)}50%{transform:translateY(-3px)}}@keyframes selfiePop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes selfieRahmen{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}.selfie-fortschritt{pointer-events:none;gap:6px;display:flex;position:absolute}.selfie-fortschritt i{background:#ffffff38;border-radius:1px;flex:1 1 0;height:6px;overflow:hidden}.selfie-fortschritt i:after{content:"";transform-origin:0;background:#fff;width:100%;height:100%;display:block;transform:scaleX(0)}.selfie-fortschritt i[data-zustand=fertig]:after{transform:scaleX(1)}.selfie-fortschritt i[data-zustand=laeuft]:after{animation:selfieBalken var(--selfie-dauer,3s) linear both}@keyframes selfieBalken{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.selfie-knopf{color:#fff;font-family:var(--font-hanken), system-ui, sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.selfie-knopf:hover{background:#ffffff24;border-color:#ffffff73}@keyframes selfieHinweis{0%{opacity:0}14%{opacity:1}74%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.selfie-root *,.selfie-root :before,.selfie-root :after{animation-duration:1ms!important;animation-delay:0s!important}.selfie-fortschritt i[data-zustand=laeuft]:after{animation:selfieBalken var(--selfie-dauer,3s) linear both!important}}