.user-controls-container[data-v-b55772b9]{border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.user-controls-container[data-v-b55772b9]:hover{background-color:#000000b3;box-shadow:0 4px 15px #00b2ff4d}.logo-container img[data-v-b55772b9]{filter:drop-shadow(0 0 5px rgba(20,236,255,.5));transition:all .3s ease}.logo-container img[data-v-b55772b9]:hover{filter:drop-shadow(0 0 8px rgba(20,236,255,.7));transform:scale(1.1)}.mode-selector[data-v-b55772b9]{margin-right:8px}.mode-toggle[data-v-b55772b9]{align-items:center;background:rgba(30,30,30,.5);border-radius:20px;display:flex;height:28px;justify-content:space-between;overflow:hidden;padding:2px;position:relative;width:120px}.mode-btn[data-v-b55772b9]{background:transparent;border:none;border-radius:16px;color:#999;cursor:pointer;flex:1;font-size:10px;height:24px;position:relative;transition:color .3s;z-index:1}.share-id-container[data-v-b55772b9]{background:rgba(30,30,30,.6);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;min-width:80px;transition:border-color .2s}.share-id-container[data-v-b55772b9]:hover{border-color:#14ecff}.refer-id-text[data-v-b55772b9]{color:#fff;font-size:14px;font-weight:600;padding:0;text-align:center}.mode-btn.active[data-v-b55772b9]{color:#000}.slider[data-v-b55772b9]{background:#14ecff;border-radius:16px;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:transform .3s ease;width:calc(50% - 2px)}.slider.explore[data-v-b55772b9]{transform:translate(0)}.slider.create[data-v-b55772b9]{transform:translate(100%)}.mode-dropdown-selector[data-v-b55772b9]{margin-left:8px;min-width:120px;position:relative}.dropdown-toggle[data-v-b55772b9]{background:rgba(30,30,30,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:8px 12px;transition:background .2s}.dropdown-toggle[data-v-b55772b9]:hover{background:rgba(40,40,40,.8)}.mode-dot[data-v-b55772b9]{border:2px solid hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 0 8px #fff3;display:inline-block;height:16px;width:16px}.mode-label[data-v-b55772b9]{color:#fff;font-size:14px;font-weight:500}.mode-dropdown[data-v-b55772b9]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000002e}.mode-dropdown-item[data-v-b55772b9]{border-radius:6px;transition:background .2s}.mode-dropdown-item .mode-dot[data-v-b55772b9]{margin-right:10px}.fade-enter-active[data-v-b55772b9],.fade-leave-active[data-v-b55772b9]{transition:opacity .2s}.fade-enter-from[data-v-b55772b9],.fade-leave-to[data-v-b55772b9]{opacity:0}.user-avatar img[data-v-b55772b9]{box-shadow:0 0 10px #00b2ff4d;transition:all .3s ease}.user-avatar img[data-v-b55772b9]:hover{box-shadow:0 0 15px #00b2ff80;transform:scale(1.1)}@media (max-width:768px){.user-controls-container[data-v-b55772b9]{align-items:center;background:rgba(0,0,0,.7);border-radius:0 0 20px 20px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between;left:0;max-width:100vw;min-width:0;padding:6px 8px;position:fixed;right:0;top:0;width:100vw;z-index:1002!important}.logo-container img[data-v-b55772b9]{height:22px!important;width:22px!important}.mode-dropdown-selector[data-v-b55772b9],.mode-selector[data-v-b55772b9]{flex:1 1 auto;margin-right:0;min-width:0}.mode-toggle[data-v-b55772b9]{height:24px;padding:0;width:90px}.mode-btn[data-v-b55772b9]{font-size:11px;padding:0 4px}.dropdown-toggle[data-v-b55772b9]{font-size:11px;max-width:60px;min-width:0;padding:4px 6px}.user-avatar img[data-v-b55772b9]{height:28px!important;width:28px!important}.language-selector[data-v-b55772b9]{display:block!important;margin-left:4px;max-width:80px;min-width:40px}.mode-dot[data-v-b55772b9]{border-radius:50%;display:inline-block;height:14px!important;margin-right:4px;min-height:14px;min-width:14px;vertical-align:middle;width:14px!important}}.share-button[data-v-b55772b9]{border:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 8px #0003;transition:all .3s ease}.share-button[data-v-b55772b9]:hover{box-shadow:0 2px 10px #00b2ff4d;transform:scale(1.1)}.share-dropdown[data-v-b55772b9]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 15px #0000002e}@media (max-width:768px){.share-button[data-v-b55772b9]{height:28px!important;width:28px!important}.share-dropdown[data-v-b55772b9]{max-width:300px;right:-100px;width:90vw}}
