:root{--md-bg-root: #121212;--md-surface-1: #1e1e1e;--md-surface-2: #252525;--md-surface-3: #2c2c2c;--md-primary: #90caf9;--md-primary-hover: #42a5f5;--md-secondary: #ce93d8;--md-error: #cf6679;--md-text-high: rgba(255, 255, 255, .87);--md-text-medium: rgba(255, 255, 255, .6);--md-text-disabled: rgba(255, 255, 255, .38);--md-border-color: rgba(255, 255, 255, .12);--md-divider: 1px solid var(--md-border-color);--font-sans: "Roboto", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--md-shadow-1: 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12), 0 1px 3px 0 rgba(0, 0, 0, .2);--md-shadow-2: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--md-bg-root);color:var(--md-text-high);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--md-bg-root)}::-webkit-scrollbar-thumb{background:#424242;border:2px solid var(--md-bg-root);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#616161}.btn-material{border:none;background-color:var(--md-surface-3);color:var(--md-text-high);padding:6px 16px;border-radius:4px;font-family:var(--font-sans);font-weight:500;font-size:.875rem;letter-spacing:.02857em;text-transform:uppercase;cursor:pointer;transition:background-color .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-material:hover{background-color:#ffffff14}.btn-primary{background-color:var(--md-primary);color:#000}.btn-primary:hover{background-color:var(--md-primary-hover);box-shadow:var(--md-shadow-2)}.btn-icon{background:transparent;color:var(--md-text-medium);border-radius:50%;padding:8px;min-width:0}.btn-icon:hover{background-color:#ffffff14;color:var(--md-text-high)}