:root{--device-gate-evening:#0c0907;--device-gate-panel:#17100b;--device-gate-title:#f6efe8;--device-gate-muted:#b9aaa0;--device-gate-gold:#e6bd73;--device-gate-gold-deep:#c8943b;--device-gate-line:#e6bd733d}.mobile-handoff-gate,.orientation-gate,.auth-orientation-gate{display:none}html.is-service-surface.is-non-phone-device body>:not(.mobile-handoff-gate):not(script){display:none!important}html.is-service-surface.is-non-phone-device .mobile-handoff-gate{z-index:10000;width:100%;min-width:320px;height:100dvh;padding:max(24px, env(safe-area-inset-top,0px)) max(24px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));color:var(--device-gate-title);background:radial-gradient(circle at 72% 24%, #c8943b33, transparent 30%), radial-gradient(circle at 16% 84%, #e6bd731a, transparent 34%), var(--device-gate-evening);place-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}.mobile-handoff-gate__layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:center;gap:clamp(40px,7vw,88px);width:min(100%,980px);margin:auto;display:grid}.mobile-handoff-gate__message,.mobile-handoff-gate__transfer,.mobile-handoff-gate__local-state{display:grid}.mobile-handoff-gate__message{align-content:center;gap:44px}.mobile-handoff-gate__brand{color:var(--device-gate-title);letter-spacing:-.02em;align-items:center;gap:12px;font-size:21px;font-weight:760;display:inline-flex}.mobile-handoff-gate__brand-mark{background:currentColor;flex:0 0 42px;width:42px;height:42px;display:block;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-12%20-12%20274%20274'%20fill='none'%20role='img'%20aria-labelledby='invaito-logo-title'%3e%3ctitle%20id='invaito-logo-title'%3eInvaito%3c/title%3e%3cg%20fill='%23BD4D79'%3e%3cpath%20d='M250%20250C180.964%20250%20125%20194.036%20125%20125H150C150%20180.228%20194.772%20225%20250%20225V250Z'%20/%3e%3cpath%20d='M250%20150C236.193%20150%20225%20138.807%20225%20125H250V150Z'%20/%3e%3cpath%20d='M50%20125C50%2083.5786%2083.5787%2050%20125%2050V75C97.3858%2075%2075%2097.3858%2075%20125H50Z'%20/%3e%3cpath%20d='M125%200C194.036%200%20250%2055.9644%20250%20125H225C225%2069.7715%20180.228%2025%20125%2025V0Z'%20/%3e%3cpath%20d='M125%20100C138.807%20100%20150%20111.193%20150%20125H125V100Z'%20/%3e%3cpath%20d='M75%20125C75%20166.421%2041.4214%20200%200%20200V175C27.6142%20175%2050%20152.614%2050%20125H75Z'%20/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-12%20-12%20274%20274'%20fill='none'%20role='img'%20aria-labelledby='invaito-logo-title'%3e%3ctitle%20id='invaito-logo-title'%3eInvaito%3c/title%3e%3cg%20fill='%23BD4D79'%3e%3cpath%20d='M250%20250C180.964%20250%20125%20194.036%20125%20125H150C150%20180.228%20194.772%20225%20250%20225V250Z'%20/%3e%3cpath%20d='M250%20150C236.193%20150%20225%20138.807%20225%20125H250V150Z'%20/%3e%3cpath%20d='M50%20125C50%2083.5786%2083.5787%2050%20125%2050V75C97.3858%2075%2075%2097.3858%2075%20125H50Z'%20/%3e%3cpath%20d='M125%200C194.036%200%20250%2055.9644%20250%20125H225C225%2069.7715%20180.228%2025%20125%2025V0Z'%20/%3e%3cpath%20d='M125%20100C138.807%20100%20150%20111.193%20150%20125H125V100Z'%20/%3e%3cpath%20d='M75%20125C75%20166.421%2041.4214%20200%200%20200V175C27.6142%20175%2050%20152.614%2050%20125H75Z'%20/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat}.mobile-handoff-gate__intro{gap:16px;display:grid}.mobile-handoff-gate h1,.mobile-handoff-gate p,.orientation-gate h1,.orientation-gate p,.auth-orientation-gate h1,.auth-orientation-gate p{margin:0}.mobile-handoff-gate h1{max-width:560px;color:var(--device-gate-title);letter-spacing:-.045em;font-size:clamp(38px,5vw,58px);font-weight:720;line-height:1.02}.mobile-handoff-gate .mobile-handoff-gate__description{max-width:48ch;color:var(--device-gate-muted);font-size:17px;line-height:1.55}.mobile-handoff-gate__network-note{max-width:48ch;color:var(--device-gate-gold);font-size:14px;line-height:1.5}.mobile-handoff-gate__transfer{align-content:center;justify-items:center;gap:14px;min-height:573px;position:relative}.mobile-handoff-gate__qr-shell{border:1px solid var(--device-gate-line);background:#f9f5ef;border-radius:22px;place-items:center;width:264px;height:264px;padding:20px;display:grid;box-shadow:0 24px 64px #02010157}.mobile-handoff-gate__qr{color:#62564e;text-align:center;background:#f9f5ef;place-items:center;width:224px;height:224px;font-size:14px;line-height:1.4;display:grid;overflow:hidden}.mobile-handoff-gate__qr canvas,.mobile-handoff-gate__qr img{display:block;width:224px!important;height:224px!important}.mobile-handoff-gate__copy{border:1px solid var(--device-gate-line);min-width:210px;min-height:46px;color:var(--device-gate-evening);background:linear-gradient(135deg, var(--device-gate-gold), var(--device-gate-gold-deep));font:inherit;cursor:pointer;border-radius:999px;padding:0 20px;font-size:14px;font-weight:720;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s;position:absolute;top:calc(50% + 146px)}.mobile-handoff-gate__copy:hover{filter:brightness(1.06);transform:translateY(-1px)}.mobile-handoff-gate__copy:active{transform:translateY(0)}.mobile-handoff-gate__copy:focus-visible{outline:3px solid var(--device-gate-title);outline-offset:3px}.mobile-handoff-gate .mobile-handoff-gate__status{max-width:34ch;min-height:21px;color:var(--device-gate-muted);text-align:center;font-size:13px;line-height:1.45;position:absolute;top:calc(50% + 204px)}.mobile-handoff-gate__local-state{border:1px solid var(--device-gate-line);background:var(--device-gate-panel);text-align:center;border-radius:22px;align-content:center;justify-items:center;gap:12px;width:100%;min-height:264px;padding:28px}.mobile-handoff-gate__static-qr{aspect-ratio:1;background:#f9f5ef;width:min(224px,100%);height:auto;margin:0 auto 8px;padding:12px;display:block}.mobile-handoff-gate__local-state strong{color:var(--device-gate-title);font-size:22px;line-height:1.15}.mobile-handoff-gate__local-state p{color:var(--device-gate-muted);font-size:14px;line-height:1.5}.mobile-handoff-gate [hidden]{display:none!important}@media (orientation:landscape){html.is-service-surface.is-phone-device,html.is-service-surface.is-phone-device body{height:100%;min-height:0;max-height:100%;overflow:hidden}html.is-service-surface.is-phone-device body>:not(.orientation-gate):not(.auth-orientation-gate):not(script){display:none!important}html.is-service-surface.is-phone-device :is(.orientation-gate,.auth-orientation-gate){z-index:10000;width:100%;height:100dvh;padding:max(18px, env(safe-area-inset-top,0px)) max(28px, env(safe-area-inset-right,0px)) max(18px, env(safe-area-inset-bottom,0px)) max(28px, env(safe-area-inset-left,0px));color:var(--device-gate-title);background:radial-gradient(circle at 72% 28%, #c8943b29, transparent 32%), var(--device-gate-evening);text-align:center;place-items:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}}.orientation-gate__panel{place-items:center;gap:12px;width:min(100%,440px);display:grid}.orientation-gate .orientation-gate__device{border:2px solid var(--device-gate-gold);transform-origin:50%;border-radius:16px;width:54px;height:88px;animation:3.2s cubic-bezier(.65,0,.35,1) infinite both device-gate-phone-turn;display:block;position:relative}.orientation-gate .orientation-gate__device:before,.orientation-gate .orientation-gate__device:after{content:"";background:var(--device-gate-gold);border-radius:2px;width:18px;height:2px;position:absolute;left:50%;transform:translate(-50%)}.orientation-gate .orientation-gate__device:before{top:8px}.orientation-gate .orientation-gate__device:after{bottom:8px}.orientation-gate h1,.auth-orientation-gate h1{color:var(--device-gate-title);letter-spacing:-.025em;font-size:28px;font-weight:720;line-height:1.05}.orientation-gate p,.auth-orientation-gate p{max-width:42ch;color:var(--device-gate-muted);font-size:14px;line-height:1.45}@keyframes device-gate-phone-turn{0%,18%,96%,to{transform:rotate(90deg)scale(.96)}42%,72%{transform:rotate(0)scale(1)}}@media (width<=759px) and (height>=481px){.mobile-handoff-gate__layout{grid-template-columns:minmax(0,1fr);gap:28px;width:min(100%,520px)}.mobile-handoff-gate__message{gap:24px}.mobile-handoff-gate h1{font-size:38px}}@media (width>=520px) and (height<=480px){html.is-service-surface.is-non-phone-device .mobile-handoff-gate{padding:16px 24px}.mobile-handoff-gate__layout{grid-template-columns:minmax(0,1fr) 176px;gap:28px}.mobile-handoff-gate__message{gap:18px}.mobile-handoff-gate__brand{font-size:18px}.mobile-handoff-gate__brand-mark{flex-basis:32px;width:32px;height:32px}.mobile-handoff-gate h1{font-size:30px}.mobile-handoff-gate__description,.mobile-handoff-gate__network-note{font-size:13px}.mobile-handoff-gate__transfer{gap:8px;min-height:0}.mobile-handoff-gate__copy,.mobile-handoff-gate .mobile-handoff-gate__status{position:static}.mobile-handoff-gate__qr-shell{border-radius:16px;width:152px;height:152px;padding:12px}.mobile-handoff-gate__qr,.mobile-handoff-gate__qr canvas,.mobile-handoff-gate__qr img{width:128px!important;height:128px!important}.mobile-handoff-gate__copy{min-width:176px;min-height:44px}.mobile-handoff-gate__status{min-height:0;font-size:12px}.mobile-handoff-gate__local-state{min-height:152px;padding:18px}.mobile-handoff-gate__static-qr{width:128px;margin-bottom:0;padding:7px}}@media (prefers-reduced-motion:reduce){.mobile-handoff-gate__copy{transition:none}.orientation-gate .orientation-gate__device{transform:rotate(0);animation:none!important}}
