/* Opening copy shares the page's selected typeface. */
.bio-gate { overflow: auto; align-items: safe center; }
.bio-gate .bio-gate__enter { max-width: min(760px, calc(100vw - 32px)); min-width: 0; }
.bio-gate .bio-gate__meta { display: block; line-height: 1.6; text-transform: none; overflow-wrap: anywhere; white-space: pre-wrap; }
.bio-gate .bio-gate__meta::before { content: none; }
.bio-gate__prefix { color: var(--bio-red); }
.bio-gate .bio-gate__title { display: flex; align-items: baseline; justify-content: center; gap: .35em; max-width: 100%; color: var(--gate-color, var(--bio-text)); font-family: var(--bio-disp); font-size: min(var(--gate-size, 32px), 9vw); font-weight: var(--gate-weight, 600); line-height: 1.35; letter-spacing: var(--gate-spacing, .12em); }
.bio-gate .bio-gate__text { display: inline-block; min-width: 0; max-width: 100%; padding: 0; font: inherit; color: inherit; letter-spacing: inherit; line-height: inherit; text-align: inherit; white-space: pre-wrap; overflow-wrap: anywhere; text-transform: inherit; }
.bio-gate .bio-gate__text::before, .bio-gate .bio-gate__text::after { content: none; }
.bio-gate[data-style=glitch] .bio-gate__text::before, .bio-gate[data-style=glitch] .bio-gate__text::after { content: attr(data-text); }
.bio-gate .bio-gate__enter:is(:hover,:focus-visible) .bio-gate__text { color: inherit; letter-spacing: inherit; }
.bio-gate__bracket { color: var(--gate-color, var(--bio-accent-ink)); flex: none; }
.bio-gate[data-enter-button=plain] .bio-gate__bracket,
.bio-gate[data-enter-button=outline] .bio-gate__bracket,
.bio-gate[data-enter-button=pill] .bio-gate__bracket { display: none; }
.bio-gate[data-enter-button=outline] .bio-gate__title,
.bio-gate[data-enter-button=pill] .bio-gate__title { padding: .45em .75em; border: 1px solid currentColor; }
.bio-gate[data-enter-button=pill] .bio-gate__title { border-radius: 1.5em; }
.bio-gate[data-enter-align=left] .bio-gate__enter { align-items: flex-start; text-align: left; }
.bio-gate[data-enter-align=right] .bio-gate__enter { align-items: flex-end; text-align: right; }
.bio-gate[data-enter-align=left] .bio-gate__title { justify-content: flex-start; }
.bio-gate[data-enter-align=right] .bio-gate__title { justify-content: flex-end; }
.bio-gate[data-enter-case=normal] .bio-gate__title { text-transform: none; }
.bio-gate[data-enter-case=uppercase] .bio-gate__title { text-transform: uppercase; }
.bio-gate[data-enter-case=lowercase] .bio-gate__title { text-transform: lowercase; }
.bio-gate__message { display: block; max-width: 540px; color: var(--gate-color, var(--bio-muted)); font: 400 14px/1.7 var(--bio-mono); letter-spacing: .02em; white-space: pre-wrap; overflow-wrap: anywhere; }
.bio-entry-copy output { color: var(--cy); font: 10px var(--mono); }
.bio-entry-copy input[type=range] { accent-color: var(--cy); }
.app-toast[data-timeout="0"] .app-toast__timer { display: none; }
.bio-gate::-webkit-scrollbar { width: 6px; height: 6px; }
.bio-gate::-webkit-scrollbar-track, .bio-gate::-webkit-scrollbar-corner { background: transparent; }
.bio-gate::-webkit-scrollbar-thumb { background: rgba(var(--bio-rgb), .35); border-radius: 4px; }
.bio-gate::-webkit-scrollbar-thumb:hover { background: var(--bio-accent); }
.bio-gate::-webkit-scrollbar-button { display: none; }
@supports (-moz-appearance: none) { .bio-gate { scrollbar-width: thin; scrollbar-color: var(--bio-accent) transparent; } }