.hamburger-button{position:fixed;top:20px;left:20px;z-index:10000;width:50px;height:50px;background:linear-gradient(135deg,#74cbfd26,#b1faef26);border:2px solid rgba(116,203,253,.5);border-radius:12px;display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #74cbfd4d,0 0 20px #b1faef1a;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hamburger-button.force-hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:scale(0)!important}.hamburger-button:hover{background:linear-gradient(135deg,#74cbfd40,#b1faef40);border-color:#74cbfdcc;box-shadow:0 4px 20px #74cbfd80,0 0 30px #b1faef33;transform:scale(1.05)}.hamburger-button span{width:24px;height:3px;background:linear-gradient(90deg,#74cbfd,#b1faef);border-radius:2px;transition:all .3s ease;box-shadow:0 0 8px #74cbfd66}.hamburger-button.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger-button.active span:nth-child(2){opacity:0}.hamburger-button.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.sidebar-overlay{position:fixed;inset:0;background:#000000b3;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.sidebar-overlay.active{pointer-events:auto}.mobile-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:linear-gradient(180deg,#0c0c12fa,#14141efa);z-index:1000;display:none;flex-direction:column;box-shadow:4px 0 30px #74cbfd4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(116,203,253,.2);transform:translate(-280px)}.sidebar-nav{flex:1;overflow-y:auto;padding:80px 0 20px;scrollbar-width:thin;scrollbar-color:rgba(116,203,253,.3) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#74cbfd4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#74cbfd80}.sidebar-item{display:flex;align-items:center;gap:15px;padding:18px 25px;color:#fff;text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#74cbfd,#b1faef);transform:scaleY(0);transition:transform .3s ease}.sidebar-item:hover{background:linear-gradient(90deg,#74cbfd26,#b1faef0d);padding-left:30px}.sidebar-item:hover:before{transform:scaleY(1);box-shadow:0 0 15px #74cbfd80}.sidebar-item:hover span{color:#b1faef;text-shadow:0 0 10px rgba(177,250,239,.6),0 0 20px rgba(116,203,253,.3)}.sidebar-icon{width:28px;height:28px;transition:all .3s ease;filter:drop-shadow(0 0 5px rgba(116,203,253,.3))}.sidebar-item:hover .sidebar-icon{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(116,203,253,.6))}.sidebar-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(116,203,253,.3) 50%,transparent 100%);margin:15px 20px}.sidebar-item-auth{margin-top:auto;border-top:1px solid rgba(116,203,253,.3);background:linear-gradient(90deg,#74cbfd14,#b1faef14);font-weight:600;box-shadow:0 -2px 10px #74cbfd1a}.sidebar-item-auth:hover{background:linear-gradient(90deg,#74cbfd33,#b1faef26);box-shadow:0 -2px 15px #74cbfd33}@media screen and (max-width: 768px){.bottom-bar{display:none!important}}.mobile-sidebar,.sidebar-overlay,.hamburger-button{will-change:transform,opacity}.motion-permission-button{position:fixed;bottom:20px;right:20px;z-index:2000;padding:15px 25px;background:linear-gradient(135deg,#74cbfd,#b1faef);border:none;border-radius:12px;color:#0c0c12;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 20px #74cbfd66;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.motion-permission-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #74cbfd99}.motion-permission-button:active{transform:translateY(0)}.motion-permission-button span{font-size:24px}.motion-permission-button small{font-size:11px;opacity:.8;font-weight:400}.gyroscope-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:2001;padding:12px 20px;background:linear-gradient(135deg,#74cbfdf2,#b1faeff2);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#0c0c12;font-weight:600;font-size:14px;box-shadow:0 4px 20px #74cbfd99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s ease;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}