.bio-page{background:var(--color-background);color:var(--color-foreground);position:relative}.bio-page .bio-cover{background:var(--color-premium,var(--color-primary));height:9rem;position:absolute;inset:0 0 auto}.bio-page .bio-shell{max-width:30rem;padding:4.5rem 1rem calc(2rem + env(safe-area-inset-bottom,0px));margin:0 auto;position:relative}.bio-page .bio-avatar{border:4px solid var(--color-background);background:var(--color-card);width:7rem;height:7rem;box-shadow:0 8px 24px color-mix(in oklab, var(--color-foreground) 15%, transparent);color:var(--color-highlight-strong,var(--color-primary));border-radius:9999px;place-items:center;margin:0 auto;font-size:2rem;font-weight:600;display:grid;overflow:hidden}.bio-page .bio-avatar img{object-fit:cover;width:100%;height:100%}.bio-page .bio-avatar-logo img{object-fit:contain;padding:.5rem}.bio-page .bio-brand{justify-content:center;margin-top:1rem;display:flex}.bio-page .bio-brand img{object-fit:contain;width:10rem;height:4rem}.bio-page .bio-btn{border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.25rem;font-weight:600;display:inline-flex}.bio-page .bio-btn-primary{background:var(--color-highlight,var(--color-primary));color:var(--color-primary-foreground)}.bio-page .bio-btn-primary:hover{background:var(--color-highlight-strong,var(--color-primary))}.bio-page .bio-btn-outline{border:1px solid var(--color-border);background:var(--color-card)}.bio-page .bio-icon{border:1px solid var(--color-border);background:var(--color-card);border-radius:9999px;place-items:center;width:2.75rem;height:2.75rem;display:grid}.bio-page .bio-section-title{letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:.75rem;font-weight:700}.bio-page .bio-input{border:1px solid var(--color-input);background:var(--color-card);border-radius:9999px;width:100%;min-height:2.875rem;padding:0 1rem 0 2.5rem}.bio-page .bio-chips{scrollbar-width:none;gap:.5rem;padding:.75rem 0 .25rem;display:flex;overflow-x:auto}.bio-page .bio-chip{border:1px solid var(--color-border);background:var(--color-card);white-space:nowrap;border-radius:9999px;flex-shrink:0;min-height:2.75rem;padding:0 1rem;font-size:.875rem}.bio-page .bio-chip[aria-pressed=true]{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.bio-page .bio-card,.bio-page .bio-dev{border:1px solid var(--color-border);background:var(--color-card);border-radius:1rem;transition:box-shadow .15s;display:block;overflow:hidden}.bio-page .bio-dev{align-items:center;gap:.875rem;min-height:4.5rem;padding:.625rem;display:flex}.bio-page .bio-card:hover,.bio-page .bio-dev:hover{box-shadow:0 6px 20px color-mix(in oklab, var(--color-foreground) 10%, transparent)}.bio-page a:focus-visible,.bio-page button:focus-visible,.bio-page input:focus-visible{outline:2px solid var(--color-highlight,var(--color-ring));outline-offset:2px}