.beta-notice {
    width: min(30rem, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: clamp(22px, 5vw, 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--mybackrooms-border-strong);
    border-radius: var(--mybackrooms-radius);
    background: var(--mybackrooms-surface);
    color: var(--mybackrooms-ink);
    box-shadow: var(--mybackrooms-shadow-lg);
    text-align: left;
    line-height: 1.6;
}
.beta-notice::backdrop { background: rgb(0 0 0 / 55%); }
.beta-notice__brand { margin: 0 0 6px; color: var(--mybackrooms-muted); font-size: .875rem; }
.beta-notice h2 { margin: 0 0 18px; color: var(--mybackrooms-accent); font-size: 1.55rem; font-weight: 750; letter-spacing: .035em; }
.beta-notice__release { margin: 20px 0; padding-top: 18px; border-top: 1px solid var(--mybackrooms-border); }
.beta-notice form { display: flex; justify-content: flex-end; margin: 0; }
.beta-notice button { min-height: 44px; min-width: 110px; }
.beta-notice button:focus-visible { outline: 3px solid var(--mybackrooms-accent); outline-offset: 3px; }