:root{--bg-primary: #f7f7f5;--bg-secondary: #ffffff;--surface: #ffffff;--surface-hover: #fafafa;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .14);--text: #1a1a1a;--text-muted: #6b6b6b;--accent: #1a1a1a;--accent-soft: rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--featured-bg: linear-gradient(135deg, #f0f0f0, #fafafa);--radius: 12px;--radius-full: 50%;--max-width: 460px;--font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;font-family:var(--font);background:var(--bg-primary);color:var(--text);line-height:1.6;display:flex;justify-content:center;padding:3rem 1.25rem}.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-glow:before{content:"";position:absolute;inset:0;background:url(/bg.jpg) center/cover no-repeat fixed;opacity:.8}.bg-glow:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 50% -80px,rgba(0,0,0,.03),transparent),radial-gradient(ellipse 400px 300px at 80% 100%,rgba(0,0,0,.02),transparent)}.profile{position:relative;z-index:1;width:100%;max-width:var(--max-width);display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:fadeUp .7s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar{width:96px;height:96px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--border);background:var(--bg-secondary);box-shadow:var(--shadow);margin-bottom:.5rem}.avatar img{width:100%;height:100%;object-fit:contain;display:block}.profile__name{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;line-height:1.2}.profile__handle{font-size:.875rem;color:var(--text-muted);font-weight:500}.profile__handle:empty{display:none}.profile__bio{font-size:.9375rem;color:var(--text-muted);max-width:320px;margin-top:.25rem;line-height:1.5;text-wrap:balance}.socials{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:center}.socials__link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--text);text-decoration:none;transition:transform .2s,color .2s}.socials__link svg{width:28px;height:28px}.socials__link img{width:28px;height:28px;display:block}.socials__link:hover{transform:scale(1.075);color:var(--text-muted)}.links{width:100%;display:flex;flex-direction:column;gap:.75rem}.links__sep{border:none;height:1px;background:linear-gradient(90deg,#0000000a,#00000014,#0000000a);margin:.5rem 0;border-radius:2px}.link-card{display:flex;align-items:center;gap:.75rem;width:100%;min-height:64px;padding:.875rem 1.25rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.link-card:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-hover),0 0 20px #fdb863bf}.link-card--featured{background:var(--featured-bg);border-color:var(--border-hover)}.link-card--center{justify-content:center;text-align:center}.link-card--center .link-card__content{align-items:center}.link-card__emoji{font-size:1.125rem;flex-shrink:0;width:1.5rem;text-align:center;line-height:1}.link-card__emoji:empty{display:none}.link-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.link-card__title{font-weight:500;font-size:.9375rem;letter-spacing:-.01em;line-height:1.3}.link-card__subtitle{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-card__arrow{flex-shrink:0;color:var(--text-muted);font-size:1rem;opacity:.4;transition:transform .2s,opacity .2s;line-height:1}.link-card--center .link-card__arrow{display:none}.link-card:hover .link-card__arrow{transform:translate(3px);opacity:.7}.profile__footer{margin-top:.25rem}.footer-link{font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text)}@media(max-width:400px){body{padding:2rem 1rem}.link-card{padding:.8125rem 1rem}.profile__name{font-size:1.375rem}}