.nav{align-items:center;gap:24px;max-width:1120px;margin:0 auto;padding:18px 16px;font-size:15px;display:flex}.nav a{color:var(--muted);white-space:nowrap;text-decoration:none}.nav .nav-logo{color:var(--text);letter-spacing:-.02em;align-items:center;gap:7px;font-size:17px;font-weight:700;display:inline-flex}.nav-spacer{flex:1}.nav .nav-login{color:var(--text);font-weight:600}.nav .nav-link.active{color:var(--text)}.nav-account{border-radius:50%;display:flex}.avatar{background:var(--surface-2);color:var(--text);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.nav-lang{color:var(--muted);align-items:center;display:flex;position:relative}.nav-lang svg{fill:none;stroke:currentColor;stroke-width:1.6px;pointer-events:none;width:16px;height:16px;position:absolute;left:8px}.nav-lang select{appearance:none;font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;max-width:150px;padding:6px 12px 6px 30px;font-size:14px}.nav-lang select:hover{border-color:var(--muted)}.nav-lang option{color:var(--text);background:var(--bg)}.nav-icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.nav-icon-button:hover{border-color:var(--muted)}.nav-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.nav a:focus-visible,.nav-lang select:focus-visible,.nav-icon-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (width<=760px){.nav{gap:12px;font-size:14px}.nav-lang select{color:#0000;width:34px;height:34px;padding:0}.nav-lang svg{left:9px}}@media (width<=480px){.nav{gap:10px}.logo-text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav .nav-logo,.editor-logo{min-height:34px;position:relative}.nav-logo .logo-mark,.editor-logo .logo-mark{height:20px}}@media (width<=400px){.nav{gap:8px}}@media (width<=360px){.nav{padding:14px 12px;font-size:13px}.nav .nav-icon-button,.editor-bar .nav-icon-button{display:none}}