.worry{transition:background .25s,color .25s,border-color .25s}
.worry:hover{border-color:#5BADDD}
.svtab{transition:background .2s,color .2s}
.svtab:hover{background:#EAF4FB}
.evA{animation:inA .55s ease-out}
.evB{animation:inB .55s ease-out}
@keyframes inA{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes inB{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.blink{animation:blink 1.8s linear infinite}
.blink2{animation:blink 2.6s linear infinite}
@keyframes blink{0%,55%{opacity:1}56%,100%{opacity:.25}}
.typing span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9FD3F1;margin-right:4px;animation:typ 1.2s infinite}
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes typ{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.meter{transition:width 1.2s ease}
.marquee{display:flex;gap:64px;width:max-content;animation:marquee 45s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.lane{position:absolute;left:0;right:0;height:2px;background-image:linear-gradient(90deg,#C9D3DC 50%,transparent 0);background-size:8px 2px}
.dotR,.dotL{position:absolute;top:-5px;width:12px;height:12px;border-radius:50%}
.dotR{background:#1A5F8C;animation:flowR 2.6s linear infinite}
.dotL{background:#5BADDD;animation:flowL 2.6s linear infinite}
.fast{animation-duration:1.7s}
@keyframes flowR{0%{left:-6px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
@keyframes flowL{0%{left:calc(100% - 6px);opacity:0}12%{opacity:1}88%{opacity:1}100%{left:-6px;opacity:0}}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.span2{grid-column:span 2}
.span4{grid-column:span 4}
.flowgrid{display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:stretch}
@media (max-width:420px){.mkopf{font-size:15.5px !important;gap:8px !important}}
@media (max-width:1100px){.nav{display:none !important}.burger{display:flex !important}.hide-m{display:none !important}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.span4{grid-column:span 2}}
@media (max-width:640px){.bento{grid-template-columns:minmax(0,1fr)}.span2,.span4{grid-column:auto}.topbar-r{display:none}.flowgrid{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.pulse,.evA,.evB,.blink,.blink2,.marquee,.typing span{animation:none}.packet,.dotR,.dotL{display:none}}