.device-message{margin:auto}
.device-message h2 em{font-style:normal;color:var(--green)}
.qr-card.recovery{width:min(62vw,260px);margin:22px auto 16px}
.recovery-copy{margin:0 auto}
.keyword-card{width:min(100%,300px);margin:16px 0;padding:14px 16px;border:1px solid #3a414b;border-radius:6px;background:#0c0e11;display:flex;flex-direction:column;gap:5px}
.keyword-card span{color:var(--green);font-size:9px;font-weight:850;letter-spacing:.18em}
.keyword-card strong{font-size:25px;letter-spacing:.1em}
.keyword-card small{color:#8d949d;font-size:10px}
.center input.keyword-input{font-size:24px;letter-spacing:.08em;text-transform:uppercase}
.keyword-field{display:flex;align-items:center;justify-content:center;gap:8px;width:min(100%,430px);margin:8px auto 16px}
.keyword-field .keyword-input{width:auto;flex:1 1 auto;min-width:0;margin:0}
.keyword-field .keyword-input-number{flex:0 0 78px;text-align:center}
.keyword-dash{flex:0 0 auto;color:#5b626c;font-size:26px;font-weight:850}
.mobile-controls{align-items:flex-end;letter-spacing:0;text-transform:none}
.motion-control{margin-right:auto;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0a0c0fe6;border:1px solid #ffffff30;border-radius:14px;font-size:13px;font-weight:700;cursor:pointer}
.motion-control input{position:absolute;opacity:0;pointer-events:none}
.ios-switch{display:block;width:51px;height:31px;border-radius:999px;background:#4a4d52;position:relative;transition:.22s;box-shadow:inset 0 0 0 1px #ffffff12}
.ios-switch:after{content:"";position:absolute;width:27px;height:27px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 7px #0008;transition:.22s}
.motion-control input:checked+.ios-switch{background:#e4007c}
.motion-control input:checked+.ios-switch:after{transform:translateX(20px)}
.viewer-buttons{display:flex;gap:9px}
.motion-alert{position:absolute;z-index:5;left:50%;top:88px;transform:translate(-50%,-12px);opacity:0;background:#e4007c;color:#fff;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.12em;transition:.25s;pointer-events:none}
.motion-alert.show{opacity:1;transform:translate(-50%,0)}
.motion-summary{position:absolute;z-index:4;right:24px;top:88px;display:none;align-items:baseline;gap:7px;padding:9px 12px;background:#0a0c0fe6;border:1px solid #ffffff2b;border-radius:12px;color:#fff}
.motion-summary.active{display:flex}
.motion-summary strong{font-size:20px;color:var(--green)}
.motion-summary span{font-size:10px;font-weight:750}
.motion-summary small{font-size:9px;color:#a6acb4;margin-left:4px}
@media(max-width:600px){.mobile-controls{left:16px;right:16px;bottom:18px;gap:10px}.motion-control{padding:8px 10px;font-size:11px}.motion-control>span{max-width:72px;line-height:1.15}.viewer-buttons button{padding:0 12px}.ios-switch{width:47px;height:29px}.ios-switch:after{width:25px;height:25px}.motion-control input:checked+.ios-switch:after{transform:translateX(18px)}}
@media(max-width:600px){.motion-summary{top:74px;right:16px;left:16px;justify-content:center}.motion-summary small{display:none}.motion-alert{top:125px}}