/* Desktop uses the canonical stylesheet; responsive UI must not affect its geometry. */
html:not([data-responsive]) .responsive-nav,
html:not([data-responsive]) .responsive-overview,
.responsive-print-logo{display:none!important}
.rotate-hint[hidden]{display:none!important}
.rotate-hint{position:fixed;z-index:38;bottom:calc(94px + env(safe-area-inset-bottom,0px));left:16px;right:16px;width:calc(100% - 32px);max-width:480px;box-sizing:border-box;margin:0 auto;display:flex;align-items:center;gap:15px;padding:19px 20px;background:var(--surface,#0d192d);color:var(--ink,#edf4fc);border:1px solid var(--cyan,#71e4e5);border-radius:17px;box-shadow:0 16px 55px #0006;font-family:Inter,Arial,sans-serif;text-align:left;line-height:1.45}
.rotate-device-icon{flex:0 0 52px;width:52px;height:52px;color:var(--cyan,#71e4e5)}.rotate-phone{transform-origin:32px 32px;animation:aurai-rotate-device 3s ease-in-out 3}
.rotate-hint strong{font-size:14px;font-weight:650;display:block}.rotate-hint p{font-size:12px;line-height:1.5;margin:5px 0 8px;color:var(--muted,#a4b5ca)}.rotate-hint button{font:600 12px/1.4 Inter,Arial,sans-serif;background:none;color:var(--cyan,#71e4e5);border:0;padding:7px 0;min-height:34px;cursor:pointer;display:flex;align-items:center;gap:10px}.rotate-hint button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:3px}
@keyframes aurai-rotate-device{0%,18%,100%{transform:rotate(0)}45%,72%{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none}}
@media print{.rotate-hint{display:none!important}html[data-responsive] .responsive-print-logo{display:block!important}}