.motion-preference{display:inline-flex;align-items:center;gap:10px;color:#abb6c8;font-size:12px}
.motion-preference select{font:inherit;color:#e5ecff;background:#0d1422;border:1px solid #36435b;border-radius:8px;padding:8px 28px 8px 10px;max-width:180px;cursor:pointer}
.motion-enable{display:block;margin-top:18px;padding:9px 14px;border:1px solid #496dac;border-radius:24px;background:#101c32;color:#c7dcff;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;cursor:pointer}
.motion-enable[hidden]{display:none}
.motion-preference select:focus-visible,.motion-enable:focus-visible{outline:2px solid #93c5fd;outline-offset:4px}
.motion-diagnostic{position:fixed;z-index:99999;right:16px;bottom:16px;width:min(410px,calc(100vw - 32px));max-height:80vh;overflow:auto;padding:20px;border:1px solid #6680ae;border-radius:16px;background:#08101e;color:#edf4ff;font:14px/1.5 system-ui;box-shadow:0 16px 60px #0009}
.motion-diagnostic h2{font:600 18px/1.3 system-ui;margin:0 0 8px}.motion-diagnostic p{margin:8px 0;color:#c5cfe1}.motion-diagnostic pre{white-space:pre-wrap;word-break:break-word;font:12px/1.5 monospace;margin:12px 0;padding:12px;background:#020710;border-radius:8px}
.motion-diagnostic button{font:inherit;cursor:pointer;padding:9px 12px;background:#2056c5;color:white;border:1px solid #6089db;border-radius:8px;margin:5px 8px 0 0}.motion-diagnostic button:focus-visible{outline:2px solid white;outline-offset:2px}
@media(max-width:767px){.motion-enable{margin:16px auto 0}.motion-preference{justify-content:center;flex-wrap:wrap}}