:root{--md-sys-color-primary: #CD853F;--md-sys-color-on-primary: #1C1B1F;--md-sys-color-primary-container: #3D2817;--md-sys-color-on-primary-container: #F4E4C1;--md-sys-color-secondary: #9E9E9E;--md-sys-color-on-secondary: #1C1B1F;--md-sys-color-secondary-container: #2D2D2D;--md-sys-color-on-secondary-container: #E5E5E5;--md-sys-color-tertiary: #A0522D;--md-sys-color-on-tertiary: #1C1B1F;--md-sys-color-tertiary-container: #3D2817;--md-sys-color-on-tertiary-container: #E8D5B7;--md-sys-color-error: #EF5350;--md-sys-color-on-error: #1C1B1F;--md-sys-color-error-container: #410002;--md-sys-color-on-error-container: #FFDAD6;--md-sys-color-background: #000000;--md-sys-color-on-background: #E8E5E0;--md-sys-color-surface: #1C1B1F;--md-sys-color-on-surface: #E8E5E0;--md-sys-color-surface-variant: #2D2D2D;--md-sys-color-on-surface-variant: #CAC4D0;--md-sys-color-outline: #9E9E9E;--md-sys-color-outline-variant: #6B6B6B;--md-sys-spacing-unit: 8px;--md-sys-spacing-xs: calc(var(--md-sys-spacing-unit) * .5);--md-sys-spacing-sm: calc(var(--md-sys-spacing-unit) * 1);--md-sys-spacing-md: calc(var(--md-sys-spacing-unit) * 2);--md-sys-spacing-lg: calc(var(--md-sys-spacing-unit) * 3);--md-sys-spacing-xl: calc(var(--md-sys-spacing-unit) * 4);--md-sys-typescale-body-font: "Roboto", "Segoe UI", system-ui, sans-serif;--md-sys-typescale-headline-font: "Roboto", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--md-sys-typescale-body-font);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);min-height:100vh}@media(max-width:768px){:root{--md-sys-spacing-unit: 6px}}@media(max-width:480px){:root{--md-sys-spacing-unit: 4px}}