:root{--bio-radius:10px;--bio-shadow:0 22px 70px rgba(17,24,39,.09);--bio-max:1040px;--bio-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.bio-page{margin:0;background:var(--bio-bg);color:var(--bio-text);font-family:var(--bio-font);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.bio-modal-open{overflow:hidden}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{color:inherit}
img{max-width:100%}
[hidden]{display:none!important}
.bio-skip{position:fixed;z-index:1000;left:16px;top:12px;padding:10px 14px;background:var(--bio-text);color:var(--bio-bg);transform:translateY(-150%);border-radius:6px}.bio-skip:focus{transform:none}
.bio-shell{width:min(calc(100% - 36px),var(--bio-max));margin:0 auto;padding:48px 0 70px}
.bio-cover{height:clamp(190px,35vw,380px);overflow:hidden;border:1px solid var(--bio-border);border-radius:var(--bio-radius);background:var(--bio-surface);box-shadow:var(--bio-shadow)}
.bio-cover img{width:100%;height:100%;display:block;object-fit:cover}
.bio-identity{position:relative;padding:0 26px 30px;text-align:center}
.bio-cover+.bio-identity{margin-top:-72px}
.bio-avatar-wrap{display:flex;justify-content:center}
.bio-avatar{width:144px;height:144px;border:7px solid var(--bio-bg);border-radius:50%;background:var(--bio-surface);object-fit:cover;box-shadow:0 14px 35px rgba(17,24,39,.14)}
.bio-avatar-fallback{display:grid;place-items:center;background:var(--bio-primary);color:var(--bio-primary-text);font-weight:800;font-size:38px;letter-spacing:-.05em}
.bio-name-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.bio-name-row h1{margin:0;font-size:clamp(2.5rem,7vw,5.2rem);line-height:.98;letter-spacing:-.065em}
.bio-verified{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--bio-primary) 35%,var(--bio-border));border-radius:999px;color:var(--bio-primary);background:color-mix(in srgb,var(--bio-primary) 8%,var(--bio-surface));font-size:.78rem;font-weight:800;letter-spacing:.02em}
.bio-headline{max-width:700px;margin:18px auto 0;color:var(--bio-muted);font-size:clamp(1.1rem,2.5vw,1.42rem);line-height:1.5}
.bio-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:var(--bio-muted);font-size:.91rem}
.bio-meta span{display:inline-flex;align-items:center}.bio-meta span+span:before{content:"·";margin-right:18px;color:var(--bio-border)}
.bio-available{color:var(--bio-primary)!important;font-weight:750}
.bio-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.bio-btn{appearance:none;display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:11px 20px;border:1px solid var(--bio-border);border-radius:7px;background:var(--bio-surface);color:var(--bio-text);font-weight:750;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.bio-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bio-primary) 45%,var(--bio-border));box-shadow:0 10px 24px rgba(17,24,39,.08)}
.bio-btn.primary{border-color:var(--bio-primary);background:var(--bio-primary);color:var(--bio-primary-text)}
.bio-btn.ghost{background:transparent}.bio-btn.wide{width:100%}
body.bio-buttons-outline .bio-btn.primary{background:transparent;color:var(--bio-primary)}body.bio-buttons-square .bio-btn,body.bio-buttons-square .bio-share-links a,body.bio-buttons-square .bio-share-links button,body.bio-buttons-square .bio-share-grid a,body.bio-buttons-square .bio-share-grid button{border-radius:1px}
.bio-social{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:30px}
.bio-social a{display:flex;flex-direction:column;align-items:flex-start;min-width:108px;padding:10px 13px;border:1px solid var(--bio-border);border-radius:7px;background:color-mix(in srgb,var(--bio-surface) 76%,transparent);text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.bio-social a:hover{transform:translateY(-2px);border-color:var(--bio-primary)}
.bio-social strong{font-size:.82rem}.bio-social span{max-width:145px;overflow:hidden;text-overflow:ellipsis;color:var(--bio-muted);font-size:.7rem;white-space:nowrap}
.bio-section{margin-top:28px;padding:clamp(28px,5vw,62px);border:1px solid var(--bio-border);border-radius:var(--bio-radius);background:var(--bio-surface);box-shadow:0 14px 50px rgba(17,24,39,.045)}
body.bio-cards-border .bio-section{box-shadow:none}body.bio-cards-flat .bio-section{border-color:transparent;box-shadow:none}body.bio-cards-shadow .bio-section{border-color:transparent;box-shadow:0 22px 60px rgba(17,24,39,.1)}
.bio-section-heading{max-width:720px;margin-bottom:28px}.bio-section-heading>span,.bio-section-kicker{display:block;margin-bottom:8px;color:var(--bio-primary);font-size:.76rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.bio-section-heading h2,.bio-final h2,.bio-share-section h2,.bio-modal-panel h2{margin:0;font-size:clamp(1.8rem,4vw,3.25rem);line-height:1.06;letter-spacing:-.045em}
.bio-section-heading p,.bio-share-section p,.bio-modal-panel>p{margin:12px 0 0;color:var(--bio-muted)}
.bio-richtext{font-size:clamp(1.04rem,2vw,1.18rem)}.bio-richtext.compact{font-size:.94rem}.bio-richtext>:first-child{margin-top:0}.bio-richtext>:last-child{margin-bottom:0}.bio-richtext img{height:auto;border-radius:7px}.bio-richtext a{color:var(--bio-primary);text-decoration-thickness:2px;text-underline-offset:3px}.bio-richtext blockquote{margin:1.5em 0;padding:4px 0 4px 22px;border-left:3px solid var(--bio-primary);color:var(--bio-muted)}
.bio-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}.bio-detail-grid>div{padding:20px;border:1px solid var(--bio-border);border-radius:7px;background:color-mix(in srgb,var(--bio-bg) 55%,var(--bio-surface))}.bio-detail-grid strong{display:block;margin-bottom:7px}.bio-detail-grid p{margin:0;color:var(--bio-muted);white-space:normal}
.bio-link-list{display:grid;gap:11px}.bio-link-card{display:flex;align-items:center;gap:15px;min-height:76px;padding:12px 16px;border:1px solid var(--bio-border);border-radius:8px;background:color-mix(in srgb,var(--bio-bg) 24%,var(--bio-surface));text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.bio-link-card:hover{transform:translateY(-2px);border-color:var(--bio-primary);box-shadow:0 11px 28px rgba(17,24,39,.07)}.bio-link-card.featured{border-color:var(--bio-primary);background:color-mix(in srgb,var(--bio-primary) 7%,var(--bio-surface))}.bio-link-card img{width:54px;height:54px;border-radius:6px;object-fit:cover}.bio-link-card>span{display:flex;min-width:0;flex:1;flex-direction:column}.bio-link-card strong{font-size:1.04rem}.bio-link-card small{overflow:hidden;color:var(--bio-muted);text-overflow:ellipsis;white-space:nowrap}.bio-link-card>b{font-size:1.2rem}
.bio-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bio-video{position:relative;padding-top:56.25%;overflow:hidden;border-radius:8px;background:#111}.bio-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.bio-video-grid h3{margin:12px 0 0;font-size:1rem}
.bio-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.bio-gallery figure{grid-column:span 4;margin:0;overflow:hidden;border:1px solid var(--bio-border);border-radius:8px;background:var(--bio-bg)}.bio-gallery figure:nth-child(5n+1){grid-column:span 7}.bio-gallery figure:nth-child(5n+2){grid-column:span 5}.bio-gallery img{width:100%;aspect-ratio:1/1;display:block;object-fit:cover}.bio-gallery figure:nth-child(5n+1) img,.bio-gallery figure:nth-child(5n+2) img{aspect-ratio:16/10}.bio-gallery figcaption{display:flex;flex-direction:column;padding:13px 14px}.bio-gallery figcaption span{color:var(--bio-muted);font-size:.83rem}
.bio-timeline{display:grid;gap:0}.bio-timeline article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:25px 0;border-top:1px solid var(--bio-border)}.bio-timeline article:first-child{padding-top:0;border-top:0}.bio-time{color:var(--bio-muted);font-size:.82rem}.bio-entry-type{color:var(--bio-primary);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.bio-timeline h3{margin:4px 0;font-size:1.32rem}.bio-org{margin:0 0 10px;color:var(--bio-muted)}.bio-inline-link{display:inline-block;margin-top:10px;color:var(--bio-primary);font-weight:750;text-decoration:none}
.bio-embed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bio-embed-card{min-width:0;padding:14px;border:1px solid var(--bio-border);border-radius:8px;background:var(--bio-bg);overflow:hidden}.bio-embed-card iframe{max-width:100%!important}
.bio-ad{margin:24px 0;padding:14px;border:1px dashed var(--bio-border);border-radius:8px;background:var(--bio-surface);text-align:center}.bio-ad:before{content:"Advertisement";display:block;margin-bottom:7px;color:var(--bio-muted);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}
.bio-share-section{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:32px}.bio-share-links,.bio-share-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.bio-share-links a,.bio-share-links button,.bio-share-grid a,.bio-share-grid button{appearance:none;padding:9px 12px;border:1px solid var(--bio-border);border-radius:6px;background:var(--bio-bg);color:var(--bio-text);font-weight:700;text-decoration:none;cursor:pointer}.bio-qr{display:flex;flex-direction:column;align-items:center;gap:8px}.bio-qr>div{width:164px;height:164px;padding:10px;border:1px solid var(--bio-border);border-radius:8px;background:#fff}.bio-qr canvas,.bio-qr img{width:100%!important;height:100%!important;display:block}.bio-qr span{color:var(--bio-muted);font-size:.75rem}
.bio-final{margin-top:28px;padding:clamp(38px,7vw,86px) 24px;border-radius:var(--bio-radius);background:var(--bio-primary);color:var(--bio-primary-text);text-align:center}.bio-final>span{display:block;margin-bottom:10px;font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.bio-final .bio-actions .bio-btn{border-color:rgba(255,255,255,.4);background:transparent;color:inherit}.bio-final .bio-actions .bio-btn.primary{background:var(--bio-primary-text);color:var(--bio-primary);border-color:var(--bio-primary-text)}
.bio-footer{width:min(calc(100% - 36px),var(--bio-max));margin:0 auto;padding:28px 0 52px;display:grid;grid-template-columns:1fr auto;align-items:start;gap:16px;border-top:1px solid var(--bio-border);color:var(--bio-muted);font-size:.82rem}.bio-footer>div:first-child{display:flex;flex-direction:column}.bio-footer strong{color:var(--bio-text);font-size:1rem}.bio-footer nav{display:flex;gap:16px}.bio-footer a,.bio-footer button{appearance:none;padding:0;border:0;background:none;color:inherit;text-decoration:none;cursor:pointer}.bio-footer a:hover,.bio-footer button:hover{color:var(--bio-primary)}.bio-footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--bio-border)}
.bio-modal{position:fixed;z-index:900;inset:0;display:grid;place-items:center;padding:18px}.bio-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(8,12,22,.66);backdrop-filter:blur(8px);cursor:pointer}.bio-modal-panel{position:relative;width:min(100%,590px);max-height:calc(100vh - 36px);overflow:auto;padding:clamp(26px,5vw,44px);border:1px solid var(--bio-border);border-radius:10px;background:var(--bio-surface);box-shadow:0 35px 100px rgba(0,0,0,.32)}.bio-modal-panel.compact{width:min(100%,500px)}.bio-modal-close{position:absolute;right:15px;top:14px;width:38px;height:38px;border:1px solid var(--bio-border);border-radius:50%;background:var(--bio-bg);cursor:pointer;font-size:1.35rem}.bio-modal form{display:grid;gap:15px;margin-top:24px}.bio-modal label{display:grid;gap:6px;color:var(--bio-muted);font-size:.8rem;font-weight:750}.bio-modal input,.bio-modal textarea{width:100%;padding:12px 13px;border:1px solid var(--bio-border);border-radius:6px;background:var(--bio-bg);color:var(--bio-text);outline:0}.bio-modal input:focus,.bio-modal textarea:focus{border-color:var(--bio-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--bio-primary) 14%,transparent)}.bio-share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bio-share-grid>*{text-align:center}.bio-toast{position:fixed;z-index:1000;left:50%;bottom:24px;max-width:calc(100% - 36px);padding:10px 16px;border-radius:7px;background:var(--bio-text);color:var(--bio-bg);font-size:.82rem;font-weight:750;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.2s ease}.bio-toast.show{opacity:1;transform:translate(-50%,0)}
.bio-access-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bio-bg);color:var(--bio-text)}.bio-access-card{width:min(100%,540px);padding:clamp(28px,6vw,58px);border:1px solid var(--bio-border);border-radius:10px;background:var(--bio-surface);box-shadow:var(--bio-shadow);text-align:center}.bio-access-card h1{margin:10px 0;font-size:clamp(2rem,7vw,3.6rem);line-height:1;letter-spacing:-.05em}.bio-access-card p{color:var(--bio-muted)}.bio-access-card form{display:grid;gap:12px;margin-top:22px}.bio-access-card input{width:100%;padding:13px;border:1px solid var(--bio-border);border-radius:6px;background:var(--bio-bg);color:var(--bio-text)}.bio-error{padding:10px;border:1px solid #ef4444;border-radius:6px;background:#fff1f2;color:#b91c1c}
@media(max-width:760px){.bio-shell{width:min(calc(100% - 24px),var(--bio-max));padding-top:22px}.bio-cover{height:200px}.bio-cover+.bio-identity{margin-top:-58px}.bio-avatar{width:116px;height:116px;border-width:6px}.bio-identity{padding-inline:8px}.bio-name-row h1{font-size:clamp(2.35rem,13vw,4rem)}.bio-meta span+span:before{display:none}.bio-section{padding:27px 20px}.bio-detail-grid,.bio-video-grid,.bio-embed-grid{grid-template-columns:1fr}.bio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-gallery figure,.bio-gallery figure:nth-child(5n+1),.bio-gallery figure:nth-child(5n+2){grid-column:span 1}.bio-gallery img,.bio-gallery figure:nth-child(5n+1) img,.bio-gallery figure:nth-child(5n+2) img{aspect-ratio:1/1}.bio-timeline article{grid-template-columns:1fr;gap:6px}.bio-share-section{grid-template-columns:1fr}.bio-qr{align-items:flex-start}.bio-footer{grid-template-columns:1fr}.bio-footer-meta{flex-direction:column}.bio-footer nav{grid-row:2}.bio-social a{min-width:calc(50% - 6px);align-items:center}.bio-modal{padding:10px}.bio-modal-panel{max-height:calc(100vh - 20px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}