*{box-sizing:border-box}:root{--md-sys-color-background: #141218;--md-sys-color-on-background: #E6E1E5;--md-sys-color-surface: #141218;--md-sys-color-surface-container: #211F26;--md-sys-color-on-surface: #E6E1E5;--md-sys-color-primary: #D0BCFF;--md-sys-color-on-primary: #381E72;--md-sys-color-secondary: #CCC2DC;--md-sys-color-on-secondary: #332D41;--md-sys-color-secondary-container: #4A4458;--md-sys-color-on-secondary-container: #E8DEF8;--md-sys-color-surface-container-high: #2B2930;--md-sys-color-error: #F2B8B5;--md-sys-color-on-error: #601410;--md-sys-color-outline: #938F99}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background)}.card{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);padding:24px;border-radius:12px;box-shadow:0 4px 8px #00000024;width:100%;display:flex;flex-direction:column}.card h2{margin:0;color:var(--md-sys-color-primary)}.centered-page{padding:5px;display:flex;justify-content:center;height:100%}.centered-page:not(.compact-page) .card{height:100%}.compact-page{align-items:flex-start}.page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:24px;min-height:40px}.submenu-container{display:flex;justify-content:center}.floating-menu{display:flex;background-color:#534b6280;padding:6px;border-radius:12px;gap:8px}.floating-menu a{text-decoration:none;color:var(--md-sys-color-on-surface-variant);padding:8px 16px;border-radius:8px;font-weight:500;transition:all .2s}.floating-menu a:hover{background-color:#ffffff0d}.floating-menu a.active{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.content-area{flex:1;overflow-y:auto}@media(max-width:768px){.page-header{grid-template-columns:1fr;gap:16px;height:auto}.submenu-container{order:2;width:100%;overflow-x:auto;justify-content:center;padding-bottom:8px}.floating-menu{width:max-content}.card{padding:16px;box-shadow:none;border-radius:0;background-color:transparent;height:100%}.centered-page{padding:0;height:100%}.desktop-only{display:none!important}}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block}}