.bio{flex-direction:column;max-width:680px;min-height:100dvh;margin-inline:auto;padding:20px 0 0;display:flex}.bio-head{text-align:center;padding:8px 20px 18px}.bio-head__avatar{object-fit:contain;background:var(--ink);border-radius:50%;width:64px;height:64px;margin-inline:auto;padding:12px;display:block}.bio-head__name{letter-spacing:-.014em;margin:10px 0 2px;font-size:22px;font-weight:560}.bio-head__tag{text-wrap:pretty;max-width:34ch;margin:0 auto;font-size:15px;line-height:1.45}.bio-controls{gap:10px;padding:0 14px 12px;display:grid}.bio-search{width:100%;height:48px;font:inherit;color:var(--text);background:var(--surface-3);border:1px solid var(--hairline);border-radius:var(--r-btn);appearance:none;padding:0 16px;font-size:16px}.bio-search::placeholder{color:var(--text-muted)}.bio-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface);outline:none}.bio-months{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin-inline:-14px;padding-inline:14px;display:flex;overflow-x:auto}.bio-months::-webkit-scrollbar{display:none}.bio-chip{min-height:44px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease);flex:none;padding:0 16px;font-size:14px;font-weight:520}.bio-chip[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.bio-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid}.bio-tile{aspect-ratio:1;background:var(--surface-3);text-decoration:none;display:block;position:relative;overflow:hidden}.bio-tile__img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-2) var(--ease);display:block}a.bio-tile:active .bio-tile__img{transform:scale(1.04)}a.bio-tile:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;z-index:1}.bio-tile__fallback{background:linear-gradient(160deg, var(--accent-soft), var(--surface-3) 70%);position:absolute;inset:0}.bio-tile__scrim{background:linear-gradient(#0000,#0b0e17b8);position:absolute;inset:40% 0 0}.bio-tile__title{inset-inline:0;color:#fff;letter-spacing:.002em;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:6px 8px;font-size:12px;font-weight:520;line-height:1.3;display:-webkit-box;position:absolute;bottom:0;overflow:hidden}@media (min-width:480px){.bio-tile__title{padding:8px 10px;font-size:13px}}.bio-empty{text-align:center;padding:48px 24px;font-size:15px}.bio-foot{text-align:center;padding:28px 20px calc(24px + env(safe-area-inset-bottom));margin-top:auto}.bio-foot__link{color:var(--text-muted);letter-spacing:.01em;font-size:13px;text-decoration:none}.bio-foot__link:hover{color:var(--accent-ink)}@media (prefers-reduced-motion:reduce){.bio-tile__img,.bio-chip{transition:none}}