.co-bio-document{scrollbar-width:none}.co-bio-document::-webkit-scrollbar{display:none}
body.co-bio-public{margin:0;background:#f8f0f2}body.co-bio-public.is-preview{scrollbar-width:none}body.co-bio-public.is-preview::-webkit-scrollbar{display:none}
.co-bio-page,.co-bio-page *{box-sizing:border-box}
.co-bio-page{width:100%;min-height:100vh;background:var(--bio-outside);font-family:var(--bio-font);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}
.co-bio-column{width:100%;max-width:520px;min-height:100vh;margin:0 auto;box-shadow:0 8px 45px #5d36440a;background:var(--bio-surface)}
.co-bio-banner{position:relative;width:100%;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;background:linear-gradient(145deg,var(--bio-outside),var(--bio-button-bg))}
.co-bio-banner.has-image{min-height:max(320px,calc(min(100vw,520px)*1.25))}.co-bio-banner.no-image{min-height:260px}
.co-bio-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-2}
.co-bio-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,var(--bio-overlay-mid) 70%,var(--bio-overlay-end) 100%);pointer-events:none;z-index:-1}
.co-bio-identity{flex-shrink:0;padding:32px 30px 58px;text-align:center}
.co-bio-identity h1{padding:0;margin:0;font-family:inherit;font-weight:400;font-size:var(--bio-name-size);line-height:1.1;letter-spacing:-1.3px;color:var(--bio-name-color);text-wrap:balance;overflow-wrap:anywhere}
.co-bio-description{padding:0;margin:var(--bio-description-gap) 0 0;color:var(--bio-description-color);font-size:var(--bio-description-size);line-height:var(--bio-description-line);white-space:pre-line;text-wrap:balance;overflow-wrap:anywhere}
.co-bio-surface{position:relative;z-index:2;margin-top:-30px;min-height:260px;padding:22px 20px 28px;border-radius:30px 30px 0 0;background:var(--bio-surface)}
.co-bio-buttons{display:flex;flex-direction:column;gap:13px}
.co-bio-button{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:86px;padding:9px 13px 9px 9px;border:1px solid var(--bio-button-border);border-radius:var(--bio-button-radius);background:var(--bio-button-bg);color:var(--bio-button-color);text-decoration:none;transition:transform 150ms ease,filter 150ms ease}
.co-bio-button:hover{transform:translateY(-2px);filter:brightness(1.035)}.co-bio-page a:focus-visible{outline:2px solid var(--bio-button-color);outline-offset:4px}.co-bio-identity a:focus-visible{outline-color:var(--bio-social-color)}
.co-bio-button-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;aspect-ratio:1;border:1px solid var(--bio-icon-border);border-radius:var(--bio-icon-radius);background:var(--bio-icon-bg);color:var(--bio-icon-color);font-size:var(--bio-icon-size)}
.co-bio-button-icon.is-empty{visibility:hidden}
.co-bio-button-text{min-width:0;text-align:var(--bio-align)}.co-bio-button-title{display:block;font-size:var(--bio-button-size);line-height:var(--bio-button-line);letter-spacing:-.3px;font-weight:400;overflow-wrap:anywhere}.co-bio-button-description{display:block;margin-top:var(--bio-subtitle-gap);font-size:var(--bio-subtitle-size);line-height:var(--bio-subtitle-line);color:var(--bio-subtitle-color);overflow-wrap:anywhere}
.co-bio-page[style*="--bio-align:center"] .co-bio-button-text{text-wrap:balance}
.co-bio-arrow{display:flex;justify-content:center;align-items:center;justify-self:center;width:23px;height:23px;padding:3px;border:1px solid currentColor;border-radius:50%}.co-bio-arrow svg{width:16px;height:16px;flex-shrink:0}
.co-bio-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.co-bio-identity .co-bio-socials{gap:4px;margin-top:16px}
.co-bio-social{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--bio-social-color);text-decoration:none}
.co-bio-social-circle{display:inline-flex;align-items:center;justify-content:center;width:var(--bio-social-circle);height:var(--bio-social-circle);border:1px solid var(--bio-social-border);border-radius:50%;background:var(--bio-social-bg);font-size:var(--bio-social-size)}
.co-bio-social:hover{filter:brightness(1.15)}
.co-bio-credit{margin-top:30px;text-align:center;color:var(--bio-subtitle-color);font-family:var(--bio-font);font-size:10px}.co-bio-credit a{color:inherit;text-decoration:none}.co-bio-credit a:hover{text-decoration:underline}
@media(max-width:700px){.co-bio-button{grid-template-columns:44px minmax(0,1fr) 28px}}
@media(max-width:420px){.co-bio-button{min-height:70px}.co-bio-credit{font-size:9px}}
@media(max-width:360px){.co-bio-identity{padding-left:22px;padding-right:22px}.co-bio-surface{padding-left:12px;padding-right:12px}.co-bio-button{gap:7px;padding-right:9px}}
@media(prefers-reduced-motion:reduce){.co-bio-page *{transition:none!important;animation:none!important}.co-bio-button:hover{transform:none}}

.co-bio-password{max-width:520px;margin:0 auto;padding:32px;background:var(--bio-surface);color:var(--bio-button-color)}.co-bio-password input{max-width:100%;padding:10px;border:1px solid var(--bio-button-border)}

 .co-bio-profile{display:block;width:var(--bio-profile-size);max-width:100%;aspect-ratio:1;padding:min(var(--bio-profile-padding),max(0px,calc((var(--bio-profile-size) - var(--bio-profile-border-width) - var(--bio-profile-border-width) - 16px)/2)));background:var(--bio-profile-bg);border:var(--bio-profile-border-width) solid var(--bio-profile-border-color);border-radius:50%;margin:0 auto 18px}
.co-bio-profile-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%}