:root{--primary-color: #8263ff;--secondary-color: #6c5ce7;--background-color: #ffffff;--background-color-scroll: #333;--text-color: #333;--font-family: sans-serif;--border-radius: 50px;--color-switch: #ccc;--link-bg-color: #d9d8df;--link-hover-bg-color: #c4c3cc;--background-red: #dc3545;--background-gray: #6c757d;--background-blue: #007bff;--background-avatar: #ccc}:root{--color-primary: #8263ff;--color-secondary: #6c5ce7;--color-background: #ffffff;--color-text: #333;--color-toast-bg: bisque;--color-button-bg: var(--color-primary);--color-button-text: #fff;--spacing-padding: 10px;--border-radius: 12px;--border-radius-toast: 2px}:root{--tooltip-bg-color: black;--tooltip-text-color: #fff;--tooltip-border-radius: 6px;--tooltip-padding: 20px;--tooltip-arrow-size: 20px;--active-border-color: red;--gap: 25px}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;height:105vh;font-family:var(--font-family);font-size:18px;background:linear-gradient(135deg,#8263ff,#6c5ce7);color:var(--text-color)}.links{text-align:center;display:grid;align-items:center;justify-content:center;height:100vh}.links>a{margin-top:20px;font-size:20px;text-decoration:none;color:var(--primary-color);background-color:var(--link-bg-color);padding:10px 20px;border-radius:var(--border-radius);transition:background-color .3s,color .3s}.links>a:hover{background-color:var(--link-hover-bg-color);color:var(--secondary-color)}.dialog{width:500px;margin:50px auto;padding:20px;border:1px solid var(--background-gray);border-radius:8px;background-color:#f9f9f9;box-shadow:0 4px 6px rgba(0,0,0,var(--text-color))}.dialog-content{display:flex;flex-direction:column;align-items:center}.avatar-image{width:150px;height:150px;border-radius:50%;object-fit:cover;background-color:var(--background-avatar)}.avatar-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;color:var(--background-color);transition:background-color .3s ease}.avatar-button-browse{background-color:var(--background-blue)}.avatar-button-remove{background-color:var(--background-red)}img{text-align:center;padding:10px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,var(--text-color));justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--background-color);padding:20px;border-radius:8px;text-align:center;width:350px}.modal-message{padding:20px;color:#333}.modal-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;color:var(--background-color)}.modal-button-cancel{background-color:var(--background-gray)}.modal-button-confirm{background-color:var(--background-red)}@media screen and (max-width:500px){.dialog{width:100%;text-align:center}.dialog-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog-title{font-size:18px}.modal{width:100%}.avatar-actions,.avatar-input{padding:20px}}