@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap";:root{--bg: oklch(13.5% .02 264);--bg-elev: oklch(17.5% .022 264);--bg-card: oklch(19% .024 264 / .78);--line: oklch(38% .025 264);--ink: oklch(97% .01 264);--muted: oklch(76% .02 264);--faint: oklch(62% .02 264);--accent: oklch(80% .13 195);--accent-ink: oklch(18% .03 195);--bo: oklch(78% .13 55);--bo-dim: oklch(78% .13 55 / .16);--long: oklch(76% .12 264);--long-dim: oklch(76% .12 264 / .18);--danger: oklch(70% .17 22);--radius: 20px;--max: 40rem;--font: "Outfit", "PingFang SC", "Hiragino Sans GB", sans-serif;--fast: .18s;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}body{min-height:100dvh;font-size:clamp(1rem,.92rem + .35vw,1.0625rem);line-height:1.55;background:radial-gradient(80% 50% at 10% -10%,oklch(40% .08 195 / .18),transparent 50%),radial-gradient(70% 40% at 100% 0%,oklch(36% .08 280 / .16),transparent 46%),var(--bg)}img,video{max-width:100%;display:block}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}.page{max-width:var(--max);margin:0 auto;padding-bottom:max(4rem,env(safe-area-inset-bottom))}.cover{position:relative;height:clamp(10rem,28vw,14rem);background:var(--bg-elev) center / cover no-repeat;overflow:hidden;z-index:1}.cover-edit{position:absolute;right:.85rem;top:.85rem;z-index:3;padding:.35rem .75rem;border-radius:999px;background:#0303037a;color:#fff;font-size:.78rem;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}.cover-edit:hover{background:#0303039e}.identity{padding:0 1.25rem;margin-top:-2.75rem;position:relative;z-index:2;pointer-events:none}.identity .avatar-wrap{pointer-events:auto}.avatar-wrap{position:relative;width:5.5rem;height:5.5rem}.avatar{width:5.5rem;height:5.5rem;border-radius:50%;border:3px solid var(--bg);object-fit:cover;background:var(--bg-elev);box-shadow:0 10px 30px #00000047}.avatar-edit{position:absolute;right:-.1rem;bottom:-.1rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--bg-elev);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.composer{margin:1.15rem 1.25rem .5rem;padding:1rem 1rem .85rem;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 12px 40px #00000029}.roles{display:flex;gap:.4rem;margin-bottom:.75rem}.role{padding:.28rem .75rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.86rem;font-weight:500}.role[aria-pressed=true][data-role=bo],.role[aria-pressed=true][data-reply-role=bo]{background:#f7a06247;border-color:var(--bo);color:var(--bo)}.role[aria-pressed=true][data-role=longlong],.role[aria-pressed=true][data-reply-role=longlong]{background:#8ab0fe52;border-color:var(--long);color:var(--long)}.mention{font-weight:600;margin-right:.25rem}.mention.bo{color:var(--bo)}.mention.longlong{color:var(--long)}.cite{margin:.5rem 0 0;padding:.4rem .7rem;border-left:2px solid oklch(80% .13 195 / .7);background:#ffffff0a;border-radius:0 10px 10px 0;font-size:.8rem;line-height:1.4}.cite-who{font-weight:600;margin-right:.35rem}.cite-who.bo{color:var(--bo)}.cite-who.longlong{color:var(--long)}.cite-text{color:var(--muted)}.reply-composer .cite{margin:0 0 .65rem}textarea{width:100%;min-height:5.2rem;resize:vertical;background:transparent;border:0;outline:none;padding:0}textarea::placeholder{color:var(--faint)}.attach-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0 .75rem}.thumb{position:relative;width:4.5rem;height:4.5rem;border-radius:10px;overflow:hidden;background:var(--bg-elev);border:1px solid var(--line)}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.thumb .kind{position:absolute;left:.3rem;bottom:.3rem;font-size:.65rem;padding:.08rem .32rem;border-radius:999px;background:#030303b3}.thumb .rm{position:absolute;top:.2rem;right:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#030303b3;color:#fff}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.icon-btn{width:2.4rem;height:2.4rem;border-radius:12px;border:1px solid var(--line);color:var(--muted);display:grid;place-items:center}.hint{color:var(--faint);font-size:.78rem;flex:1}.publish{padding:.55rem 1.15rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600}.publish:hover:not(:disabled){filter:brightness(1.06)}.publish:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.ghost{padding:.5rem .8rem;color:var(--muted);font-size:.86rem}.feed{padding:.4rem 0 0}.post{position:relative;padding:1.15rem 1.25rem 1.25rem;border-top:1px solid oklch(38% .025 264 / .7)}.post-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .55rem}.badge{font-size:.75rem;font-weight:600;padding:.14rem .5rem;border-radius:999px}.badge.bo{background:var(--bo-dim);color:var(--bo)}.badge.longlong{background:var(--long-dim);color:var(--long)}.time{color:var(--faint);font-size:.82rem}.time .abs{opacity:.8}.more{position:relative;flex:none}.more-btn{width:2rem;height:2rem;border-radius:999px;color:var(--faint);letter-spacing:.08em}.more-btn:hover{background:#ffffff0f;color:var(--ink)}.menu{position:absolute;right:0;top:2.1rem;min-width:7.5rem;padding:.3rem;background:#101621;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #00000059;z-index:5}@media(max-width:640px){.menu{top:auto;bottom:2.1rem}}.menu[hidden]{display:none}.menu button{display:block;width:100%;text-align:left;padding:.5rem .7rem;border-radius:8px;font-size:.88rem}.menu button:hover{background:#ffffff0f}.menu .danger{color:var(--danger)}.body{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0 0}.media{margin-top:.75rem;display:grid;gap:.35rem;border-radius:16px;overflow:hidden}.media.count-2,.media.count-4,.media.count-3{grid-template-columns:1fr 1fr}.media.count-3>:first-child{grid-column:1 / -1}.media img,.media video{width:100%;max-height:22rem;object-fit:cover;background:var(--bg-elev)}.media img{cursor:zoom-in}.actions{margin-top:.7rem}.reply-btn{color:var(--muted);font-size:.84rem;padding:.15rem 0}.reply-btn:hover{color:var(--accent)}.replies{margin:.7rem 0 0;padding-left:.75rem;border-left:1px solid var(--line);display:grid;gap:.1rem}.reply{position:relative;padding:.65rem 0 .55rem .1rem}.reply .media img,.reply .media video{max-height:14rem}.reply-composer{margin-top:.7rem;padding:.85rem;background:#0d111be6;border:1px solid var(--line);border-radius:16px}.reply-composer textarea{min-height:3.6rem}.banner{position:sticky;top:0;z-index:10;padding:.45rem 1rem;background:#2ad7d71a;border-bottom:1px solid oklch(80% .13 195 / .18);color:var(--accent);font-size:.78rem;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sheet,.lightbox{position:fixed;inset:0;z-index:20;background:#00000080}.sheet{display:grid;align-items:end;justify-items:center}.sheet[hidden],.lightbox[hidden]{display:none}.sheet-card{width:min(40rem,100%);background:var(--bg-elev);border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding:1rem 1.1rem 1.4rem;max-height:min(78dvh,42rem);overflow:auto}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem}.sheet-head h2{margin:0;font-size:1rem;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.grid.covers{grid-template-columns:repeat(2,minmax(0,1fr))}.pick{display:block;width:100%;aspect-ratio:1;min-height:5.2rem;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--bg)}.grid.covers .pick{aspect-ratio:16 / 9;min-height:5.6rem}.pick img{width:100%;height:100%;object-fit:cover;display:block}.pick[aria-pressed=true]{border-color:var(--accent)}.upload-pick{display:grid;place-items:center;width:100%;aspect-ratio:1;min-height:5.2rem;border-radius:12px;border:1px dashed var(--line);color:var(--muted);font-size:.8rem;text-align:center;padding:.5rem;background:#ffffff05}.grid.covers .upload-pick{aspect-ratio:16 / 9;min-height:5.6rem}@media(min-width:640px){.sheet{align-items:center}.sheet-card{border-radius:20px;border:1px solid var(--line)}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.covers{grid-template-columns:repeat(3,minmax(0,1fr))}}.lightbox{z-index:30;display:grid;place-items:center;padding:1.5rem;background:#000103d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox img{max-width:min(96vw,56rem);max-height:88dvh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000073}.lightbox-close{position:absolute;top:.9rem;right:.9rem;width:2.4rem;height:2.4rem;border-radius:999px;background:#ffffff1a;color:#fff;font-size:1.3rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);background:#101621;border:1px solid oklch(38% .025 264);padding:.55rem .9rem;border-radius:999px;font-size:.86rem;z-index:40}.empty{padding:2rem 1.25rem;color:var(--faint);text-align:center}.load-more{display:block;margin:1rem auto;color:var(--accent)}