*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090b;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--surface-hover: rgba(255, 255, 255, .03);--text: #f4f4f5;--text-muted: #71717a;--radius: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{background-color:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}.page{max-width:480px;margin:0 auto;padding:64px 24px 48px;display:flex;flex-direction:column;gap:40px}.profile{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.name{font-size:22px;font-weight:600;letter-spacing:-.025em;color:var(--text)}.bio{font-size:14px;color:var(--text-muted);line-height:1.6}.bio-link{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border);transition:border-color .15s ease}.bio-link:hover{border-color:var(--border-hover)}.links{display:flex;flex-direction:column;gap:10px}.link-card{display:flex;align-items:center;gap:0;padding:14px 20px;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);background:transparent;transition:border-color .15s ease,background-color .15s ease;cursor:pointer}.link-card:hover{border-color:var(--border-hover);background-color:var(--surface-hover)}.link-icon{display:flex;align-items:center;justify-content:center;width:18px;color:var(--text-muted);flex-shrink:0;transition:color .15s ease}.link-card:hover .link-icon{color:var(--text)}.link-label{flex:1;text-align:center;font-size:14px;font-weight:500;letter-spacing:-.01em}.link-spacer{width:18px;flex-shrink:0}.yarn-icon{filter:invert(1);opacity:.55;transition:opacity .15s ease;display:block;width:18px;height:18px;object-fit:contain}.link-card:hover .yarn-icon{opacity:1}