:root{--md-sys-color-primary:#8dcdff;--md-sys-color-on-primary:#003450;--md-sys-color-primary-container:#004b71;--md-sys-color-on-primary-container:#c8e6ff;--md-sys-color-secondary:#b7c9d9;--md-sys-color-on-secondary:#22323f;--md-sys-color-secondary-container:#384956;--md-sys-color-on-secondary-container:#d3e5f5;--md-sys-color-tertiary:#ccbfff;--md-sys-color-on-tertiary:#35275d;--md-sys-color-tertiary-container:#4c3e75;--md-sys-color-on-tertiary-container:#e9ddff;--md-sys-color-error:#ffb4ab;--md-sys-color-error-container:#93000a;--md-sys-color-on-error:#690005;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-success:#81c784;--md-sys-color-on-success:#003a02;--md-sys-color-success-container:#2e7d32;--md-sys-color-warning:#ffb74d;--md-sys-color-on-warning:#492900;--md-sys-color-warning-container:#f57c00;--md-sys-color-background:#0f1418;--md-sys-color-on-background:#e2e2e6;--md-sys-color-surface:#0f1418;--md-sys-color-on-surface:#e2e2e6;--md-sys-color-surface-variant:#41484d;--md-sys-color-on-surface-variant:#c1c7ce;--md-sys-color-outline:#8b9297;--md-sys-color-outline-variant:#41484d;--md-sys-color-inverse-surface:#e2e2e6;--md-sys-color-inverse-on-surface:#2e3133;--md-sys-color-surface-1:#1a1f25;--md-sys-color-surface-2:#1e242a;--md-sys-color-surface-3:#23292f;--md-sys-color-surface-4:#252b31;--md-sys-color-surface-5:#272e34;--md-elevation-1:0 2px 4px 0 rgba(0,0,0,.3);--md-elevation-2:0 4px 8px 0 rgba(0,0,0,.4);--md-elevation-3:0 8px 16px 0 rgba(0,0,0,.5);--md-sys-typescale-display-large:57px;--md-sys-typescale-headline-large:32px;--md-sys-typescale-headline-medium:28px;--md-sys-typescale-title-large:22px;--md-sys-typescale-title-medium:16px;--md-sys-typescale-body-large:16px;--md-sys-typescale-body-medium:14px;--md-sys-typescale-label-large:14px;--md-sys-typescale-label-medium:12px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;max-width:100vw;overflow-x:hidden}body{font-family:'Roboto',sans-serif;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);font-size:var(--md-sys-typescale-body-medium);line-height:1.5;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-primary)}.button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;border-radius:20px;font-size:var(--md-sys-typescale-label-large);font-weight:500;border:0;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.button-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.button-filled:hover{background:rgba(141,205,255,.8);box-shadow:var(--md-elevation-1)}.button-outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.button-outlined:hover{background:rgba(141,205,255,.08);border-color:var(--md-sys-color-primary)}.button-text{background:transparent;color:var(--md-sys-color-primary);padding:0 16px}.button-text:hover{background:rgba(141,205,255,.08)}.loading-spinner{width:48px;height:48px;border:3px solid var(--md-sys-color-primary);border-top-color:transparent;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-dialog .dialog-content{display:flex;flex-direction:column;align-items:center;padding:32px}.loading-dialog .dialog-message{text-align:center;color:var(--md-sys-color-on-surface-variant)}