.beta-notice{position:fixed;z-index:950;top:.65rem;right:.75rem;max-width:min(23rem,calc(100vw - 1.5rem));padding:.45rem .7rem;border:1px solid rgba(216,168,78,.55);border-radius:999px;background:rgba(23,27,31,.88);backdrop-filter:blur(12px);color:#f9edd2;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.beta-notice__inner{text-align:center}.beta-notice__title{display:block;font:800 .68rem/1.25 system-ui,sans-serif;letter-spacing:.08em}.beta-notice__text{position:absolute;right:0;top:100%;width:min(21rem,calc(100vw - 1.5rem));box-sizing:border-box;margin:.4rem 0 0;padding:.8rem;border:1px solid rgba(216,168,78,.4);border-radius:.75rem;background:#181b20;color:#fff;font:500 .8rem/1.4 system-ui,sans-serif;opacity:0;visibility:hidden;transition:opacity .2s}.beta-notice:hover .beta-notice__text,.beta-notice:focus-within .beta-notice__text{opacity:1;visibility:visible}
@media(max-width:600px){.beta-notice{top:.45rem;right:.45rem}.beta-notice__title{font-size:.6rem}}