:root{--main-color: #025e98;--secondary-color: #348fc8;--button-color: #3773c0;--main-font: system-ui, sans-serif}html,body{color:#fff;background-size:contain;background:linear-gradient(25deg,darkblue 10%,var(--main-color) 90%);height:100vh;overflow:hidden;margin:0}:is(html,body) *{font-family:var(--main-font)}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:#fff;font-family:sans-serif}.progress-container{width:250px;height:10px;background:#333;border-radius:5px;margin-top:15px;overflow:hidden}#progress-bar{width:0%;height:100%;background:#4caf50;transition:width .2s ease-out}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;border-radius:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff26;margin:10px}.online{width:105px}.online:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:#2b9639;float:left;margin-top:8px;margin-right:5px;border:1px solid #fff}.stars{position:absolute;top:0}#avatar-container{width:100vw;height:100vh;position:absolute;top:0}canvas{position:absolute;overflow:hidden;width:100vw!important;height:100vh!important;top:0;left:0}section{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:0;right:0;width:100%;padding:10px;box-sizing:border-box;height:154px;max-height:410px}button.toggle-chat-log-button{background:transparent;color:#fff;font-size:23px;border:3px solid #fff;border-radius:50%;font-family:cursive;padding:10px 14px 0;margin-bottom:10px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff26}section #chat-log{flex:1;padding:15px;background-color:var(--secondary-color);border-radius:10px;overflow-y:scroll;width:70%;margin-top:20px;opacity:.9;max-height:200px}section input[type=text]{color:#fff;font-size:1rem;border-radius:5px;border:2px solid #ccc;width:-webkit-fill-available;width:stretch;padding:10px;background:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid rgba(255,255,255,.2)}section input[type=text]::placeholder{color:#ffffffb3}section .ask-container{border:3px solid #fff;border-radius:10px;padding:10px;background:#7180a159;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff26}section .control-buttons{display:flex;gap:10px}section .control-buttons div:first-child{flex:1}section .control-buttons button{font-size:1.5rem;border-radius:5px;border:3px solid #fff;background-color:var(--button-color);color:#fff;height:47px;cursor:pointer;padding:0 15px}section .control-buttons button:hover{background-color:var(--secondary-color)}.stars{position:fixed;width:100%;height:100%;pointer-events:none;animation:drift 120s linear infinite}@keyframes orbit{0%{transform:translate(0)}25%{transform:translate(30px,30px)}50%{transform:translateY(60px)}75%{transform:translate(-30px,30px)}to{transform:translate(0)}}.show-chat-log{height:400px;animation:show-chat-log .5s ease}.hide-chat-log{height:154px;animation:hide-chat-log .5s ease}@keyframes show-chat-log{0%{height:154px}to{height:400px}}@keyframes hide-chat-log{0%{height:400px}to{height:154px}}.rotate-btn{transform:rotate(180deg);animation:rotate-button .5s ease}.rotate-btn-default{transform:rotate(0);animation:rotate-button-default .5s ease}@keyframes rotate-button{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes rotate-button-default{0%{transform:rotate(180deg)}to{transform:rotate(0)}}