[x-cloak] { display: none !important; }
html, body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-feature-settings: "cv02","cv03","cv04","cv11"; }
body { -webkit-font-smoothing: antialiased; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(83,90,102,0.45); border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(154,161,172,0.55); border: 2px solid transparent; background-clip: padding-box; }
input::placeholder, textarea::placeholder { color: rgba(154,161,172,0.55); }
.tabular-nums { font-variant-numeric: tabular-nums; }
audio { filter: invert(0.85); border-radius: 8px; }
audio::-webkit-media-controls-panel { background-color: #161A1F; }
.html-light body { background: #FAFAFA; color: #18181B; }
/* Light mode override using class on */
html:not(.dark) body { background: #F5F6F8; color: #0F172A; }
html:not(.dark) .bg-ink-900 { background: #F5F6F8 !important; }
html:not(.dark) .bg-ink-800\/40, html:not(.dark) .bg-ink-800\/60, html:not(.dark) .bg-ink-800\/95 { background: rgba(255,255,255,0.7) !important; }
html:not(.dark) .bg-ink-700, html:not(.dark) .bg-ink-700\/40, html:not(.dark) .bg-ink-700\/70 { background: #FFFFFF !important; }
html:not(.dark) .bg-ink-600 { background: #F1F5F9 !important; }
html:not(.dark) .text-white { color: #0F172A !important; }
html:not(.dark) .text-ink-100, html:not(.dark) .text-ink-100\/70, html:not(.dark) .text-ink-100\/60, html:not(.dark) .text-ink-100\/80 { color: #475569 !important; }
html:not(.dark) .border-ink-500\/60, html:not(.dark) .border-ink-500\/40 { border-color: #E2E8F0 !important; }
html:not(.dark) .divide-ink-500\/40 > * + * { border-color: #E2E8F0 !important; }
html:not(.dark) .bg-ink-800 { background: #F8FAFC !important; }