*{margin:0;padding:0;box-sizing:border-box}:root{--text-color: white;--text-color-border: rgba(27, 2, 2, .952);--text-color-border-hover: rgba(59, 54, 38, .363);--surface-color: rgba(0, 0, 0, .199);--surface-color-hover: rgba(12, 4, 4, .493);--bg-url: url(/assets/backgroundblack3.1-cr7Qdrsz.png);--highlight-color: rgba(180, 180, 180, .425);--switch-bg-url: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.5%207V4'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15%205.5H12'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M10.5%201.5V3.5'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.5%202.5H9.5'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.5436%209.53755C12.562%209.81283%2011.5247%209.82185%2010.5384%209.56369C9.55211%209.30553%208.65229%208.78949%207.93137%208.06857C7.21045%207.34765%206.69442%206.44783%206.43626%205.46152C6.1781%204.47522%206.18712%203.43797%206.46239%202.4563C5.49456%202.72568%204.61419%203.24394%203.90898%203.95944C3.20377%204.67495%202.69833%205.56274%202.44301%206.53438C2.18769%207.50602%202.19139%208.52759%202.45375%209.49736C2.71611%2010.4671%203.22797%2011.3512%203.93835%2012.0616C4.64872%2012.772%205.53282%2013.2838%206.50259%2013.5462C7.47235%2013.8086%208.49393%2013.8123%209.46556%2013.5569C10.4372%2013.3016%2011.325%2012.7962%2012.0405%2012.091C12.756%2011.3858%2013.2743%2010.5054%2013.5436%209.53755Z'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.light{--text-color: rgb(0, 63, 55);--text-color-border: rgba(3, 88, 94, .418);--text-color-border-hover: rgba(1, 145, 155, .932);--surface-color: rgba(17, 208, 241, .486);--surface-color-hover: rgba(2, 161, 189, .301);--bg-url: url(/assets/backgroundblack3.1-light-caUDINz1.png);--highlight-color: rgba(6, 159, 167, .582);--switch-bg-url: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2011.75C10.0711%2011.75%2011.75%2010.0711%2011.75%208C11.75%205.92893%2010.0711%204.25%208%204.25C5.92893%204.25%204.25%205.92893%204.25%208C4.25%2010.0711%205.92893%2011.75%208%2011.75Z'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8%202.25V1'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M3.93118%203.9313L3.04993%203.05005'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M2.25%208H1'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M3.93118%2012.0688L3.04993%2012.9501'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8%2013.75V15'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.0687%2012.0688L12.95%2012.9501'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.75%208H15'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.0687%203.9313L12.95%203.05005'%20stroke='black'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}body{background:var(--bg-url) no-repeat center center/cover;height:100vh;overflow:hidden}body *{font-family:Inter,sans-serif;color:var(--text-color)}#container{width:100%;max-width:450px;margin:20px auto 0;padding:0 24px}#profile{text-align:center;padding:12px}#profile img{width:120px;border-radius:50%}#profile p{font-weight:500;line-height:24px;margin-top:-20px}#switch{position:relative;width:64px;margin:4px auto}#switch button{width:32px;height:32px;background:#fff var(--switch-bg-url) no-repeat center;border:0;border-radius:50%;position:absolute;top:50%;left:0;z-index:1;transform:translateY(-50%);animation:slide-out .2s}.light #switch button{animation:slide-in .4s forwards}#switch button:hover{outline:8px solid var(--highlight-color)}#switch span{display:block;width:64px;height:24px;background:var(--surface-color);border:1px solid var(--text-color-border);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:9999px}ul{list-style:none;display:flex;flex-direction:column;gap:12px;padding:16px 0}ul li a{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--surface-color);border:1px solid var(--text-color-border);border-radius:15px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-decoration:none;font-weight:500;transition:background .2s}ul li a:hover{background:var(--surface-color-hover);border:1px solid var(--text-color-border-hover)}#social-links{display:flex;padding:12px 0;font-size:24px;justify-content:center}#social-links a{display:flex;align-items:center;justify-content:center;padding:16px}#social-links a:hover{background:var(--highlight-color);border-radius:50%;transition:background .4s}footer{font-size:12px;padding:24px 0;text-align:center}@keyframes slide-in{0%{left:0}to{left:50%}}@keyframes slide-out{0%{left:50%}to{left:0%}}