#app-fullscreen-toggle {
    position: fixed;
    left: max(14px, env(safe-area-inset-left));
    bottom: max(14px, env(safe-area-inset-bottom));
    z-index: 2147483647;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 12px;
    color: #fff;
    background: rgba(20, 33, 58, .88);
    box-shadow: 0 5px 16px rgba(20, 33, 58, .25);
    font: 700 24px/42px "Segoe UI Symbol", "Segoe UI", sans-serif;
    text-align: center;
    cursor: pointer;
    opacity: .68;
    backdrop-filter: blur(6px);
    -webkit-tap-highlight-color: transparent;
}

#app-fullscreen-toggle:hover,
#app-fullscreen-toggle:focus-visible {
    opacity: 1;
    transform: translateY(-1px);
}

#app-fullscreen-toggle.is-fullscreen { font-size: 18px; }

@media (max-width: 700px), (pointer: coarse) {
    #app-fullscreen-toggle {
        width: 42px;
        height: 42px;
        line-height: 40px;
        border-radius: 50%;
    }
}