.navbar{z-index:100;border-bottom:1px solid var(--border);background-color:var(--navbar-background,#0a0d12e0);-webkit-backdrop-filter:blur(14px);width:100%;transition:background-color .25s,border-color .25s;position:sticky;top:0}.navbar-container{width:min(100% - 32px, var(--max-width));justify-content:space-between;align-items:center;min-height:55px;margin-inline:auto;display:flex;position:relative}.navbar-logo{color:var(--text-primary);letter-spacing:-.03em;flex-shrink:0;font-size:1.4rem;font-weight:700;transition:opacity .2s,color .2s}.navbar-logo:hover{opacity:.8}.navbar-logo span{color:var(--accent)}.navbar-right{align-items:center;gap:18px;display:flex}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-link{min-height:42px;color:var(--text-secondary);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-size:.95rem;font-weight:500;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.navbar-link:hover{color:var(--text-primary);background-color:var(--surface-light)}.navbar-link.active{color:var(--text-primary);border-color:var(--border);background-color:var(--surface-light)}.navbar-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.navbar-settings{border-left:1px solid var(--border);align-items:center;gap:14px;padding-left:18px;display:flex}.navbar-setting{align-items:center;gap:7px;display:flex}.navbar-setting-icon{color:var(--text-secondary);font-size:.8rem}.navbar-language-label{color:var(--text-secondary);letter-spacing:.04em;font-size:.72rem;font-weight:600}.navbar-switch{border:1px solid var(--accent);background-color:var(--accent);cursor:pointer;border-radius:999px;width:38px;height:22px;padding:0;transition:background-color .2s,border-color .2s;position:relative}.navbar-switch:hover{border-color:var(--accent-hover);background-color:var(--accent-hover)}.navbar-switch-thumb{background-color:var(--background);border-radius:50%;width:14px;height:14px;transition:transform .2s,background-color .2s;position:absolute;top:3px;left:3px}.navbar-switch-active{border-color:var(--accent);background-color:var(--accent)}.navbar-switch-active .navbar-switch-thumb{transform:translate(16px)}.navbar-menu-button{border:1px solid var(--border);cursor:pointer;background-color:#0000;border-radius:8px;width:44px;height:44px;padding:10px;display:none}.navbar-menu-button span{background-color:var(--text-primary);border-radius:999px;width:100%;height:2px;margin-block:4px;transition:transform .2s,opacity .2s;display:block}.navbar-menu-button:hover{background-color:var(--surface-light)}.navbar-menu-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:1000px){.navbar-container{width:min(100% - 24px, var(--max-width))}.navbar-right{flex:1;align-items:center;margin-left:40px;display:flex}.navbar-links{align-items:center;gap:8px;display:flex}.navbar-settings{border-left:1px solid var(--border);align-items:center;gap:14px;margin-left:auto;padding-left:18px;display:flex}}@media (max-width:760px){.navbar-container{width:min(100% - 20px, var(--max-width));min-height:64px}.navbar-logo{font-size:1.2rem}.navbar-right{gap:10px}.navbar-menu-button{display:block}.navbar-links{border:1px solid var(--border);background-color:var(--surface);border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 40px #00000059}.navbar-links-open{display:flex}.navbar-link{justify-content:flex-start;width:100%;min-height:44px;padding:10px 14px;font-size:.95rem}.navbar-settings{border-left:none;padding-left:0}.navbar-setting-icon{display:none}}@media (max-width:430px){.navbar-container{width:min(100% - 16px, var(--max-width))}.navbar-logo{font-size:1.05rem}.navbar-right,.navbar-settings{gap:8px}.navbar-setting{gap:4px}.navbar-switch{width:34px;height:20px}.navbar-switch-thumb{width:14px;height:14px;top:2px;left:2px}.navbar-switch-active .navbar-switch-thumb{transform:translate(14px)}.navbar-language-label{font-size:.65rem}}@media (max-width:360px){.navbar-logo{font-size:1rem}.navbar-language-label:first-child{display:none}.navbar-settings{gap:6px}.navbar-menu-button{width:40px;height:40px;padding:8px}}
