@keyframes rise{from{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes ping{0%{transform:scale(1);opacity:.55}80%,100%{transform:scale(2.6);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes cloudx{from{transform:translateX(-10px)}to{transform:translateX(14px)}}
@keyframes scrollA{from{transform:translateX(0)}to{transform:translateX(-10px)}}
@keyframes scrollB{from{transform:translateX(0)}to{transform:translateX(-10px)}}
@keyframes win-in{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
@keyframes win-out{from{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}
@keyframes dim-out{from{opacity:1}to{opacity:0}}
@keyframes kb{from{transform:scale(1.05) translate3d(0,0,0)}to{transform:scale(1.15) translate3d(-1.6%,-1.1%,0)}}
@keyframes cloud{from{transform:translateX(-90vw)}to{transform:translateX(140vw)}}
@keyframes fogd{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes twinkle{0%,100%{opacity:.15}50%{opacity:.9}}
@keyframes drift1{0%{transform:translate(-8%,-6%) scale(1)}100%{transform:translate(10%,8%) scale(1.15)}}
@keyframes drift2{0%{transform:translate(6%,4%) scale(1.1)}100%{transform:translate(-10%,-8%) scale(.95)}}
@keyframes drift3{0%{transform:translate(0,8%) scale(.9)}100%{transform:translate(-6%,-10%) scale(1.1)}}
@keyframes wp-in{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
@keyframes drop{from{transform:translateY(-14px);opacity:0}30%{opacity:.8}to{transform:translateY(60px);opacity:0}}

html,body{margin:0;background:#0b0c11;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}
a{color:#64a8ff;text-decoration:none}
input::placeholder{color:rgba(235,235,245,.4)}
button{font-family:inherit}

/* Hover-/Active-Zustaende aus den style-hover/style-active-Attributen des Prototyps */
@media (hover:hover){
  a:hover{color:#9cc8ff}
  .h-btn:hover{background:rgba(255,255,255,.12)!important}
  .h-seg:hover{transform:scaleY(1.25)}
  .h-issue:hover{background:rgba(255,255,255,.08)}
  .h-tile:hover{background:rgba(255,255,255,.10)}
  .h-refresh:hover{background:rgba(60,62,72,.6)!important}
  .h-btn2:hover{background:rgba(255,255,255,.18)!important}
  .h-btn1:hover{background:#2a94ff!important;color:#fff}
  .h-thumb:hover{transform:scale(1.03)}
  .h-card:hover{background:rgba(40,42,50,.58)!important;transform:translateY(-2px);color:#f5f5f7}
}
.h-tile:active{background:rgba(255,255,255,.16)}
.h-btn2:active{background:rgba(255,255,255,.24)!important}
.h-btn1:active{background:#0070e0!important}
.h-card:active{transform:scale(.97)}
.h-btn2:disabled{opacity:.5;cursor:default}

@media (pointer:coarse){.kbd{display:none!important}}
@media (prefers-reduced-motion:reduce){.wp > * > *{animation:none!important}}
.wp.still > * > *{animation:none!important}