.vxs .nav .acct { display: flex; align-items: center; gap: 14px; }
.vxs .nav .acct .who { font-family: var(--mono); font-size: 12px; color: var(--mute-dark); max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vxs .nav .acct .signup { font-family: var(--sans); font-size: 12.5px; font-weight: 700; font-stretch: 108%; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; color: var(--ink); background: #f2efe6; padding: 8px 12px; border: 0; }
.vxs .nav .acct .signup:hover { background: #fff; }
@media (max-width: 640px) { .vxs .nav .right > .mono { display: none; } .vxs .nav .acct .who { display: none; } }

.vxs .authpage { min-height: calc(100vh - 64px); background: var(--paper); color: var(--ink); display: grid; place-items: start center; padding: clamp(48px, 9vw, 120px) 16px 80px; }
.vxs .authbox { width: 100%; max-width: 420px; }
.vxs .authbox h1 { font-family: var(--sans); font-weight: 900; font-stretch: 118%; font-size: clamp(30px, 4vw, 42px); letter-spacing: -0.01em; text-transform: uppercase; margin: 0 0 8px; line-height: 1; }
.vxs .authbox .sub { font-family: var(--mono); font-size: 13px; color: #5f6158; margin: 0 0 32px; }
.vxs .authbox form { display: grid; gap: 18px; }
.vxs .authbox label { display: grid; gap: 7px; font-family: var(--sans); font-size: 12.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.vxs .authbox label small { font-family: var(--mono); font-weight: 400; text-transform: none; letter-spacing: 0; color: #5f6158; font-size: 12px; }
.vxs .authbox input { font: 500 16px var(--mono); color: var(--ink); background: #f4f3ec; border: 1px solid rgba(32,34,29,0.35); border-radius: 0; padding: 13px 14px; outline: none; }
.vxs .authbox input:focus { border-color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
.vxs .authbox .btn { width: 100%; margin-top: 6px; }
.vxs .authbox .err { min-height: 20px; font-family: var(--mono); font-size: 13px; color: #c2452d; margin: 0; }
.vxs .authbox .switch { font-family: var(--mono); font-size: 13px; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(32,34,29,0.18); color: #5f6158; }
.vxs .authbox .switch a { color: #8a5a00; font-weight: 600; }
.vxs .authbox .gate { font-family: var(--mono); font-size: 13px; line-height: 1.5; color: var(--ink); border-left: 3px solid var(--ink); padding: 10px 14px; background: #d6d4ca; margin: -12px 0 28px; }
.vxs .authbox .err:empty { display: none; }