body{font-family:Roboto,system-ui,-apple-system,sans-serif;padding:0;margin:0;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;width:100vw}div,button,input,textarea{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{cursor:pointer;font-family:Roboto;transition:filter .2s ease-in-out}button:active{filter:brightness(.9)}.screen{animation:screen-fade-in .5s forwards;-webkit-animation:screen-fade-in .5s forwards}@keyframes screen-fade-in{0%{scale:.1;opacity:0}to{scale:1;opacity:1}}.navigation-bar[data-v-d4bcf4f3]{position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;gap:50px;padding:2px 30px 20px;box-sizing:border-box;border-radius:5rem;border:#fff 1px solid;background-color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:#1a202c33 0 3px 10px;animation:bar-fade-in-d4bcf4f3 .5s forwards;-webkit-animation:bar-fade-in-d4bcf4f3 .5s forwards}.page-btn[data-v-d4bcf4f3]{position:relative;border:none;height:2.5rem;width:2.5rem;box-sizing:border-box;background-color:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.icon[data-v-d4bcf4f3]{height:1.7rem;aspect-ratio:1/1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.icon-text[data-v-d4bcf4f3]{position:relative;top:1.6rem;font-size:.7rem;color:#1a202c;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;font-weight:500}.active-bg[data-v-d4bcf4f3]{position:absolute;top:2px;bottom:2px;left:0;width:96px;background-color:#c9c9c933;border-radius:50px;transition:transform .2s cubic-bezier(.4,0,.2,1)}@keyframes bar-fade-in-d4bcf4f3{0%{opacity:0;bottom:-100px}to{opacity:1;bottom:25px}}