.topbar{display:flex;align-items:center;height:56px;padding:0 16px;background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--border-color);gap:12px;position:relative;z-index:100;flex-shrink:0}.topbar__logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--text-primary);cursor:pointer;position:relative}.topbar__logo-icon{width:32px;height:32px;clip-path:var(--octagon-clip);background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent-text);font-size:16px;font-weight:900}.topbar__dropdown{position:absolute;top:100%;left:0;min-width:240px;background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-strong);border-radius:0;box-shadow:var(--shadow-glass);padding:8px 0;display:none;z-index:200}.topbar__logo:hover .topbar__dropdown,.topbar__dropdown:hover{display:block}.topbar__dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);cursor:pointer;transition:background .15s}.topbar__dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar__dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.topbar__title{flex:1;text-align:center;font-size:16px;font-weight:600;color:var(--text-primary);cursor:pointer;position:relative}.topbar__title:hover{color:var(--accent)}.topbar__actions{display:flex;align-items:center;gap:8px;position:relative}.topbar__actions-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:color .15s,background .15s}.topbar__actions-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.topbar__right{display:flex;align-items:center;gap:12px}.topbar__lang,.topbar__theme{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;padding:6px 10px;transition:background .15s}.topbar__lang:hover,.topbar__theme:hover{background:var(--bg-hover);color:var(--text-primary)}.lang-switcher__code{display:none}.theme-switcher__btn{padding:6px 8px;font-size:14px}.topbar__menu-btn{width:36px;height:36px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:color .15s,background .15s;font-size:18px;line-height:1}.topbar__menu-btn:hover,.topbar__menu-btn--open{color:var(--text-primary);background:var(--bg-hover)}.right-menu{position:fixed;top:56px;right:0;width:280px;max-width:100vw;max-height:calc(100vh - 56px);overflow-y:auto;background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-left:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);box-shadow:var(--shadow-glass);z-index:300;display:none;flex-direction:column;padding:8px 0}.right-menu--open{display:flex}.right-menu__section-label{padding:10px 16px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.right-menu__item{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;font-size:14px;user-select:none}.right-menu__item:hover{background:var(--bg-hover);color:var(--text-primary)}.right-menu__item-icon{width:18px;text-align:center;flex-shrink:0}.right-menu__item-label{flex:1}.right-menu__item-chevron{font-size:11px;color:var(--text-muted);transition:transform .15s}.right-menu__item--active{color:var(--accent)}.right-menu__divider{height:1px;background:var(--border-color);margin:4px 0}.right-menu__submenu{display:none;flex-direction:column;background:var(--bg-secondary)}.right-menu__submenu--open{display:flex}.right-menu__subitem{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 40px;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:background .15s,color .15s}.right-menu__subitem:hover{background:var(--bg-hover);color:var(--text-primary)}.right-menu__subitem--active{color:var(--accent);font-weight:600}.right-menu__subitem-check{margin-left:auto;color:var(--accent);font-size:13px}.right-menu__auth-guest{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.right-menu__auth-guest .btn{width:100%}.balloo-footer{flex-shrink:0;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-muted);gap:12px;z-index:50}.balloo-footer__left{display:flex;align-items:center;gap:12px;min-width:0}.balloo-footer__copyright{cursor:pointer;transition:color .15s;white-space:nowrap}.balloo-footer__copyright:hover{color:var(--text-primary)}.balloo-footer__links{display:flex;align-items:center;gap:14px}.balloo-footer__link{cursor:pointer;transition:color .15s;white-space:nowrap;color:var(--text-muted);text-decoration:none}.balloo-footer__link:hover{color:var(--accent)}@media (max-width: 600px){.balloo-footer{height:auto;flex-direction:column;gap:4px;padding:6px 12px}.topbar{padding:0 10px;gap:8px}.topbar__logo>span{display:none}.topbar__title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.topbar__right{gap:6px}.lang-switcher__name{display:none}.lang-switcher__code{display:inline}.theme-switcher__btn{padding:4px 5px;font-size:13px}}.topbar__dropdown-item--node{position:relative}.topbar__dropdown-item--node:after{content:"⛓";margin-left:auto;font-size:13px;color:var(--text-muted);opacity:.8}.topbar__dropdown-item--node--current:after{content:"●";color:var(--accent);font-size:10px}.topbar__dropdown-item--node--current{color:var(--accent);font-weight:600}
