*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body,#root{height:100%}
body{font-family:-apple-system,'Segoe UI',sans-serif}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-thumb{background:#DDD8CC;border-radius:3px}
input[type=range]{-webkit-appearance:none;height:5px;border-radius:3px;background:#E8E4DE;outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#2F6B55;cursor:pointer}
input::placeholder,textarea::placeholder{color:#AAA}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes popIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dotBounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}}
.page{animation:pageIn.22s ease}
.pop{animation:popIn.22s ease}
.spin{animation:spin.8s linear infinite}
.dot0{animation:dotBounce 1s ease infinite}
.dot1{animation:dotBounce 1s ease.15s infinite}
.dot2{animation:dotBounce 1s ease.3s infinite}

html,body{background:#F6F4EE!important;} body{margin:0!important;} #root{min-height:100vh;}