.ora-top { position: fixed; z-index: 45; right: calc(16px + env(safe-area-inset-right, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: 46px; height: 46px; padding: 0; display: flex; align-items: center; justify-content: center; border: 1px solid var(--line-strong, rgba(255, 255, 255, .28)); border-radius: 50%; background: var(--surface, rgba(10, 20, 16, .82)); color: var(--ink, #f4efe4); box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .45); cursor: pointer; }
.ora-top[hidden] { display: none; }
.ora-top svg { width: 22px; height: 22px; display: block; }
.ora-top:hover { background: var(--accent-fill, #2c5a45); color: var(--on-accent, #fff); border-color: transparent; }
.ora-top:focus-visible { outline: 2px solid var(--accent, #9fd8a6); outline-offset: 2px; }
.hyu-has-dock .ora-top { bottom: calc(92px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 560px) { .ora-top { width: 42px; height: 42px; right: calc(12px + env(safe-area-inset-right, 0px)); bottom: calc(12px + env(safe-area-inset-bottom, 0px)); } .hyu-has-dock .ora-top { bottom: calc(126px + env(safe-area-inset-bottom, 0px)); } }
@media print { .ora-top { display: none; } }