:root{color:#f4f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#383838;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#383838;min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.profile{box-sizing:border-box;touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:48px 24px;display:flex;position:relative;overflow:hidden}.stardust{z-index:2;pointer-events:none;position:fixed;inset:0}.stardust__sparkle{left:var(--sparkle-x);top:var(--sparkle-y);width:var(--sparkle-size);height:var(--sparkle-size);background:var(--sparkle-color);box-shadow:0 0 12px var(--sparkle-color);opacity:0;border-radius:999px;animation:.72s ease-out forwards stardust-drift;position:fixed;transform:translate(-50%,-50%)scale(.8)}@keyframes stardust-drift{0%{opacity:.85;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--sparkle-dx)), calc(-50% + var(--sparkle-dy))) scale(0)}}.matrix-rain{z-index:1;pointer-events:none;opacity:.34;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.matrix-rain__column{left:var(--matrix-left);color:#b7ffbf;letter-spacing:0;text-shadow:0 0 8px #6cff868c,0 0 16px #6cff8638;white-space:nowrap;animation:matrix-fall var(--matrix-duration) linear var(--matrix-delay) infinite, matrix-glitch 1.8s steps(2, end) var(--matrix-delay) infinite;flex-direction:column;gap:.55rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.62rem,1.4vw,.9rem);font-weight:700;line-height:1;display:flex;position:absolute;top:-115vh}.matrix-rain__glyph{opacity:.72;display:inline-block}.matrix-rain__glyph:nth-child(3n){color:#f4f0e8;opacity:.9}.matrix-rain__glyph:nth-child(4n){opacity:.42}@keyframes matrix-fall{0%{transform:translate(0,0)}to{transform:translateY(230vh)}}@keyframes matrix-glitch{0%,88%,to{filter:none}90%{filter:hue-rotate(25deg)brightness(1.5)}92%{filter:blur(.8px)}}.profile__image-frame,.profile__name,.profile__handle,.profile__socials{z-index:3;position:relative}.profile__image-frame{aspect-ratio:448/472;cursor:pointer;perspective:1200px;background:0 0;border:0;border-radius:16px;width:min(448px,82vw);padding:0;display:block;overflow:hidden}.profile__image-frame:focus-visible{outline-offset:6px;outline:2px solid #f4f0e8cc}.profile__image{object-fit:cover;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;border-radius:16px;transition:transform .72s cubic-bezier(.2,.8,.2,1);animation:.42s ease-out both image-reveal;display:block;transform:rotateY(0)}.profile__image--flipped{transform:rotateY(180deg)}.profile__flip-toast{color:#f4f0e8eb;opacity:0;pointer-events:none;text-align:center;white-space:nowrap;background:#0808086b;border:1px solid #f4f0e829;border-radius:999px;max-width:calc(100% - 36px);padding:8px 12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.7rem,2.2vw,.82rem);font-weight:600;line-height:1.2;transition:opacity .26s,transform .26s;position:absolute;bottom:18px;left:50%;transform:translate(-50%,8px)}.profile__flip-toast--visible{opacity:1;transform:translate(-50%)}@keyframes image-reveal{0%{opacity:0}to{opacity:1}}.profile__name{color:#f4f0e8;text-align:center;margin:36px 0 0;font-size:clamp(2.25rem,6vw,4.5rem);font-weight:600;line-height:1}.profile__handle{color:#f4f0e8b8;text-align:center;margin:14px 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:500;line-height:1.4}.profile__socials{justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.profile__social-link{color:#f4f0e8;background:#f4f0e814;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .16s,transform .16s;display:inline-flex}.profile__social-link:hover{background:#f4f0e824;transform:translateY(-1px)}.profile__social-link:focus-visible{outline-offset:4px;outline:2px solid #f4f0e8cc}.profile__social-icon{width:20px;height:20px}@media (width<=640px){.matrix-rain{opacity:.26}.matrix-rain__column:nth-child(2n){display:none}}@media (prefers-reduced-motion:reduce){.matrix-rain__column,.profile__image,.stardust__sparkle{animation:none}.matrix-rain{opacity:.12}}