|
|
:root { |
|
|
--accent: 240; |
|
|
--sat: 90%; |
|
|
--light: 55%; |
|
|
--font: "Inter", "Segoe UI", sans-serif; |
|
|
} |
|
|
|
|
|
html, body, * { |
|
|
font-family: var(--font); |
|
|
font-size: 1.05em; |
|
|
} |
|
|
|
|
|
.gr-button-primary { |
|
|
background: hsl(var(--accent), var(--sat), var(--light)); |
|
|
color: white; |
|
|
border: none; |
|
|
} |
|
|
|
|
|
.gr-button-primary:hover { |
|
|
filter: brightness(1.1); |
|
|
} |
|
|
|
|
|
#zen-header { |
|
|
color: hsl(var(--accent), var(--sat), 40%); |
|
|
font-size: 1.4em; |
|
|
margin-bottom: 1em; |
|
|
} |
|
|
|
|
|
.gr-chatbot .message.user, |
|
|
.gr-chatbot .message.bot { |
|
|
color: white !important; |
|
|
} |
|
|
|
|
|
table { |
|
|
border-collapse: collapse; |
|
|
margin-top: 10px; |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
th, td { |
|
|
padding: 8px 12px; |
|
|
border: 1px solid #ccc; |
|
|
} |
|
|
|
