body.cosmo-login-motion { background: #f7f8fa; isolation: isolate; }
.cosmo-login-motion .login-motion-canvas { position: fixed; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.cosmo-login-motion > .container { position: relative; z-index: 2; background: #fff; box-shadow: 0 15px 55px #19295f0d, 0 2px 8px #19295f0a; }
.cosmo-login-motion .login-motion-toggle { position: fixed; right: max(20px, env(safe-area-inset-right)); bottom: max(20px, env(safe-area-inset-bottom)); z-index: 3; border: 1px solid #19295f26; background: #f7f8faf0; color: #52647e; border-radius: 24px; padding: 10px 15px; font: 12px 'Noto Sans KR', sans-serif; cursor: pointer; }
.cosmo-login-motion .login-motion-toggle:focus-visible { outline: 3px solid #00b8ef; outline-offset: 4px; }
@media (max-width: 480px) { .cosmo-login-motion .login-motion-toggle { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); padding: 8px 12px; font-size: 11px; } }