.compliance-footer {
    position: fixed;
    z-index: 70;
    left: 50%;
    bottom: max(10px, env(safe-area-inset-bottom));
    display: flex;
    justify-content: center;
    width: max-content;
    max-width: calc(100vw - 32px);
    padding: 5px 12px;
    border: 1px solid rgba(238, 232, 220, .09);
    border-radius: 999px;
    background: rgba(3, 12, 18, .64);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
    backdrop-filter: blur(10px);
    transform: translateX(-50%);
}

.compliance-footer a {
    color: rgba(220, 214, 202, .64);
    font: 10px/1.4 "Songti SC", "STSong", "Noto Serif SC", serif;
    letter-spacing: .08em;
    text-decoration: none;
    transition: color .25s ease, text-shadow .25s ease;
}

.compliance-footer a:hover,
.compliance-footer a:focus-visible {
    color: #d9c7a7;
    outline: none;
    text-shadow: 0 0 14px rgba(198, 166, 108, .28);
}

@media (max-width: 720px) {
    .compliance-footer {
        bottom: max(6px, env(safe-area-inset-bottom));
        padding: 4px 9px;
    }

    .compliance-footer a {
        font-size: 9px;
        letter-spacing: .04em;
    }
}