/* Browser-only presentation; the shared application styles stay unchanged. */
.vy-web-header { display:none; }
body.vy-web-auth .vy-web-header { position:absolute; inset:0 0 auto; z-index:10; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:20px clamp(20px,4vw,48px); color:var(--mut); font-size:12px; }
.vy-web-header a { display:inline-flex; align-items:center; gap:8px; color:var(--ink); font-weight:650; min-height:28px; }
.vy-web-header a:hover { color:var(--pri); }
.vy-web-header a:focus-visible,.vy-web-return:focus-visible { outline:2px solid var(--pri); outline-offset:5px; border-radius:4px; }
body.vy-web-auth #app.auth { padding-top:90px; }
.vy-official-logo { display:block; flex:none; object-fit:contain; }
.mobile-logo .vy-official-logo { width:30px; height:30px; }
.desktop-nav .vy-official-logo { width:38px; height:38px; }
#app.auth .vy-official-logo { width:48px; height:48px; }
.vy-web-auth-note { margin:0; color:var(--mut); font-size:12px; line-height:1.65; }
.vy-web-auth-note strong { color:var(--ink); font-weight:650; }
.vy-web-return { display:inline-flex; align-items:center; gap:8px; width:fit-content; padding:8px 0; margin-top:10px; color:var(--mut); font-size:12px; }
.vy-web-return:hover { color:var(--pri); }
.vy-web-auth-form[aria-busy=true] #ok { opacity:.7; cursor:wait; }
@media(max-width:760px) {
  body.vy-web-auth .vy-web-header { padding-top:calc(14px + env(safe-area-inset-top,0px)); }
  body.vy-web-auth #app.auth { padding-top:82px; }
  #app.auth .vy-official-logo { width:42px; height:42px; }
  .vy-web-auth-note { font-size:11px; }
}