:root{--light-primary: #b79ae8;--light-background: #f5f4fc;--light-surface: #ffffff;--light-on-surface: #423e54;--light-secondary-container: #c1c1ff;--light-on-secondary-container: #726d88;--light-aditional-background: #d9d1e4;--dark-primary: #b79ae8;--dark-background: #191926;--dark-surface: #1f1f30;--dark-on-surface: #bdbdff;--dark-secondary-container: rgba(189, 189, 255, .08);--dark-on-secondary-container: #cabae6;--dark-aditional-background: #4d4468 }.light-theme{--primary: var(--light-primary);--background: var(--light-background);--surface: var(--light-surface);--on-surface: var(--light-on-surface);--secondary-container: var(--light-secondary-container);--on-secondary-container: var(--light-on-secondary-container);--additional-background: var(--light-aditional-background)}.dark-theme{--primary: var(--dark-primary);--background: var(--dark-background);--surface: var(--dark-surface);--on-surface: var(--dark-on-surface);--secondary-container: var(--dark-secondary-container);--on-secondary-container: var(--dark-on-secondary-container);--additional-background: var(--dark-aditional-background)}body{font-family:Arial,sans-serif;margin:0;padding:0;min-height:100vh;max-width:100dvw;background-color:var(--background);color:var(--on-surface)}app-root{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;max-width:100dvw}app-root>*{box-sizing:border-box;width:100%}router-outlet{display:none}.btn-primary{background-color:var(--primary);color:#fff;border-radius:50px;padding:12px 32px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s;width:100%}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.input-field{background-color:var(--surface);color:var(--on-surface);border:none;border-bottom:1px solid rgba(189,189,255,.3);padding:12px 16px;width:100%;border-radius:8px;outline:none;box-sizing:border-box}.input-field:focus{border-bottom-color:var(--primary)}.card{background-color:var(--surface);border-radius:8px;padding:16px;margin-bottom:16px}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-gray{color:#9ca3af}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}