*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:VT323,ui-monospace,SF Mono,Menlo,Consolas,monospace;color-scheme:dark;--bg-deep: #1a1033;--bg-mid: #2a1857;--bg-grid: rgba(255, 255, 255, .04);--ink: #f8f8f2;--ink-soft: #c5c0e0;--ink-faint: #8a82c0;--pixel-black: #0a0418;--pixel-white: #fdfdfd;--neon-pink: #ff3aa9;--neon-yellow: #ffd23f;--neon-cyan: #00e5d1;--neon-purple: #b070ff;--neon-green: #5cf088;--neon-red: #ff5e5b;--pixel-border: 3px;--shadow-pixel: 4px 4px 0 0 var(--pixel-black);--shadow-pixel-lg: 6px 6px 0 0 var(--pixel-black);--shadow-pixel-hover: 2px 2px 0 0 var(--pixel-black)}@font-face{font-family:"Press Start 2P";font-display:swap}body{min-height:100dvh;color:var(--ink);background-color:var(--bg-deep);background-image:radial-gradient(ellipse at top,rgba(176,112,255,.25) 0%,transparent 55%),radial-gradient(ellipse at bottom,rgba(255,58,169,.18) 0%,transparent 60%),linear-gradient(180deg,var(--bg-deep) 0%,#0a0418 100%);background-attachment:fixed;font-size:18px;line-height:1.4;letter-spacing:0;-webkit-font-smoothing:none;font-smooth:never;text-rendering:geometricPrecision}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100dvh;width:100%;display:flex;justify-content:center}img,.avatar__img,.avatar__placeholder{image-rendering:pixelated;image-rendering:crisp-edges}.bio{position:relative;width:100%;max-width:480px;padding:20px 16px 40px;display:flex;flex-direction:column;gap:28px}.bio__scanlines{position:fixed;inset:0;pointer-events:none;z-index:50;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.6}.bio__topbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--pixel-black);border:var(--pixel-border) solid var(--pixel-white);box-shadow:var(--shadow-pixel);font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.05em;color:var(--neon-green)}.bio__topbar-dot{width:10px;height:10px;background:var(--neon-red);box-shadow:14px 0 0 var(--neon-yellow),28px 0 0 var(--neon-green)}.bio__topbar-dot:not(:first-child){display:none}.bio__topbar-label{margin-left:auto;color:var(--neon-yellow);text-shadow:2px 2px 0 var(--pixel-black)}.bio__profile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px 20px;text-align:center;background:#0a0418bf;border:var(--pixel-border) solid var(--neon-cyan);box-shadow:var(--shadow-pixel-lg)}.avatar{width:96px;height:96px;padding:0;background:var(--neon-purple);border:var(--pixel-border) solid var(--pixel-white);box-shadow:var(--shadow-pixel),inset 0 0 0 3px var(--pixel-black);display:grid;place-items:center;border-radius:0}.avatar__img{width:100%;height:100%;object-fit:cover;background:var(--bg-mid);border-radius:0}.avatar__placeholder{width:100%;height:100%;background:var(--neon-purple);display:grid;place-items:center;font-family:"Press Start 2P",monospace;font-size:26px;color:var(--pixel-white);letter-spacing:.04em;text-shadow:3px 3px 0 var(--pixel-black)}.bio__name{font-family:"Press Start 2P",monospace;font-size:clamp(18px,5vw,22px);font-weight:400;color:var(--neon-yellow);text-shadow:3px 3px 0 var(--pixel-black),3px 3px 0 var(--neon-pink),6px 6px 0 var(--pixel-black);letter-spacing:.04em;margin-top:14px;line-height:1.3}.bio__handle{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--neon-cyan);letter-spacing:.2em;margin-top:2px}.bio__bio{color:var(--ink-soft);font-size:1.15rem;max-width:34ch;line-height:1.35;margin-top:4px}.socials{list-style:none;padding:0;margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.social-link{width:44px;height:44px;background:var(--pixel-black);color:var(--neon-cyan);display:grid;place-items:center;text-decoration:none;border:var(--pixel-border) solid var(--neon-cyan);box-shadow:var(--shadow-pixel);transition:transform 80ms steps(2),box-shadow 80ms steps(2),color 80ms steps(2),background 80ms steps(2);border-radius:0}.social-link:hover{transform:translate(2px,2px);box-shadow:var(--shadow-pixel-hover);background:var(--neon-cyan);color:var(--pixel-black)}.social-link:focus-visible{outline:var(--pixel-border) solid var(--neon-yellow);outline-offset:3px}.social-icon-svg{width:22px;height:22px;display:block}.bio__cards{display:flex;flex-direction:column;gap:14px}.link-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px;background:var(--pixel-black);color:var(--ink);text-decoration:none;border:var(--pixel-border) solid var(--pixel-white);box-shadow:var(--shadow-pixel);transition:transform 80ms steps(2),box-shadow 80ms steps(2);border-radius:0;font-family:"Press Start 2P",monospace}.link-card:nth-of-type(2n){border-color:var(--neon-pink)}.link-card:nth-of-type(3n){border-color:var(--neon-green)}.link-card:nth-of-type(4n){border-color:var(--neon-purple)}.link-card:nth-of-type(5n){border-color:var(--neon-cyan)}.link-card:hover{transform:translate(2px,2px);box-shadow:var(--shadow-pixel-hover)}.link-card:focus-visible{outline:var(--pixel-border) solid var(--neon-yellow);outline-offset:3px}.link-card--featured{background:var(--neon-yellow);color:var(--pixel-black);border-color:var(--pixel-black);box-shadow:var(--shadow-pixel-lg),inset 0 0 0 3px var(--neon-yellow),inset 0 0 0 6px var(--pixel-black);padding:24px 18px 22px}.link-card--featured:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 0 var(--pixel-black),inset 0 0 0 3px var(--neon-yellow),inset 0 0 0 6px var(--pixel-black)}.link-card--featured .link-card__title,.link-card--featured .link-card__subtitle,.link-card--featured .link-card__chevron{color:var(--pixel-black)}.link-card__badge{position:absolute;top:-10px;left:14px;padding:4px 8px;background:var(--neon-pink);color:var(--pixel-white);border:var(--pixel-border) solid var(--pixel-black);font-family:"Press Start 2P",monospace;font-size:9px;letter-spacing:.1em;box-shadow:2px 2px 0 0 var(--pixel-black);animation:pixel-blink 1.6s steps(2) infinite}@keyframes pixel-blink{0%,60%{opacity:1}70%,to{opacity:.55}}.link-card__icon{font-size:22px;width:44px;height:44px;display:grid;place-items:center;background:var(--neon-purple);color:var(--pixel-white);border:var(--pixel-border) solid var(--pixel-black);border-radius:0;flex-shrink:0;text-shadow:2px 2px 0 var(--pixel-black)}.link-card:nth-of-type(2n) .link-card__icon{background:var(--neon-pink)}.link-card:nth-of-type(3n) .link-card__icon{background:var(--neon-green);color:var(--pixel-black);text-shadow:none}.link-card:nth-of-type(4n) .link-card__icon{background:var(--neon-cyan);color:var(--pixel-black);text-shadow:none}.link-card:nth-of-type(5n) .link-card__icon{background:var(--neon-red)}.link-card--featured .link-card__icon{background:var(--neon-red);color:var(--pixel-white);border-color:var(--pixel-black);text-shadow:2px 2px 0 var(--pixel-black);width:52px;height:52px;font-size:26px}.link-card__text{display:flex;flex-direction:column;flex:1;min-width:0;gap:6px}.link-card__title{font-family:"Press Start 2P",monospace;font-weight:400;font-size:13px;letter-spacing:.02em;color:var(--pixel-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.link-card__subtitle{font-family:VT323,monospace;font-size:16px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em}.link-card--featured .link-card__title{font-size:15px}.link-card__chevron{color:var(--neon-yellow);font-size:16px;line-height:1;flex-shrink:0;font-family:"Press Start 2P",monospace}.link-card:nth-of-type(2n) .link-card__chevron{color:var(--neon-pink)}.link-card:nth-of-type(3n) .link-card__chevron{color:var(--neon-green)}.link-card:nth-of-type(4n) .link-card__chevron{color:var(--neon-purple)}.link-card:nth-of-type(5n) .link-card__chevron{color:var(--neon-cyan)}.link-card--featured .link-card__chevron{color:var(--pixel-black);font-size:18px}.bio__footer{text-align:center;font-family:"Press Start 2P",monospace;font-size:8px;color:var(--ink-faint);letter-spacing:.1em;padding-top:12px;animation:pixel-blink 2.2s steps(2) infinite}.not-found{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;padding:60px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.not-found__error{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--neon-red);letter-spacing:.2em}.not-found__title{font-family:"Press Start 2P",monospace;font-size:clamp(48px,14vw,80px);font-weight:400;color:var(--neon-yellow);text-shadow:4px 4px 0 var(--pixel-black),4px 4px 0 var(--neon-pink),8px 8px 0 var(--pixel-black);letter-spacing:.05em;margin:8px 0}.not-found__message{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--ink);letter-spacing:.06em}.not-found__hint{font-family:VT323,monospace;font-size:20px;color:var(--neon-cyan);margin-top:4px;animation:pixel-blink 1.2s steps(2) infinite}.not-found__home{margin-top:16px;display:inline-block;padding:14px 22px;background:var(--neon-pink);color:var(--pixel-white);font-family:"Press Start 2P",monospace;font-size:11px;letter-spacing:.1em;text-decoration:none;border:var(--pixel-border) solid var(--pixel-white);box-shadow:var(--shadow-pixel);transition:transform 80ms steps(2),box-shadow 80ms steps(2)}.not-found__home:hover{transform:translate(2px,2px);box-shadow:var(--shadow-pixel-hover)}.not-found__home:focus-visible{outline:var(--pixel-border) solid var(--neon-yellow);outline-offset:3px}@media(max-width:380px){.bio{padding:16px 12px 32px;gap:22px}.bio__name{font-size:16px;text-shadow:2px 2px 0 var(--pixel-black),2px 2px 0 var(--neon-pink),4px 4px 0 var(--pixel-black)}.link-card__title{font-size:11px}.link-card--featured .link-card__title{font-size:12px}.link-card__subtitle{font-size:14px}.avatar{width:84px;height:84px}}@media(prefers-reduced-motion:reduce){.link-card__badge,.bio__footer,.not-found__hint{animation:none}}
