: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)}body{display:flex;align-items:center;justify-content:center;color:var(--color-switch)}.switch-key{display:flex;flex-direction:row;align-items:center;gap:20px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--background-gray);transition:.4s;border-radius:34px}.slider:before{content:"";position:absolute;height:26px;width:26px;left:4px;bottom:4px;background-color:var(--color-switch);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--background-gray)}input:checked+.slider:before{transform:translate(26px)}