/* --- app/static/css/initial.css --- */
:root{--initial-nav-footer-height:80px;--initial-nav-footer-gap:10px;--initial-shell-side-space:88px;--initial-circle-size:80px;--initial-chat-width:500px;--initial-chat-max-width:90vw}html,body{margin:0;min-height:100%}body>nav{position:fixed;top:0;left:0;right:0;z-index:2000}.navbar-container{position:relative;height:var(--initial-nav-footer-height);margin:var(--initial-nav-footer-gap) 41px 0;display:flex;align-items:center;justify-content:center}.navbar-main{position:relative;z-index:1;width:100%;height:60px;padding:0 65px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}#nav-menu-container{position:absolute;left:50%;transform:translateX(-50%);height:100%;display:flex;align-items:center;justify-content:center}#nav-buttons,#auth-buttons,.mobile-nav-menu ul,.icon-wheel{list-style:none;margin:0;padding:0}#nav-buttons,#auth-buttons{display:flex;align-items:center}#nav-buttons{height:40px;justify-content:center}.auth-nav-section,.nav-center{display:flex;align-items:center}.nav-center{justify-content:center;gap:10px;flex-shrink:0}.nav-toggle{display:none}.nav-circle{position:absolute;width:var(--initial-circle-size);height:var(--initial-circle-size);display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;z-index:2}.left-circle{left:0;transform:translateX(-40%)}.right-circle{right:0;transform:translateX(40%)}.inner-circle,.inner-circle-footer{width:85%;height:85%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.inner-circle>a,.inner-circle-footer>a,.wheel-icon>a,.chat-circle{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.circle-logo,.wheel-icon img{width:100%;height:100%;display:block;object-fit:cover}.mobile-nav{display:none;max-height:0;overflow:hidden;margin:55px 82px}.mobile-nav.open{display:flex;flex-direction:column;align-items:center;max-height:80vh;overflow-y:auto}.mobile-nav-menu{width:100%;padding:15px 20px;display:flex;flex-direction:column;gap:15px}.mobile-nav-menu li{margin:5px 0;text-align:center}main{margin-top:100px;margin-bottom:100px;margin-left:var(--initial-shell-side-space);margin-right:var(--initial-shell-side-space)}.left-side-panel{position:fixed;top:0;bottom:0;left:10px;width:77px;display:flex;align-items:center;justify-content:center;z-index:100}.scroll-container{width:100%;height:70%;overflow-y:auto;display:flex;align-items:center;justify-content:center}.scroll-track,.icon-wheel{width:100%;display:flex;flex-direction:column;align-items:center}.icon-wheel{gap:20px}.wheel-icon{width:40px;height:40px;border-radius:50%;flex-shrink:0;overflow:hidden}.right-side-panel{position:fixed;top:0;right:0;bottom:0;width:min(100vw,500px);max-width:100vw;transform:translateX(100%);display:flex;flex-direction:column;z-index:3000}.right-panel-content{flex:1;overflow-y:auto;overflow-x:hidden}footer.footer-floating{position:fixed;left:0;right:0;bottom:0;z-index:2000;pointer-events:none}.footer-container{position:relative;height:var(--initial-nav-footer-height);margin:0 41px var(--initial-nav-footer-gap);display:flex;align-items:center;justify-content:center;pointer-events:none}.footer-main{width:100%;height:60px;padding:0 55px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;overflow:hidden}.footer-content{width:100%;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;overflow:hidden}.footer-left,.footer-right{flex:1;padding:10px}.footer-left{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);column-gap:24px}.footer-circle{position:absolute;top:0;width:var(--initial-circle-size);height:var(--initial-circle-size);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:auto}.left-footer-circle{left:0;transform:translateX(-40%)}.right-footer-circle{right:0;transform:translateX(40%)}.chat-circle{border:0;padding:0}#footer-toggle,#footer-mobile-menu{display:none}.chat-container{display:flex;z-index:2000}.chat-box{position:fixed;right:10px;bottom:10px;width:var(--initial-chat-width);max-width:var(--initial-chat-max-width);max-height:0;opacity:0;visibility:hidden;overflow:hidden;display:flex;flex-direction:column;z-index:100000}.chat-box.active{height:600px;max-height:78vh;padding:10px;opacity:1;visibility:visible}.chat-header,.chat-footer,.chat-actions{display:flex;align-items:center}.chat-header,.chat-actions{justify-content:space-between}.chat-footer,.chat-actions{gap:8px}.chat-messages{flex-grow:1;overflow-y:auto;margin-bottom:10px}.chat-input{flex:1}#chat-tools-popup{position:absolute;right:15px;top:45px}.chat-unread-popup{position:fixed;bottom:100px;left:100px;z-index:100001}.chat-unread-popup.hidden{display:none}@media (max-width:900px){main{margin-left:57px;margin-right:57px}}@media (max-width:800px){.navbar-container{height:60px;margin-left:27px;margin-right:27px;margin-top:2px}.footer-container{height:40px;margin-left:27px;margin-right:27px;margin-bottom:13px}.navbar-main,.footer-main{height:40px;padding:10px 20px}#nav-buttons,#auth-buttons{display:none;flex-direction:column;gap:10px}.navbar-main.mobile-open #nav-buttons,.navbar-main.mobile-open #auth-buttons{display:flex}.nav-toggle,#footer-toggle{display:block}.nav-circle,.footer-circle{width:60px;height:60px}.left-side-panel{left:5px;width:54px}.wheel-icon{width:30px;height:30px}.footer-content{display:none}#footer-mobile-menu.open{display:flex;flex-direction:column;align-items:center;max-height:46vh;margin:0 82px;overflow-y:auto}}@media (max-width:719px){main{margin-left:0;margin-right:0}}@media (max-width:600px){.left-side-panel{left:10px;width:43px}.wheel-icon{width:26px;height:26px}.nav-circle,.footer-circle{width:45px;height:45px}.chat-box.active{width:95vw;height:90vh;max-height:90vh;right:5px;bottom:5px}}@media (max-width:400px){#footer-mobile-menu.open{margin:0 49px}}