.live-card{position:relative;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.live-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .4s;pointer-events:none}.live-card.ready>.live-canvas{opacity:1}.live-card.ready>.hero-portrait{opacity:0;transition:opacity 0s .4s}.live-speech{position:absolute;z-index:2;left:8%;right:8%;top:6%;margin:0;padding:10px 14px;border:1px solid #e5cf9e66;border-radius:10px;background:linear-gradient(160deg,#1c1f2bee,#2a2436e6);box-shadow:0 6px 24px #0008;color:#f4ead2;font:italic 13px/1.5 var(--serif);text-align:center;pointer-events:none;animation:live-speech-in .25s ease-out}.live-speech:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;margin-left:-6px;transform:rotate(45deg);background:#272333;border-right:1px solid #e5cf9e66;border-bottom:1px solid #e5cf9e66}@keyframes live-speech-in{0%{opacity:0;transform:translateY(6px) scale(.97)}}.sx{--x-ink:#ece6d8;--x-mute:#a39fae;--x-gold:#dcc493;--x-gold-2:#bfa16b;--x-line:#ffffff17;--x-warn:#e7a07a;width:min(400px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:none;color:var(--x-ink);overflow:visible}.sx::backdrop{background:radial-gradient(ellipse at 50% 40%,#0a0c12d9,#05060af5);backdrop-filter:blur(8px) saturate(.6);-webkit-backdrop-filter:blur(8px) saturate(.6);animation:sx-fade .35s ease-out}.sx[open]{animation:sx-in .45s cubic-bezier(.2,.8,.2,1)}.sx-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 26px 22px;border:1px solid var(--x-line);border-radius:22px;background:linear-gradient(180deg,#171b28,#10131c);box-shadow:0 30px 80px #000b,inset 0 1px #ffffff14}.sx-glow{position:absolute;inset:-40% -20% auto;height:70%;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 50% 70%,#e7a07a24,transparent 70%)}.sx-expired .sx-glow,.sx-password .sx-glow{background:radial-gradient(ellipse 50% 60% at 50% 70%,#dcc4932b,transparent 70%)}.sx-devices{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:2px 0 14px}.sx-device{display:flex;flex-direction:column;align-items:center;gap:7px;margin:0;width:84px}.sx-device>span{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;border:1px solid var(--x-line);background:#ffffff08}.sx-device figcaption{font-size:11px;color:var(--x-mute);white-space:nowrap}.sx-device.off>span{color:#8f8b9b;filter:saturate(.4)}.sx-device.off i{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#3a2621;border:1px solid #e7a07a66;color:var(--x-warn)}.sx-device.on>span{color:#f3e3bd;border-color:#dcc49366;background:radial-gradient(circle at 50% 40%,#dcc49330,#dcc4930a 70%);box-shadow:0 0 0 0 #dcc49355;animation:sx-ping 2.2s ease-out infinite}.sx-device.on figcaption{color:var(--x-gold)}.sx-link{display:flex;gap:7px;align-items:center;height:56px}.sx-link b{width:6px;height:6px;border-radius:50%;background:var(--x-gold);opacity:.18;animation:sx-flow 1.5s ease-in-out infinite}.sx-link b:nth-child(2){animation-delay:.18s}.sx-link b:nth-child(3){animation-delay:.36s}.sx-emblem{position:relative;display:grid;place-items:center;width:68px;height:68px;margin:2px 0 14px;border-radius:50%;color:#f3e3bd;border:1px solid #dcc49359;background:radial-gradient(circle at 50% 40%,#dcc49333,#dcc4930a 70%);animation:sx-ping 2.4s ease-out infinite}.sx-kicker{font-size:11.5px;letter-spacing:.4px;color:var(--x-warn)}.sx-expired .sx-kicker,.sx-password .sx-kicker{color:var(--x-gold)}.sx h2{margin:4px 0 0;font:500 22px/1.35 var(--serif);color:#f6eedc;text-wrap:balance}.sx-card>p{margin:0}#sx-body{margin-top:8px;font-size:13.5px;line-height:1.7;color:#cfc8bb;text-wrap:pretty}.sx-account{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:5px 12px 5px 6px;border:1px solid var(--x-line);border-radius:999px;background:#0c0f17a6;font-size:13px}.sx-account span{padding:1px 7px;border-radius:999px;background:#ffffff12;font-size:10px;letter-spacing:.6px;color:var(--x-mute)}.sx-account b{font-weight:600;color:var(--x-ink)}.sx-safe{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px!important;padding:9px 12px;width:100%;border-radius:12px;border:1px solid #7fc79a33;background:#7fc79a12;font-size:12.5px;color:#b9e3c6}.sx-safe svg{flex:none;color:#8fd6a8}.sx-hint{margin-top:10px!important;font-size:12px;line-height:1.6;color:var(--x-mute);text-wrap:pretty}.sx-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;margin-top:16px;border-radius:12px;background:linear-gradient(180deg,var(--x-gold),var(--x-gold-2));box-shadow:0 8px 24px #00000059,inset 0 1px #fff4d466;color:#231c12;font-size:15px;font-weight:600}.sx-cta:hover{filter:brightness(1.05)}.sx-cta:focus-visible{outline:2px solid #f3e3bd;outline-offset:3px}@keyframes sx-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}@keyframes sx-fade{0%{opacity:0}}@keyframes sx-ping{0%{box-shadow:0 0 0 0 #dcc49350}70%,to{box-shadow:0 0 0 14px #dcc49300}}@keyframes sx-flow{0%,to{opacity:.18;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (max-width:420px){.sx-card{padding:22px 18px 18px}.sx h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.sx-device.on>span,.sx-emblem,.sx-link b,.sx::backdrop,.sx[open]{animation:none}.sx-link b{opacity:.6}}