:root {
    color-scheme: light dark;
    --fe-bg: #f8fafc;
    --fe-surface: #ffffff;
    --fe-text: #0f172a;
    --fe-muted: #64748b;
    --fe-border: rgba(148, 163, 184, 0.35);
    --fe-primary: #2563eb;
}

@media (prefers-color-scheme: dark) {
    :root {
        --fe-bg: #020617;
        --fe-surface: #0f172a;
        --fe-text: #f8fafc;
        --fe-muted: #94a3b8;
        --fe-border: rgba(148, 163, 184, 0.22);
    }
}

html.dark, .dark {
    --fe-bg: #020617;
    --fe-surface: #0f172a;
    --fe-text: #f8fafc;
    --fe-muted: #94a3b8;
    --fe-border: rgba(148, 163, 184, 0.22);
}


.flexiempty-body {
    margin: 0;
    min-height: 100vh;
    overflow: hidden;
    background: var(--fe-bg);
    color: var(--fe-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.flexiempty-shell {
    width: 100vw;
    height: calc(100vh - var(--poly-topbar-height, 0px));
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.showcase-page {
    width: 100%;
    height: 100%;
}

.showcase-frame-wrap,
.content-card {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.showcase-frame {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100% !important;
    border: 0;
    background: #fff;
}

.content-card {
    padding: clamp(24px, 5vw, 72px);
    line-height: 1.75;
}

.content-card :where(p, ul, ol) {
    color: var(--fe-muted);
}

@media (max-width: 720px) {
    .flexiempty-shell {
        width: 100vw;
        padding: 0;
    }

    .showcase-frame-wrap,
    .content-card {
        border-radius: 0;
    }
}