.floating-home-button {
    position: fixed;
    inset-inline-start: max(1.25rem, env(safe-area-inset-left));
    bottom: max(1.25rem, env(safe-area-inset-bottom));
    z-index: 60;
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border: 1px solid rgba(253, 184, 39, .42);
    border-radius: 9999px;
    background: rgba(30, 30, 30, .94);
    color: #fdb827;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .32);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    text-decoration: none;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.floating-home-button svg { width: 1.4rem; height: 1.4rem; fill: currentColor; }
[dir="rtl"] .floating-home-button { inset-inline-start: max(1.25rem, env(safe-area-inset-right)); }
.floating-home-button:hover {
    background: #fdb827;
    border-color: #fdb827;
    color: #121212;
    box-shadow: 0 10px 28px rgba(253, 184, 39, .24);
    transform: translateY(-3px);
}
.floating-home-button:focus-visible { outline: 3px solid #fdb827; outline-offset: 4px; }
@media (max-width: 640px) {
    .floating-home-button { width: 2.9rem; height: 2.9rem; }
}
@media (prefers-reduced-motion: reduce) {
    .floating-home-button { transition: none; }
}
