.rotate-hint{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));z-index:40;border:1px solid var(--gf-hairline);background:color-mix(in srgb, var(--gf-surface) 88%, transparent);color:var(--gf-ink-body);font-family:var(--gf-font);font-size:var(--gf-type-caption);letter-spacing:var(--gf-tracking-beat);pointer-events:none;justify-content:center;align-items:center;gap:12px;padding:10px 12px;display:flex;position:fixed}.rotate-hint-copy{text-wrap:balance;flex:1;margin:0}.rotate-hint-glyph{border:1px solid var(--accent);transform-origin:50%;border-radius:3px;flex:none;width:16px;height:24px}.rotate-hint-dismiss{border:1px solid var(--gf-hairline);min-width:44px;min-height:44px;color:var(--gf-ink-muted);font:inherit;letter-spacing:var(--gf-tracking-label);text-transform:uppercase;cursor:pointer;touch-action:manipulation;pointer-events:auto;background:0 0;flex:none;padding:0 12px}.rotate-hint-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.rotate-hint{animation:rotate-hint-enter var(--gf-time-enter) var(--gf-ease-rise) backwards}.rotate-hint-glyph{animation:rotate-hint-tip 2.6s var(--gf-ease-glide) infinite}}@keyframes rotate-hint-enter{0%{opacity:0;transform:translateY(8px)}}@keyframes rotate-hint-tip{0%,35%{transform:rotate(0)}55%,90%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-transparency:reduce){.rotate-hint{background:var(--gf-surface)}}@media (forced-colors:active){.rotate-hint{background:canvas}}