@property --rim{syntax:"<angle>";inherits:false;initial-value:150deg}:root{--text:#fff;--text-dim:#ffffffa3;--text-faint:#ffffff61;--fill:#ffffff12;--fill-hover:#ffffff1f;--blur:blur(14px) saturate(180%) brightness(1.06);--discord:#5865f2;--sans:"Archivo", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark}html{background:#060608}html,body{color:var(--text);margin:0;padding:0}body{min-height:100dvh;font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;flex-direction:column;display:flex}.filters{width:0;height:0;position:absolute;overflow:hidden}.scene{z-index:-1;background:#060608;height:100vh;position:fixed;inset:0 0 auto;overflow:hidden}@supports (height:100lvh){.scene{height:100lvh}}.photo{filter:saturate(1.25)brightness(1.15);background:url(/bg.webp) 50% 30%/cover no-repeat;position:absolute;inset:0}.light{mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.light-1{background:radial-gradient(closest-side,#465cff8c,#465cff00 100%);width:80vmax;height:80vmax;top:-10%;left:-25%}.light-2{background:radial-gradient(closest-side,#ffaa4666,#ffaa4600 100%);width:85vmax;height:85vmax;bottom:-25%;right:-30%}.light-3{background:radial-gradient(closest-side,#aa50ff52,#aa50ff00 100%);width:55vmax;height:55vmax;top:30%;left:20%}.shade{background:radial-gradient(120% 80% at 50% 0,#0000 40%,#0000008c 100%),linear-gradient(#0000001a,#00000059);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.light-1{animation:26s ease-in-out infinite alternate drift-1}.light-2{animation:32s ease-in-out infinite alternate drift-2}.light-3{animation:22s ease-in-out infinite alternate drift-3}}@keyframes drift-1{to{transform:translate(18vw,14vh)scale(1.1)}}@keyframes drift-2{to{transform:translate(-16vw,-18vh)scale(.92)}}@keyframes drift-3{to{transform:translate(-14vw,10vh)scale(1.15)}}.glass{isolation:isolate;background:linear-gradient(#ffffff21 0%,#ffffff0a 50%,#ffffff12 100%);background-color:var(--fill);backdrop-filter:var(--blur);position:relative;box-shadow:inset 0 1px .5px #ffffff8c,inset 0 -1px .5px #ffffff24,inset 0 0 18px #ffffff0d,inset 0 -10px 24px -16px #ffffff40,0 1px 2px #0000004d,0 20px 44px -22px #000000d9}.glass:before{content:"";z-index:2;border-radius:inherit;background:linear-gradient(var(--rim), #ffffffbf 0%, #ffffff1f 22%, #fff0 45%, #fff0 60%, #ffffff24 82%, #ffffff73 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.glass:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(240px circle at var(--mx,50%) var(--my,-60%), #ffffff29, #fff0 60%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}@supports not (backdrop-filter:blur(1px)){.glass{background-color:#1c1c24d1}}@media (prefers-reduced-transparency:reduce){.glass{backdrop-filter:none;background:#1e1e26eb}.light{display:none}}.stack{box-sizing:border-box;width:100%;max-width:440px;padding:max(3.5rem, env(safe-area-inset-top)) 16px 2.5rem;flex:1;margin:0 auto}.profile{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.avatar{box-sizing:border-box;border-radius:50%;width:112px;height:112px;padding:5px}.avatar-photo{background:#111;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.avatar-photo img{width:230%;height:auto;position:absolute;top:-108%;left:-66%}.profile h1{letter-spacing:-.025em;text-shadow:0 2px 18px #00000080;margin:1.1rem 0 0;font-size:clamp(1.6rem,7vw,1.9rem);font-weight:800;font-stretch:125%;line-height:1}.handle{letter-spacing:.01em;color:#ffffffb8;text-shadow:0 1px 12px #000c;margin:.55rem 0 0;font-size:.9rem;font-weight:500}.links{gap:14px;margin:0;padding:0;list-style:none;display:grid}.link{box-sizing:border-box;min-height:68px;color:var(--text);transition:transform .45s var(--spring), background-color .3s ease;border-radius:24px;align-items:center;gap:14px;padding:10px 14px 10px 10px;text-decoration:none;display:flex}.link:hover{background-color:var(--fill-hover);transform:translateY(-2px)scale(1.012)}.link:hover:after,.link:active:after{opacity:1}.link:active{transition-duration:.12s;transform:scale(.97)}.link:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}.mark{border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px .5px #ffffff73,inset 0 -1px 1px #0003,0 6px 14px -6px #0009}.mark:after{content:"";background:linear-gradient(#ffffff47,#fff0 55%);position:absolute;inset:0}.mark svg{z-index:1;fill:#fff;width:24px;height:24px;position:relative}.mark.discord{background:linear-gradient(160deg, #7480ff, var(--discord) 55%, #3f49c9)}.mark.instagram{background:radial-gradient(circle at 28% 108%,#ffd76a 0%,#ffb84d 12%,#ff5a3c00 46%),linear-gradient(150deg,#5b51d8 0%,#c32aa3 45%,#f4366b 75%,#fd8d32 100%)}.mark.tiktok{background:linear-gradient(160deg,#1d1d22,#050506)}.mark.tiktok svg{filter:drop-shadow(-1.5px -1px #25f4ee)drop-shadow(1.5px 1px #fe2c55)}.mark.youtube{background:linear-gradient(160deg,#ff4a4a,#f03 55%,#cc0029)}.mark.x{background:linear-gradient(160deg,#2a2a2f,#000)}.mark.x svg{width:20px;height:20px}.text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.label{letter-spacing:-.005em;font-size:1.05rem;font-weight:650;line-height:1.2}.sub{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:450;line-height:1.2;overflow:hidden}.go{width:32px;height:32px;transition:transform .45s var(--spring), background-color .3s ease;background:#ffffff14;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px .5px #ffffff4d}.go svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.link:hover .go{background:#ffffff29;transform:translate(2px,-2px)}.link.featured{background-color:#5865f229;border-radius:28px;min-height:84px;padding:14px 16px 14px 14px;box-shadow:inset 0 1px .5px #fff9,inset 0 -1px .5px #ffffff29,inset 0 0 22px #7884ff2e,inset 0 -12px 28px -18px #a0aaff80,0 1px 2px #0000004d,0 0 0 1px #5865f21f,0 18px 50px -14px #5865f28c}.link.featured:hover{background-color:#5865f23d}.featured .mark{border-radius:19px;width:56px;height:56px}.featured .mark svg{width:28px;height:28px}.featured .label{letter-spacing:.02em;text-transform:uppercase;font-size:1.15rem;font-weight:750;font-stretch:112%}.glint{display:none}@media (prefers-reduced-motion:no-preference){.glint{z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#fff0 40%,#ffffff24 50%,#fff0 60%) 150% 0/250% 100%;animation:6s ease-in-out 1.6s infinite glint;display:block;position:absolute;inset:0}}@keyframes glint{0%,70%{background-position:150% 0}to{background-position:-50% 0}}footer{padding:0 16px max(1.75rem, env(safe-area-inset-bottom));text-align:center;letter-spacing:.02em;color:var(--text-faint);font-size:.72rem}@media (prefers-reduced-motion:no-preference){.avatar,.profile h1,.handle,.link{animation:rise .9s var(--spring) backwards}.profile h1{animation-delay:40ms}.handle{animation-delay:80ms}.links li:first-child .link{animation-delay:.12s}.links li:nth-child(2) .link{animation-delay:.18s}.links li:nth-child(3) .link{animation-delay:.24s}.links li:nth-child(4) .link{animation-delay:.3s}.links li:nth-child(5) .link{animation-delay:.36s}}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.98)}}
