/* Approved desktop demo; mobile retains its existing layout. */
body.mobile-client .intro #status{font-size:11px!important}
@media(min-width:601px){
body:not(.mobile-client){background:radial-gradient(ellipse at 3% 92%,#d5c5e2,transparent 60%),radial-gradient(ellipse at 97% 4%,#e7d1e5,transparent 62%),#ede7f1}
body:not(.mobile-client) .library{background:linear-gradient(140deg,#ffffff92,#d5c1df49);box-shadow:inset 0 1px 0 #ffffffb8,0 15px 36px #68487912}
body:not(.mobile-client) main .pairing,body:not(.mobile-client) main .intro .eyebrow{display:none}
body:not(.mobile-client) main .brand-mascot{position:static;grid-area:qr;align-self:center;justify-self:center;width:min(330px,100%);height:100%;max-height:365px;object-fit:contain;margin:0;transform:scale(.9282);transform-origin:center;animation:approved-float 5s ease-in-out infinite}
body:not(.mobile-client) main .intro{min-width:0}
body:not(.mobile-client) main .intro h2{font-size:clamp(24px,3.3vw,34px);line-height:1.42;position:relative;top:-8px}
body:not(.mobile-client) #device-status-row,body:not(.mobile-client) #device-browser{position:relative;top:12px}
body:not(.mobile-client) #device-status-row #status{position:relative;font-size:12px;color:#745283;line-height:20px;padding-left:16px}
body:not(.mobile-client) #device-status-row #status::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background:linear-gradient(#87679a,#87679a) 0 0/4px 4px,linear-gradient(#87679a,#87679a) 6px 0/4px 4px,linear-gradient(#87679a,#87679a) 0 6px/4px 4px,linear-gradient(#87679a,#87679a) 6px 6px/4px 4px;background-repeat:no-repeat}
body:not(.mobile-client) #device-status-row>button{width:116px;height:30px;box-sizing:border-box;position:relative;top:1px;font-size:12px;font-weight:400;white-space:nowrap;border:1px solid white;border-radius:14px;background:#ffffff85;box-shadow:none;color:#634672;padding:0 8px;display:flex;align-items:center;justify-content:center;line-height:20px}
}
@keyframes approved-float{0%,100%{transform:translateY(0) scale(.9282)}50%{transform:translateY(-7px) scale(.9282)}}
@media(prefers-reduced-motion:reduce){body:not(.mobile-client) main .brand-mascot{animation:none}}