html,body,#root{background-color:#222;height:100%;margin:0;font-family:Nunito,sans-serif}html{padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left)}body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}:root{--bg-color:#222;--card-color:#3d3d3df5;--button-color:#575757;--font-color:#fff;--shadow:0px 4px 4px #00000040;--mudiko-pink:#ff9ea1;--mudiko-gelb:#fbeaa8;--mudiko-cyan:#87bdcf;--mudiko-flieder:#e3dcf5;--mudiko-gradient:linear-gradient(to right,var(--mudiko-pink)0%,var(--mudiko-gelb)34%,var(--mudiko-cyan)67%,var(--mudiko-flieder)100%);--title-font-size:1.3rem;--navigation-spacing:10px;--button-font-size:16px;--button-font-weight:600}button{background-color:var(--button-color);color:var(--font-color);box-shadow:var(--shadow);font-family:Nunito,sans-serif;font-size:var(--button-font-size);font-weight:var(--button-font-weight);cursor:pointer;border:none;border-radius:0;padding:10px 20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes floatNote1{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-20px)translate(10px)rotate(5deg)}50%{transform:translateY(-10px)translate(-5px)rotate(-3deg)}75%{transform:translateY(-25px)translate(15px)rotate(8deg)}}@keyframes floatNote2{0%,to{transform:translateY(0)translate(0)rotate(0)}33%{transform:translateY(-15px)translate(-10px)rotate(-5deg)}66%{transform:translateY(-8px)translate(8px)rotate(4deg)}}@keyframes floatNote3{0%,to{transform:translateY(0)translate(0)rotate(0)}20%{transform:translateY(-12px)translate(12px)rotate(6deg)}40%{transform:translateY(-25px)translate(-8px)rotate(-4deg)}60%{transform:translateY(-8px)translate(6px)rotate(3deg)}80%{transform:translateY(-18px)translate(-4px)rotate(-2deg)}}@keyframes floatNote4{0%,to{transform:translateY(0)translate(0)rotate(0)}50%{transform:translateY(-22px)translate(-12px)rotate(-6deg)}}@keyframes floatNote5{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-18px)translate(8px)rotate(7deg)}50%{transform:translateY(-8px)translate(-12px)rotate(-4deg)}75%{transform:translateY(-28px)translate(6px)rotate(9deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatNote6{0%,to{transform:translateY(0)translate(0)rotate(0)}30%{transform:translateY(-16px)translate(-14px)rotate(-8deg)}60%{transform:translateY(-6px)translate(10px)rotate(5deg)}90%{transform:translateY(-24px)translate(-6px)rotate(-3deg)}}