/* v1.42 — public Flow pages prioritize the shared timeline. */
.public-share-flow{--accent:#3479c5;--accent-soft:#edf5ff}
html.public-share-document{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch}
body.public-share-document{display:block!important;height:auto!important;min-height:100dvh!important;overflow:visible!important;overscroll-behavior-y:auto!important}
.public-share-flow>header{max-width:1320px}
.public-flow-page{width:min(100% - 56px,920px);margin:0 auto;padding:27px 0 145px}
.public-flow-status{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:5px 10px 5px 6px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 75%,var(--surface));color:var(--accent);font-size:12px;font-weight:700}
.public-flow-status-icon{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;overflow:hidden}
.public-flow-status-icon flowlo-avatar{vertical-align:top}
.public-flow-page>h1{margin:0 0 9px;font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.06em;overflow-wrap:anywhere}
.public-flow-byline{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:13px}
.public-flow-byline-dot{color:color-mix(in srgb,var(--muted) 65%,transparent)}
.public-flow-owner-blob{flex:none;margin-left:1px}
.public-flow-byline>b{color:var(--ink);font-weight:700}
.public-flow-feed{position:relative;margin:24px 0 26px;padding:4px 0 4px 22px}
.public-flow-feed:before{position:absolute;content:"";left:6px;top:10px;bottom:10px;width:2px;border-radius:2px;background:color-mix(in srgb,var(--accent) 22%,var(--line))}
.public-flow-entry{position:relative;display:grid;grid-template-columns:9px minmax(0,1fr);gap:14px;padding:9px 0 13px}
.public-flow-entry-rail{position:relative;z-index:1;display:block;width:9px;height:9px;margin-top:8px;border:2px solid var(--surface);border-radius:50%;background:color-mix(in srgb,var(--accent) 72%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,var(--line))}
.public-flow-entry-content{min-width:0}
.public-flow-entry-content>header{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0 0 3px}
.public-flow-entry-content>header>b{font-size:13px;font-weight:720;color:var(--ink)}
.public-flow-entry-content time{color:var(--muted);font-size:11px}
.public-flow-entry-content>p{margin:0;color:var(--ink);font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.public-flow-empty{margin:0;color:var(--muted);font-size:14px}
.public-flow-join{position:fixed;z-index:20;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 40px),920px);display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:14px 18px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 38px color-mix(in srgb,var(--ink) 15%,transparent)}
.public-flow-join>div:first-child{display:grid;gap:4px;min-width:0}
.public-flow-join>div:first-child>b{font-size:14px}
.public-flow-join>div:first-child>span{color:var(--muted);font-size:12px;line-height:1.45}
.public-flow-join-actions{display:flex;flex:none;gap:7px;align-items:center}
.public-flow-join-actions .button{white-space:nowrap;font-size:12px;padding:10px 12px}
[data-theme="dark"] .public-flow-status{background:color-mix(in srgb,var(--accent) 13%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
[data-theme="dark"] .public-flow-entry-rail{border-color:var(--bg)}
@media(max-width:700px){.public-share-flow>header{height:62px}.public-flow-page{width:calc(100% - 32px);padding:22px 0 calc(176px + env(safe-area-inset-bottom))}.public-flow-page>h1{font-size:clamp(30px,9vw,40px)}.public-flow-feed{margin:19px 0 21px;padding-left:18px}.public-flow-feed:before{left:5px}.public-flow-entry{grid-template-columns:8px minmax(0,1fr);gap:11px;padding:8px 0 11px}.public-flow-entry-rail{width:8px;height:8px}.public-flow-entry-content>p{font-size:14px}.public-flow-join{align-items:stretch;flex-direction:column;gap:10px;bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 24px);padding:13px;border-radius:14px}.public-flow-join>div:first-child{gap:2px}.public-flow-join>div:first-child>b{font-size:13px}.public-flow-join>div:first-child>span{font-size:11px}.public-flow-join-actions{display:grid;grid-template-columns:1fr 1fr}.public-flow-join-actions .button{white-space:normal;padding:10px 8px;font-size:11px}}