.portrait-only{display:none}html[data-sideways] body{overflow:hidden}html[data-sideways] body>:not(.portrait-only){visibility:hidden}html[data-sideways] ::backdrop{display:none}html[data-sideways] .portrait-only{z-index:2147483647;background:var(--canvas);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.portrait-only svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linejoin:round;transform-origin:50%;width:64px;height:64px}.portrait-only circle{fill:var(--brand);stroke:none}.portrait-only p{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}@media (prefers-reduced-motion:no-preference){html[data-sideways] .portrait-only svg{animation:2.4s cubic-bezier(.65,0,.35,1) infinite portrait-only-turn}}@keyframes portrait-only-turn{0%,20%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}