@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;--pad: 1rem;--col: 37.5rem;--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;width:100%;background:var(--bg);color:var(--ink);font-family:var(--font)}html{overflow-x:hidden}body{min-height:100dvh;min-width:100%;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;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.page{width:min(100%,var(--col));max-width:100%;margin:0 auto;min-height:100dvh;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}@media(min-width:688px){.page{border-left:1px solid oklch(38% .025 264 / .55);border-right:1px solid oklch(38% .025 264 / .55);padding-bottom:max(4rem,env(safe-area-inset-bottom,0px))}.identity{margin-top:-3.25rem}.avatar-wrap,.avatar{width:6.5rem;height:6.5rem}textarea{min-height:5.2rem}}.cover{position:relative;width:100%;aspect-ratio:3 / 1;height:auto;min-height:10rem;background:var(--bg-elev) center / cover no-repeat;overflow:hidden;z-index:1}.cover-edit{position:absolute;right:var(--pad);top:.75rem;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 var(--pad) 0;margin-top:-2.6rem;position:relative;z-index:2;pointer-events:none}.identity .avatar-wrap{pointer-events:auto}.avatar-wrap{position:relative;width:5.25rem;height:5.25rem}.avatar{width:5.25rem;height:5.25rem;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:1rem var(--pad) .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:4.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:1rem var(--pad) 1.1rem;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(var(--col),100%);background:var(--bg-elev);border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding:1rem 1.1rem calc(4.6rem + env(safe-area-inset-bottom,0px));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);padding-bottom:1.4rem}.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 var(--pad);color:var(--faint);text-align:center}.load-more{display:block;margin:1rem auto;color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.frost-mask{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:0;background:#020309d1;backdrop-filter:blur(36px) saturate(160%);-webkit-backdrop-filter:blur(36px) saturate(160%);transition:opacity 80ms linear}html[data-mode=frost] .frost-mask{opacity:1}.xhs-layer{position:fixed;inset:0;z-index:55;height:100dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 80ms linear}html[data-mode=xhs] .xhs-layer{opacity:1;visibility:visible;pointer-events:auto}.xhs-top{position:sticky;top:0;z-index:2;background:#fff;padding:calc(.35rem + env(safe-area-inset-top,0px)) .85rem 0}.xhs-top-row{display:flex;align-items:center;justify-content:space-between;min-height:2.4rem}.xhs-logo{display:inline-grid;place-items:center;height:1.55rem;padding:0 .55rem;border-radius:999px;background:#ff2442;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em}.xhs-tools{display:flex;gap:.85rem;color:#333}.xhs-tabs{display:flex;gap:1rem;overflow:hidden;padding:.55rem 0 .65rem;color:#666;font-size:.95rem}.xhs-tabs b{color:#111;font-weight:700}.xhs-feed{column-count:2;column-gap:6px;padding:4px 6px 4.6rem;background:#fff}.xhs-card{break-inside:avoid;margin-bottom:10px}.xhs-card img{width:100%;display:block;border-radius:8px;background:#f2f2f2}.xhs-title{margin:.4rem .15rem .25rem;font-size:.82rem;line-height:1.35;color:#111;font-weight:500}.xhs-meta{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:0 .15rem;color:#999;font-size:.72rem}.xhs-user{display:flex;align-items:center;gap:.28rem;min-width:0;overflow:hidden}.xhs-user i{flex:none;width:1.05rem;height:1.05rem;border-radius:50%;background:#ff2442;color:#fff;font-size:.58rem;font-style:normal;display:grid;place-items:center}.xhs-like{flex:none}.xhs-bar{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-around;height:calc(3.25rem + env(safe-area-inset-bottom,0px));padding:0 .2rem env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #eee;color:#333}.xhs-bar span{display:grid;place-items:center;width:2.4rem;height:2.4rem}.xhs-bar span.on{color:#111}.xhs-bar .plus{width:2.15rem;height:2.15rem;border-radius:50%;background:#111;color:#fff}@media(min-width:688px){.xhs-layer{background:#f4f4f4}.xhs-top,.xhs-feed,.xhs-bar{max-width:430px;margin-left:auto;margin-right:auto}}.orb{position:fixed;right:max(.85rem,env(safe-area-inset-right,0px));bottom:max(.85rem,calc(env(safe-area-inset-bottom,0px) + .55rem));z-index:90;width:48px;height:48px;padding:0;border-radius:50%;touch-action:manipulation;color:#ebf4f4;background:radial-gradient(120% 90% at 30% 20%,oklch(45% .04 195 / .45),transparent 42%),radial-gradient(90% 80% at 70% 80%,#1c2842e6,#070d1a);box-shadow:0 0 0 1px #ffffff2e,0 10px 24px #00000061,inset 0 1px #ffffff47;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);transition:transform 80ms var(--ease),box-shadow 80ms linear,color 80ms linear}.orb:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.orb:hover{transform:scale(1.04)}}@media(min-width:688px){.orb{width:52px;height:52px;right:1.1rem;bottom:max(1.1rem,env(safe-area-inset-bottom,0px))}}.orb.mode-frost{color:#c2e5f1;box-shadow:0 0 0 1px #7dcece73,0 10px 28px #00535347,inset 0 1px #ffffff4d;box-shadow:0 0 0 1px #7dcece73,0 10px 28px oklch(40% .08 195 / .28),inset 0 1px #ffffff4d}.orb.mode-xhs{color:#ff6e79;color:oklch(72% .19 18);box-shadow:0 0 0 1px #fa67738c,0 10px 28px #c4344847,inset 0 1px #ffffff47}.orb-face{display:grid;place-items:center;width:100%;height:100%;padding-bottom:6px}.orb-dots{position:absolute;left:50%;bottom:8px;display:flex;gap:3px;transform:translate(-50%)}.orb-dots i{width:4px;height:4px;border-radius:50%;background:#ffffff47}.orb-dots i.on{background:currentColor}@media(prefers-reduced-motion:reduce){.frost-mask,.xhs-layer,.orb{transition:none}}