:root{--bg-primary:#f7f7f5;--bg-secondary:#fff;--surface:#fff;--surface-hover:#fafafa;--border:#00000014;--border-hover:#00000024;--text:#1a1a1a;--text-muted:#6b6b6b;--accent:#1a1a1a;--accent-soft:#0000000a;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-hover:0 4px 12px #00000014;--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);justify-content:center;padding:3rem 1.25rem;line-height:1.6;display:flex}.bg-glow{pointer-events:none;z-index:0;position:fixed;inset:0}.bg-glow:before{content:"";opacity:.8;background:url(/bg.jpg) 50%/cover no-repeat fixed;position:absolute;inset:0}.bg-glow:after{content:"";background:radial-gradient(600px 400px at 50% -80px,#00000008,#0000),radial-gradient(400px 300px at 80% 100%,#00000005,#0000);position:absolute;inset:0}.profile{z-index:1;width:100%;max-width:var(--max-width);flex-direction:column;align-items:center;gap:1.5rem;animation:.7s both fadeUp;display:flex;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile__header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.avatar{border-radius:var(--radius-full);border:2px solid var(--border);background:var(--bg-secondary);width:96px;height:96px;box-shadow:var(--shadow);margin-bottom:.5rem;overflow:hidden}.avatar img{object-fit:contain;width:100%;height:100%;display:block}.profile__name{letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.2}.profile__handle{color:var(--text-muted);font-size:.875rem;font-weight:500}.profile__handle:empty{display:none}.profile__bio{color:var(--text-muted);text-wrap:balance;max-width:320px;margin-top:.25rem;font-size:.9375rem;line-height:1.5}.socials{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.socials__link{border-radius:var(--radius-full);width:44px;height:44px;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s,color .2s;display:flex}.socials__link svg{width:28px;height:28px}.socials__link img{width:28px;height:28px;display:block}.socials__link:hover{color:var(--text-muted);transform:scale(1.075)}.links{flex-direction:column;gap:.75rem;width:100%;display:flex}.links__sep{background:linear-gradient(90deg,#0000000a,#00000014,#0000000a);border:none;border-radius:2px;height:1px;margin:.5rem 0}.link-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);width:100%;min-height:64px;box-shadow:var(--shadow);color:inherit;align-items:center;gap:.75rem;padding:.875rem 1.25rem;text-decoration:none;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.link-card:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-hover), 0 0 20px #fdb863bf;transform:translateY(-1px)}.link-card--featured{background:var(--featured-bg);border-color:var(--border-hover)}.link-card--center{text-align:center;justify-content:center}.link-card--center .link-card__content{align-items:center}.link-card__emoji{text-align:center;flex-shrink:0;width:1.5rem;font-size:1.125rem;line-height:1}.link-card__emoji:empty{display:none}.link-card__content{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.link-card__title{letter-spacing:-.01em;font-size:.9375rem;font-weight:500;line-height:1.3}.link-card__subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.link-card__arrow{color:var(--text-muted);opacity:.4;flex-shrink:0;font-size:1rem;line-height:1;transition:transform .2s,opacity .2s}.link-card--center .link-card__arrow{display:none}.link-card:hover .link-card__arrow{opacity:.7;transform:translate(3px)}.profile__footer{margin-top:.25rem}.footer-link{color:var(--text-muted);font-size:.75rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--text)}@media (width<=400px){body{padding:2rem 1rem}.link-card{padding:.8125rem 1rem}.profile__name{font-size:1.375rem}}