/* Preserve the existing markup for launch without exposing unfinished content. */
.coming-soon-content > :not(.coming-soon-message) { display: none !important; }
.coming-soon-content { padding-top: 0 !important; padding-bottom: 0 !important; }
.coming-soon-message {
    display: grid;
    place-items: center;
    min-height: calc(100dvh - 114px);
    margin: 0;
    padding: 32px 20px;
    box-sizing: border-box;
    color: var(--app-muted, var(--color-text-secondary, #70757d));
    font-size: clamp(20px, 2vw, 26px);
    font-weight: 600;
    text-align: center;
}
.app-view .coming-soon-message { min-height: calc(100dvh - 64px - 100px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); }