*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--fg:#1a1a1a;--muted:#666;--bg:#e8e4de;--card-bg:#fafaf8}body,html{height:100%}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.page{gap:1.5rem;justify-content:center;min-height:100dvh;padding:2rem}.card,.page{align-items:center;display:flex;flex-direction:column}.card{background:var(--card-bg);border-radius:20px;box-shadow:0 2px 24px #00000014;gap:1rem;max-width:320px;padding:2.5rem;text-align:center;width:100%}.photo{border-radius:50%;cursor:pointer;height:120px;margin-bottom:.5rem;-o-object-fit:cover;object-fit:cover;width:120px}.name{font-size:1.9rem;font-weight:600;letter-spacing:-.02em}.title{color:var(--muted);font-size:.95rem;font-weight:400}.links{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin-top:.75rem}.links a{align-items:center;border-bottom:1px solid transparent;color:var(--fg);display:inline-flex;font-size:.9rem;gap:.45rem;text-decoration:none;transition:border-color .15s}.favicon{border-radius:3px;flex-shrink:0}.links a:focus-visible,.links a:hover{border-bottom-color:var(--fg);outline:none}.links a:focus-visible{border-radius:2px;outline:2px solid var(--fg);outline-offset:3px}.footer{color:var(--fg);font-size:.75rem;letter-spacing:.02em;opacity:0;pointer-events:none;transition:opacity .4s ease}.footer.visible{opacity:1}.heart{color:var(--fg)}
