:root{--md-sys-color-surface: #121212;--md-sys-color-on-surface: #e0e0e0;--md-sys-color-surface-container: #1e1e1e;--md-sys-color-primary: #8ab4f8;--md-sys-color-on-primary: #002e60;--md-sys-color-secondary: #a8c7fa;--md-sys-color-tertiary: #d7c5ff;--md-sys-color-error: #ffb4ab;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;font-family:Roboto,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:flex-start;min-width:320px;min-height:100vh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface)}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}