/* Shared typography and controls; system fonts avoid blocking font downloads. */
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.navbar{background:rgba(250,250,252,.82);border-bottom:1px solid rgba(0,0,0,.045)}
.nav-logo{letter-spacing:-.7px}.logo-icon{background:#1d1d1f;color:white;border-radius:10px;font-family:Arial,sans-serif;font-weight:800}
.btn{border-radius:999px}.btn-primary{box-shadow:none}
.mobile-nav{max-height:calc(100dvh - var(--nav-h));overflow-y:auto;overscroll-behavior:contain}
@media(max-width:650px){.nav-inner{padding:0 16px}.nav-right{margin-left:auto;gap:10px}.nav-right #nav-auth,.nav-right .nav-fx{display:none!important}.nav-nickname{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-logo{margin-right:0}.hamburger{flex-shrink:0}}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #0071e3;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Switch to the existing compact navigation before bilingual labels collide. */
@media(max-width:1024px){.nav-links{display:none}.hamburger{display:flex}.nav-nickname,.nav-arrow{display:none}.nav-right .nav-fx{display:none!important}.nav-right{margin-left:auto}.nav-inner{min-width:0}}
@media(min-width:1025px){.nav-nickname{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{display:none}}