.splash{z-index:200;background:var(--color-bg);place-items:center;display:grid;position:fixed;inset:0}.splash-logo{transform-origin:50%;will-change:transform, opacity;width:auto;height:64px}.splash.is-exit{pointer-events:none;animation:.6s cubic-bezier(.22,.08,.25,1) both splash-veil}.splash.is-exit .splash-logo{animation:.6s cubic-bezier(.16,0,.2,1) both splash-zoom}@keyframes splash-zoom{0%{opacity:1;transform:scale(1)}55%{opacity:1}to{opacity:0;transform:scale(22)}}@keyframes splash-veil{0%,42%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.splash.is-exit,.splash.is-exit .splash-logo{animation:none}}.post-visibility{background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;flex:none;padding:.1rem .5rem;font-size:.72rem;font-weight:700}.composer-picker{z-index:4;flex:0 auto;min-width:0;position:relative}.composer-picker-btn.menu-item{width:auto;min-width:0;max-width:11rem;color:var(--ink-text);padding:.32rem .72rem .32rem .88rem;font-size:.76rem;font-weight:650}.composer-picker-btn.menu-item:before{background:var(--ink);opacity:1;border-radius:4px;inset:.06rem .04rem;transform:skew(-12deg)scaleX(1)}.composer-picker-btn.menu-item:hover{color:var(--ink-text);background:0 0}.composer-picker-btn.menu-item:hover:before{filter:brightness(1.18)}.composer-picker-btn.menu-item:disabled{cursor:default;opacity:.45}.composer-picker-btn.menu-item.menu-expandable[aria-expanded=true],.composer-picker-btn.menu-item.menu-expandable[aria-expanded=true] .menu-arrow{color:var(--ink-text)}.composer-picker-btn.menu-item.menu-expandable[aria-expanded=true]:before{background:var(--ink);opacity:1;border-radius:4px;transform:skew(-12deg)scaleX(1)}.composer-picker-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.composer-picker-btn .menu-arrow{color:color-mix(in srgb, var(--ink-text) 72%, transparent);flex:none;margin-left:0}.composer-picker .composer-submenu{z-index:70;border:0;width:max-content;min-width:228px;max-width:min(320px,100vw - 3.5rem);margin:0;padding:.4rem 24px .5rem;inset:auto auto calc(100% + 10px) 0}.composer-picker .composer-submenu:before,.composer-picker .composer-submenu:after{background:var(--menu-surface);clip-path:none;border-radius:6px;display:block;inset:0;transform:skew(-12deg)}@keyframes composer-picker-in{0%{opacity:0;translate:0 -4px}}@keyframes composer-picker-out{to{opacity:0;translate:0 -4px}}.composer-picker .composer-submenu:not([hidden]){animation:.18s ease-out both composer-picker-in}.composer-picker .composer-submenu:not([hidden]):before,.composer-picker .composer-submenu:not([hidden]):after,.composer-picker .composer-submenu:not([hidden])>*{animation:none}.composer-picker .composer-submenu.is-closing{pointer-events:none;animation:.14s ease-in both composer-picker-out}@media (prefers-reduced-motion:reduce){.composer-picker .composer-submenu:not([hidden]){animation:none}}.tabs{--tab-active-bg:var(--ink);--tab-active-text:var(--ink-text);flex:none;align-self:stretch;align-items:stretch;gap:.25rem;display:flex}.tabs+.account{margin-left:0}.tab{isolation:isolate;cursor:pointer;color:var(--color-text-muted);background:0 0;border:0;padding:.85rem .9rem .7rem;font-size:.95rem;font-weight:600;transition:color .14s .13s,background .15s;position:relative}.tab:before{content:"";z-index:-1;background:var(--tab-active-bg);transform-origin:0;opacity:0;border-radius:4px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s;position:absolute;inset:.5rem .35rem .4rem;transform:skew(-12deg)scaleX(0)}.tab:hover{color:var(--color-text-strong);background:var(--color-bg-hover);transition:color .15s,background .15s}.tab.is-active{color:var(--tab-active-text);font-weight:700;transition:color .12s}.tab.is-active:before{opacity:1;border-radius:4px;transition:transform .32s cubic-bezier(.32,1.42,.48,1),opacity .12s;transform:skew(-12deg)scaleX(1)}.tab.is-active:hover{background:0 0}@media (prefers-reduced-motion:reduce){.tab:before{transition:opacity .14s}}.columns-value{color:var(--menu-muted);margin-left:auto;margin-right:.35rem;font-size:.8rem;font-weight:500}.menu-item .columns-value~.menu-arrow{margin-left:0}.menu-expandable[aria-expanded=true] .columns-value{color:var(--menu-select-text)}.main{overscroll-behavior:auto;filter:none;flex:auto;min-height:0;overflow:visible}.app[data-app]{--feed-surface:#f5f5f7}[data-theme=dark] .app[data-app]{--feed-surface:#121212}.app[data-app] .search-input{height:38px}.app[data-app] .search:before{background:var(--feed-surface)}.composer{border-bottom:1px solid var(--color-border);border-radius:0 0 18px 18px;gap:.75rem;width:min(100%,880px);margin-inline:auto;padding:.8rem 1.1rem;display:flex}.composer[hidden]{display:none}.composer-body{flex:auto;min-width:0}.composer-input{box-sizing:border-box;width:100%;color:var(--color-text-strong);resize:none;overflow-wrap:anywhere;background:0 0;border:0;outline:none;padding:.25rem 0 .6rem;font-size:1.1rem;line-height:1.45}.composer-input::placeholder{color:var(--color-text-muted)}.composer-foot{border-top:1px solid var(--color-border-soft);flex-wrap:wrap;align-items:center;gap:.45rem .75rem;padding-top:.6rem;display:flex}.composer-attach{width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.composer-attach:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent)}.composer-attach:disabled{cursor:wait;opacity:.5}.media-status{max-width:14rem;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.media-status[hidden]{display:none}.media-retry{color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:0}.composer-preview{background:var(--color-bg-subtle);border-radius:12px;width:100%;max-width:100%;margin-top:.7rem;padding:.25rem;overflow:hidden}.composer-preview>[data-role=media-preview-images]{flex-wrap:wrap;gap:.5rem;display:flex}.composer-preview-item{position:relative}.composer-preview-remove{color:#fff;font:inherit;cursor:pointer;background:#000000b8;border:0;padding:.2rem .4rem;font-size:.72rem;position:absolute;top:.35rem;right:.35rem}.composer-preview[hidden]{display:none}.composer-preview.is-hdr{background:#000}@media (dynamic-range:high){.composer-preview.is-hdr .media-image{transform:translateZ(0)}}.composer-preview-item .media-image{object-fit:contain;border-radius:10px;width:auto;max-width:min(100%,260px);height:auto;max-height:180px}.hdr-toggle{max-width:100%;color:var(--color-text-muted);cursor:pointer;align-items:center;gap:.4rem;padding:.15rem .2rem;font-size:.78rem;display:flex}.hdr-toggle[hidden]{display:none}.hdr-toggle input{accent-color:var(--color-accent);margin:0}.hdr-toggle .hdr-hint{text-overflow:ellipsis;white-space:nowrap;opacity:.75;overflow:hidden}.composer-picker[hidden]{display:none}.char-count{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.8rem}.composer-auth-hint{color:var(--color-accent);margin-right:auto;font-size:.8rem;font-weight:600}.composer-auth-hint[hidden]{display:none}.char-count.is-over{color:var(--like);font-weight:700}.post-btn{cursor:pointer;background:var(--color-accent);color:#fff;border:0;border-radius:999px;padding:.45rem 1.2rem;font-size:.9rem;font-weight:700;transition:background .15s,opacity .15s}.post-btn:hover:not(:disabled){background:var(--color-accent-hover)}.post-btn:disabled{opacity:.45;cursor:not-allowed}.feed{min-height:40vh}.feed.is-switching{pointer-events:auto}.feed-columns{align-items:flex-start;display:flex}.feed-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.feed-columns.is-masonry{background:0 0;gap:.9rem;padding:1.25rem 1.15rem}.feed-columns.is-single{background:0 0;justify-content:center;padding:1.25rem 1.15rem}.feed-columns.is-single .feed-col{flex:0 auto;gap:.9rem;width:100%;max-width:680px}.feed-columns .post{background:var(--feed-surface);box-shadow:none;border:1px solid #0000;border-radius:14px;margin-bottom:0;padding:.75rem .95rem;transition:border-color .18s,background .18s,box-shadow .18s;overflow:visible}.feed-columns.is-masonry .post{margin-bottom:0}.feed-columns .post:hover,.feed-columns .post:focus-within{box-shadow:none;border-color:#0000}[data-theme=dark] [data-app] .feed-columns .post{background:var(--feed-surface)}.feed-columns .post-text{line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-columns.is-masonry .post{cursor:pointer}.search-head{border-bottom:1px solid var(--color-border-soft);color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.25rem;font-size:.9rem;display:flex}.search-head strong{color:var(--color-text-strong)}.search-exit{border:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.25rem .8rem;font-size:.8rem;font-weight:600}.search-exit:hover{border-color:var(--color-accent);color:var(--color-accent)}.search-users{border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle);gap:.65rem;padding:.9rem 1.25rem 1rem;display:grid}.search-users-title{color:var(--color-text-strong);margin:0;font-size:.95rem}.search-user{border:1px solid var(--color-border);background:var(--color-bg-raised);border-radius:12px;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.search-user-copy{min-width:0;color:inherit;gap:.1rem;text-decoration:none;display:grid}.search-user-copy strong{color:var(--color-text-strong)}.search-user-copy span{color:var(--color-text-muted);font-size:.8rem}.search-user-copy p{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-size:.85rem;line-height:1.4;overflow:hidden}.sentinel{justify-content:center;align-items:center;min-height:64px;display:flex}.sentinel.is-done{display:none}.spinner{border:2.5px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@media (width<=640px){.app[data-app]{--topbar-height:92px}.tabs{flex:100%;order:3}.tab{text-align:center;flex:1 1 0}.composer{padding:.75rem}.composer-foot{flex-wrap:nowrap;gap:.4rem}.composer-picker{flex:auto}.composer-picker-btn.menu-item{width:100%;max-width:none}.char-count{display:none}.post-btn{flex:none;margin-left:auto;padding-inline:1rem}}.feed-columns .feed-col{gap:.9rem}.feed-columns .post-head{gap:.3rem .45rem}.feed-columns .post-meta{color:color-mix(in srgb, var(--color-text-muted) 85%, var(--color-bg));font-size:.75rem}.feed-columns .post-text{margin-top:.6rem;line-height:1.6}.feed-columns .actions{border-top:1px solid var(--color-border-soft);margin-top:.75rem;margin-left:0;padding-top:.6rem}.feed-columns .post .media-list{border-radius:10px;margin-top:.8rem}.feed-columns .post:has(.media-list)>.post-body>.post-text{line-clamp:2;-webkit-line-clamp:2}.feed-columns .post .media-list{--media-height:min(42svh, 360px);--media-width:100cqw;align-items:flex-start;container-type:inline-size}.feed-columns .post .media-list.is-scrollable{--media-width:86cqw}.feed-columns .post .media-list>.media{width:fit-content;min-width:0;max-width:var(--media-width);max-height:var(--media-height);flex:none;margin-top:0}.feed-columns .post img.media-image{width:auto;height:auto;max-width:var(--media-width);max-height:var(--media-height)}.feed-columns .post .media.is-tall{width:var(--media-width)}.feed-columns .post .media.is-tall .media-image{width:100%;height:var(--media-height);object-fit:cover;object-position:center top}.media-preview-open{display:none}.feed-columns .media.is-tall:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000006b);height:68px;position:absolute;inset:auto 0 0}.feed-columns .media .media-preview-open:not([hidden]){z-index:1;white-space:nowrap;color:#fff;cursor:zoom-in;background:#000000ad;border:1px solid #ffffff4d;border-radius:999px;padding:7px 12px;font-size:.78rem;display:inline-flex;position:absolute;bottom:10px;left:50%;translate:-50%}.feed-columns .media .media-preview-open:focus-visible{outline-offset:3px;outline:2px solid #fff}.feed-columns .post-source-text{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.composer{background:color-mix(in srgb, var(--color-bg-subtle) 45%, var(--color-bg))}.composer:focus-within{background:var(--color-bg)}@media (width<=640px){.feed-columns.is-single,.feed-columns.is-masonry{gap:.7rem;padding:.8rem .6rem 1rem}.feed-columns .feed-col{gap:.7rem}.feed-columns .post{border-radius:12px;gap:.6rem;padding:.75rem .85rem}}@media (prefers-reduced-motion:reduce){.feed-columns .post{transition:none}}.feed-columns .post>.avatar{border-radius:13px 0 0;width:60px;height:60px;font-size:1.2rem;position:absolute;top:0;left:0;mask-image:url(/feed-avatar-mask.svg?v=outward)}.feed-columns .post>.avatar:after{content:"";z-index:2;pointer-events:none;backdrop-filter:blur(3px);position:absolute;inset:0;mask-image:linear-gradient(135deg,#0000 25%,#000 70%)}.feed-columns .post>.post-body{margin-left:calc(58px + .75rem)}@media (width<=640px){.feed-columns .post>.avatar{border-top-left-radius:11px}.feed-columns .post>.post-body{margin-left:calc(58px + .6rem)}}.feed-columns .post{position:relative}.post-permalink{border-radius:inherit;display:block;position:absolute;inset:0}.post-permalink:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.post-permalink~.avatar{pointer-events:auto;position:relative}.post-permalink~.post-body{pointer-events:none;position:relative}.post-permalink~.post-body :is(a,button,input,textarea,.media-list,.media-carousel,.post-source),.post-permalink~.post-body .post-text{pointer-events:auto}.post-placeholder{flex:none;width:100%}
