*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fafaf9;--color-surface:#ffffff;--color-surface-hover:#f5f5f4;--color-border:#e7e5e4;--color-text-primary:#1c1917;--color-text-secondary:#57534e;--color-text-tertiary:#78716c;--color-accent:#0c0a09;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.875rem;--font-size-sm:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--max-width:480px;--border-radius:12px;--transition:0.2s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:linear-gradient(135deg,#fafaf9 0,#f5f5f4 50%,#fafaf9 100%);background-size:400% 400%;animation:gradientShift 45s ease infinite;color:var(--color-text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;padding:var(--space-md)}.container{max-width:var(--max-width);margin:0 auto;width:100%;display:flex;flex-direction:column;gap:2.2rem;padding:var(--space-lg) 0}.identity{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);box-shadow:0 2px 8px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.06);margin-bottom:var(--space-xs);animation:fadeInUp .6s ease-out}.name{font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em;color:var(--color-accent);animation:fadeInUp .6s ease-out .1s backwards}.pronouns{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:400;margin-top:-.5rem;animation:fadeInUp .6s ease-out .15s backwards}.tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400;animation:fadeInUp .6s ease-out .2s backwards}.description{font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:32ch;margin-top:.2rem;line-height:1.5;animation:fadeInUp .6s ease-out .3s backwards}.follow-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:fadeInUp .6s ease-out}.follow-title{font-size:var(--font-size-lg);font-weight:600;letter-spacing:-.02em;color:var(--color-accent)}.follow-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400}.actions{display:flex;flex-direction:column;gap:1.2rem}.action-card{display:flex;align-items:center;justify-content:space-between;padding:1.2rem var(--space-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;color:inherit;transition:all var(--transition);cursor:pointer;position:relative;overflow:hidden;min-height:44px}.action-card:first-child{animation:fadeInUp .6s ease-out .4s backwards}.action-card:nth-child(2){animation:fadeInUp .6s ease-out .5s backwards}.action-card:nth-child(3){animation:fadeInUp .6s ease-out .6s backwards}.action-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.02) 0,rgba(255,255,255,0) 100%);opacity:0;transition:opacity var(--transition)}.action-card:hover{background-color:var(--color-surface-hover);border-color:var(--color-text-tertiary);transform:translateY(-2px)}.action-card:hover::before{opacity:1}.action-card:active{transform:translateY(0)}.action-card:focus{outline:2px solid var(--color-accent);outline-offset:2px}.action-card:focus:not(:focus-visible){outline:0}.action-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.action-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.action-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.action-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:400}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-tertiary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition);margin-bottom:var(--space-sm);animation:fadeInUp .6s ease-out .1s backwards}.back-link:hover{color:var(--color-text-secondary)}.back-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.footer{text-align:center;display:flex;flex-direction:column;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md);animation:fadeInUp .6s ease-out .7s backwards}.secondary-links{display:flex;justify-content:center;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs)}.footer-link{color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--color-text-secondary)}.footer-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}@media (min-width:640px){:root{--space-xl:4rem}body{padding:var(--space-xl)}.container{padding:var(--space-xl) 0}.avatar{width:140px;height:140px}.name{font-size:2.5rem}.follow-title{font-size:var(--font-size-xl)}.action-card{padding:1.6rem var(--space-xl)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.action-card,.avatar,.back-link,.description,.follow-header,.footer,.name,.pronouns,.tagline{animation:none!important;opacity:1!important;transform:none!important}body{animation:none!important;background:var(--color-bg)!important}}@media (prefers-contrast:high){:root{--color-border:#404040;--color-text-secondary:#c0c0c0}.action-card{border-width:2px}}