*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root,[data-theme=dark]{--bg-color: color-mix(in srgb, var(--accentColor) 25%, #000000);--text-color: #ffffff;--secondary-text: #e2e2e2;--card-bg: color-mix(in srgb, var(--accentColor) 9%, rgba(255, 255, 255, .05));--card-shadow: none;--card-border: transparent;--button-bg: color-mix(in srgb, var(--accentColor) 15%, rgba(255, 255, 255, .1));--button-hover: color-mix( in srgb, var(--accentColor) 30%, rgba(255, 255, 255, .2) );--button-shadow: none;--name-color: color-mix(in srgb, var(--accentColor) 65%, #ffffff);--link-color: color-mix(in srgb, var(--accentColor) 75%, #ffffff);--link-hover: color-mix(in srgb, var(--accentColor) 55%, #ffffff);--avatar-shadow: 0 4px 20px rgba(0, 0, 0, .4)}[data-theme=light]{--bg-color: color-mix(in srgb, var(--accentColor) 18%, #e4e4e4);--text-color: #1a1a1a;--secondary-text: #3a3a3a;--card-bg: color-mix(in srgb, var(--accentColor) 12%, #ffffff);--card-shadow: 0 1px 3px color-mix(in srgb, var(--accentColor) 20%, rgba(0, 0, 0, .1)), 0 4px 14px color-mix(in srgb, var(--accentColor) 18%, rgba(0, 0, 0, .08));--card-border: color-mix(in srgb, var(--accentColor) 40%, rgba(0, 0, 0, .1));--button-bg: color-mix(in srgb, var(--accentColor) 32%, #ffffff);--button-hover: color-mix(in srgb, var(--accentColor) 48%, #ffffff);--button-shadow: 0 2px 4px color-mix(in srgb, var(--accentColor) 30%, rgba(0, 0, 0, .12)), inset 0 1px 0 rgba(255, 255, 255, .6);--name-color: color-mix(in srgb, var(--accentColor) 92%, #000000);--link-color: color-mix(in srgb, var(--accentColor) 95%, #000000);--link-hover: color-mix(in srgb, var(--accentColor) 75%, #000000);--avatar-shadow: 0 4px 20px color-mix(in srgb, var(--accentColor) 50%, rgba(0, 0, 0, .2)), 0 0 0 4px color-mix(in srgb, var(--accentColor) 35%, #ffffff)}*::selection{background-color:var(--selectionColor)}body{background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;transition:background-color .3s ease,color .3s ease}.profile-container{text-align:center;position:relative}.profile-header{margin-bottom:32px}.profile-pic{width:128px;height:128px;border-radius:50%;background-color:var(--card-bg);box-shadow:var(--avatar-shadow);transition:box-shadow .3s ease,transform .2s ease}.profile-pic:hover{transform:scale(1.03)}.profile-name{color:var(--name-color);font-size:32px;margin-bottom:6px;transition:color .3s ease}.about-section{background-color:var(--card-bg);padding:16px;border-radius:12px;margin-bottom:24px;text-align:left;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}.about-section h2{margin-bottom:16px;text-align:center}.about-section p,.about-section ul{color:var(--secondary-text);transition:color .3s ease}.about-section ul{margin-left:20px}.about-section a{color:var(--link-color);text-decoration:none;font-weight:500;transition:color .2s ease}.about-section a:hover{color:var(--link-hover);text-decoration:underline}.socials{margin-bottom:24px}.social-links{display:flex;gap:12px;justify-content:center;margin-top:16px}.social-button{background-color:var(--button-bg);color:var(--text-color);padding:10px 18px;border-radius:24px;text-decoration:none;display:flex;align-items:center;gap:8px;font-weight:500;box-shadow:var(--button-shadow);border:1px solid var(--card-border);transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.social-button:hover{background-color:var(--button-hover);transform:translateY(-2px)}.social-button:active{transform:translateY(0)}.social-button svg{display:inline-block;vertical-align:middle;color:inherit}.social-button svg,.social-button svg *{fill:currentColor!important}.friends-section{text-align:center}.friends-section h2{margin-bottom:16px}.friends-grid{display:flex;gap:12px;justify-content:center}.friend-avatar{background-color:var(--card-bg)}.theme-toggle{position:fixed;top:20px;right:20px;background-color:var(--button-bg);border:1px solid var(--card-border);border-radius:50%;width:46px;height:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--button-shadow);transition:background-color .2s,transform .2s,box-shadow .2s;color:var(--text-color)}.theme-toggle:hover{background-color:var(--button-hover);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:22px;height:22px;transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(20deg)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-moon{display:none}[data-theme=light] .social-button:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accentColor) 40%,rgba(0,0,0,.15)),inset 0 1px #ffffffb3}[data-theme=light] .about-section:hover{box-shadow:0 2px 6px color-mix(in srgb,var(--accentColor) 25%,rgba(0,0,0,.12)),0 10px 28px color-mix(in srgb,var(--accentColor) 22%,rgba(0,0,0,.1))}[data-theme=light] .theme-toggle:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--accentColor) 45%,rgba(0,0,0,.18))}[data-theme=light] .profile-pic:hover{box-shadow:0 6px 25px color-mix(in srgb,var(--accentColor) 55%,rgba(0,0,0,.25)),0 0 0 5px color-mix(in srgb,var(--accentColor) 40%,#ffffff)}