/* ── full-viewport layout ── */
html, body {
    overflow: hidden !important;
    height: 100vh !important;
    background: #fff !important;
}
.dark html, .dark body, html.dark, body.dark {
    background: #171717 !important;
}
.gradio-container {
    height: 100vh !important;
    overflow: hidden !important;
    max-width: 100% !important;
    background: #fff !important;
}
.dark .gradio-container, .gradio-container.dark {
    background: #171717 !important;
}
.main {
    height: 100% !important;
    overflow: hidden !important;
    background: #fff !important;
}
.dark .main {
    background: #171717 !important;
}

/* ── global font ──
 * font-family is set on #hy-chat only (not #hy-chat *) so that KaTeX's
 * own math-font declarations (KaTeX_Main, KaTeX_Math, …) are not
 * overridden.  Children inherit the system stack; KaTeX overrides it
 * via its own class-based rules. */
#hy-chat {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
                 "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica,
                 Arial, sans-serif !important;
}
#hy-chat, #hy-chat * {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}