:root{--bg: #000;--text: #e7e9ea;--muted: #71767b;--border: #2f3336;--hover: rgba(231, 233, 234, .03);--blue: #1d9bf0;--link: #1d9bf0;--soft: #9e9eff;--pink: #f91880;--green: #00ba7c;--red: #f4212e;--field: #202327;--ring: #000;--dim: .28;--tone: .45;--emph: 1.08;--col: 600px;--side: 350px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:TwitterChirp,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:15px;line-height:20px;-webkit-font-smoothing:antialiased;overflow-y:scroll}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}img{display:block;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.dim{opacity:var(--dim)!important;pointer-events:none!important}.tone{opacity:var(--tone)}.emph{transform:scale(var(--emph));opacity:1!important}.emph svg{filter:drop-shadow(0 0 3px color-mix(in srgb,currentColor 45%,transparent))}html,body,body *{cursor:default;user-select:none;-webkit-user-select:none}.press,.press *{cursor:pointer!important}.app{display:flex;justify-content:center;min-height:100vh}.nav{flex:1 1 auto;min-width:88px;display:flex;justify-content:flex-end}.main{width:990px;flex:1 1 auto;display:flex;align-items:flex-start;justify-content:flex-start;gap:30px;min-width:0}.main:after{content:""}.primary{width:var(--col);max-width:100%;min-width:0;min-height:100vh;border-left:1px solid var(--border);border-right:1px solid var(--border);flex:none}.sidebar{width:var(--side);flex:none;position:sticky;top:0;align-self:flex-start}.bottombar{display:none}.nav-inner{width:275px;padding:0 8px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.nav a,.nav .navbtn{display:flex;align-items:center;gap:20px;padding:12px;margin:2px 0;border-radius:9999px;font-size:20px;line-height:24px;width:fit-content}.nav a:hover{background:#e7e9ea1a}.nav a.on{font-weight:700}.nav svg{width:26.25px;height:26.25px;fill:currentColor;flex:none}.nav .logo{width:52px;height:52px;display:grid;place-items:center;padding:0;margin:2px 0 4px}.nav .logo svg{width:30px;height:30px}.nav .compose{margin-top:16px;width:90%;height:52px;border-radius:9999px;background:#eff3f4;color:#0f1419;font-weight:700;font-size:17px;display:grid;place-items:center}.nav .spacer{flex:1}.nav .account{display:flex;align-items:center;gap:12px;padding:12px;margin:12px 0;border-radius:9999px}.nav .account img,.nav .account .ph{width:40px;height:40px;border-radius:50%;background:#333639;flex:none;object-fit:cover}.nav .account .who{min-width:0;flex:1;line-height:20px}.nav .account b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.nav .account span{color:var(--muted);font-size:15px}.nav .account svg{width:18.75px;height:18.75px}@media(max-width:1265px){.nav-inner{width:88px;align-items:center;padding:0}.nav a{padding:12px}.nav .label,.nav .account .who,.nav .account svg{display:none}.nav .compose{width:52px}.nav .compose .txt{display:none}}@media(min-width:1266px){.nav .compose .ico{display:none}}@media(max-width:1000px){.sidebar{display:none}.main{width:600px}}.top{position:sticky;top:0;z-index:3;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.top .bar{display:flex;align-items:center;height:53px;padding:0 16px;gap:24px}.top .back{width:34px;height:34px;margin-left:-8px;border-radius:50%;display:grid;place-items:center;flex:none}.top .back:hover{background:#e7e9ea1a}.top .back svg{width:20px;height:20px;fill:currentColor}.top h2{margin:0;font-size:20px;line-height:24px;font-weight:700;display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top .sub{color:var(--muted);font-size:13px;line-height:16px}.top .grow{flex:1;min-width:0}.top .icons{display:flex;gap:4px}.top .icons button{width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.top .icons svg{width:20px;height:20px;fill:currentColor}.badge{display:inline-block;width:18.75px;height:18.75px;vertical-align:-3px;fill:var(--blue)}.badge.sm{width:16px;height:16px;vertical-align:-3px}.banner{display:block;width:100%;aspect-ratio:3 / 1;background:#333639;overflow:hidden}.banner img{width:100%;height:100%;object-fit:cover}.phead{padding:12px 16px 0;position:relative}.phead .avatar-wrap{position:absolute;left:16px;top:-69px;width:141px;height:141px;border-radius:50%;background:var(--ring);padding:4px}.phead .avatar-wrap img,.phead .avatar-wrap .ph{width:133px;height:133px;border-radius:50%;object-fit:cover;background:#333639;display:block}.phead .actions{display:flex;justify-content:flex-end;height:68px;align-items:flex-start}.btn-outline{border:1px solid #536471;border-radius:9999px;padding:0 16px;height:36px;font-weight:700;font-size:15px;display:inline-grid;place-items:center}.phead .name{font-size:20px;line-height:24px;font-weight:800;display:flex;align-items:center;gap:2px}.phead .handle{color:var(--muted);font-size:15px}.phead .bio{margin-top:12px;white-space:pre-wrap;word-break:break-word}.phead .items{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px;color:var(--muted)}.phead .items span{display:inline-flex;align-items:center;gap:4px}.phead .items svg{width:18.75px;height:18.75px;fill:var(--muted)}.phead .items a{color:var(--link)}.phead .counts{display:flex;gap:20px;margin-top:12px;font-size:14px;line-height:16px}.phead .counts b{font-weight:700;color:var(--text)}.phead .counts span{color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--border);margin-top:16px}.tab{flex:1;min-width:56px;padding:0 16px;height:53px;display:grid;place-items:center;color:var(--muted);font-weight:500;position:relative;white-space:nowrap}.tab:hover{background:#e7e9ea1a}.tab .lbl{position:relative;display:inline-flex;align-items:center;gap:4px;height:100%}.tab.on{color:var(--text);font-weight:700}.tab.on .lbl:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:2px;background:var(--blue)}.tab svg{width:18.75px;height:18.75px;fill:currentColor}.cell{border-bottom:1px solid var(--border)}.post{padding:12px 16px 0;position:relative;transition:opacity .2s}.post:hover{background:var(--hover)}.post .social{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:13px;line-height:16px;font-weight:700;margin:-4px 0 4px 24px}.post .social svg{width:16px;height:16px;fill:var(--muted)}.post .row{display:flex;gap:8px}.post .av{width:40px;flex:none}.post .av img,.post .av .ph{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#333639;display:block}.post .body{flex:1;min-width:0;padding-bottom:12px}.post .head{display:flex;align-items:baseline;gap:4px;white-space:nowrap;overflow:hidden;color:var(--muted)}.post .head .nm{color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:2px;min-width:0}.post .head .nm span{overflow:hidden;text-overflow:ellipsis}.post .head .hd{overflow:hidden;text-overflow:ellipsis;min-width:0}.post .head time{flex:none}.post .head .caret{margin-left:auto;width:34px;height:34px;margin-top:-7px;margin-right:-8px;border-radius:50%;display:grid;place-items:center;color:var(--muted);flex:none}.post .head .caret:hover{background:#1d9bf01a;color:var(--blue)}.post .head .caret svg{width:18.75px;height:18.75px;fill:currentColor}.post .head .caret.own{color:#fff}.post .reply{color:var(--muted)}.post .reply span{color:var(--link)}.post .text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.post .text .lnk{color:var(--link)}.media{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid var(--border);display:grid;gap:2px;background:var(--border)}.media.n2,.media.n3,.media.n4{grid-template-columns:1fr 1fr}.media.n3>:first-child{grid-row:span 2}.media img,.media video{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;background:#000}.media.n1 img,.media.n1 video{aspect-ratio:auto;max-height:516px;width:100%}.quote{margin-top:12px;border:1px solid var(--border);border-radius:16px;padding:12px}.quote .qh{display:flex;align-items:center;gap:4px;color:var(--muted);white-space:nowrap;overflow:hidden}.quote .qh img,.quote .qh .ph{width:20px;height:20px;border-radius:50%;background:#333639;flex:none}.quote .qh b{color:var(--text);overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:2px}.quote .qt{margin-top:4px;white-space:pre-wrap;word-break:break-word}.quote .media{margin-top:8px}.acts{display:flex;align-items:center;margin-top:12px;height:20px;color:var(--muted);max-width:100%}.acts .a{flex:1;display:flex;align-items:center;gap:4px;min-width:0;font-size:13px;line-height:16px}.acts .a.end{flex:none;margin-left:12px}.acts svg{width:18.75px;height:18.75px;fill:currentColor;flex:none}.acts .a.rt.on{color:var(--green)}.acts .a.lk.on{color:var(--pink)}.post.burning{opacity:.55;pointer-events:none}.post .ribbon{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;line-height:16px;margin:-4px 0 12px}.post .ribbon .spin{width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.cell.gone{animation:gone .6s ease forwards;overflow:hidden}@keyframes gone{to{opacity:0;max-height:0}}.ucell{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.ucell img,.ucell .ph{width:40px;height:40px;border-radius:50%;background:#333639;flex:none;object-fit:cover}.ucell .who{flex:1;min-width:0}.ucell .who b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ucell .who span{color:var(--muted)}.ucell .who .bio{color:var(--text);margin-top:2px;white-space:pre-wrap}.ucell .fbtn{height:32px;padding:0 16px;border-radius:9999px;background:#eff3f4;color:#0f1419;font-weight:700;display:grid;place-items:center;flex:none}.ucell .fbtn.ing{background:transparent;color:var(--text);border:1px solid #536471}.notice{padding:32px 16px;color:var(--muted);text-align:center}.notice b{display:block;color:var(--text);font-size:31px;line-height:36px;font-weight:800;margin-bottom:8px}.empty{color:var(--muted);text-align:center;padding:64px 32px}.empty b{display:block;color:var(--text);font-size:31px;line-height:36px;font-weight:800;margin-bottom:8px}.loading{text-align:center;padding:24px;color:var(--muted)}.more-btn{display:block;width:100%;text-align:center;padding:16px;color:var(--link)}.item{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.item.enter{animation:enter .48s cubic-bezier(.2,.7,.2,1) both}@keyframes enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.item .glyph{width:40px;flex:none;display:flex;justify-content:flex-end}.item .glyph svg{width:30px;height:30px;margin-top:2px}.g-pink{fill:var(--pink)}.g-green{fill:var(--green)}.g-red{fill:var(--red)}.g-blue{fill:var(--blue)}.g-wind{fill:var(--text)}.g-urn{fill:var(--soft)}.item .body{flex:1;min-width:0}.item .avatars{display:flex;gap:4px;margin-bottom:12px;height:32px}.item .avatars img,.item .avatars .ph{width:32px;height:32px;border-radius:50%;background:#333639;object-fit:cover}.item .line b{font-weight:700}.item .line .t{color:var(--muted)}.item .line code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.item .line a.tx{color:var(--link);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.item .snippet{color:var(--muted);margin-top:4px;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.search{margin:7px 0 12px;height:44px;border-radius:9999px;background:var(--field);display:flex;align-items:center;gap:12px;padding:0 16px;color:var(--muted)}.search svg{width:18.75px;height:18.75px;fill:currentColor}.module{border:1px solid var(--border);border-radius:16px;margin-bottom:16px;overflow:hidden}.module h2{margin:0;padding:12px 16px;font-size:20px;line-height:24px;font-weight:800}.module .mrow{display:flex;align-items:center;gap:12px;padding:12px 16px}.module .mrow:hover{background:var(--hover)}.module .mrow .k{flex:1;min-width:0}.module .mrow .k b{display:block;font-size:15px;line-height:20px;font-weight:700}.module .mrow .k span{display:block;color:var(--muted);font-size:13px;line-height:16px;overflow-wrap:anywhere}.module .mrow .v{font-weight:700;font-size:15px;white-space:nowrap}.module .more{display:block;padding:16px;color:var(--soft)}.module .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.module .dot.busy{background:#ffd400}.module .dot.closed{background:var(--red)}.sfoot{padding:0 16px;color:var(--muted);font-size:13px;line-height:16px;display:flex;flex-wrap:wrap;gap:4px 12px}#layers{position:fixed;inset:0;z-index:10;pointer-events:none}#layers>*{pointer-events:auto}.backdrop{position:fixed;inset:0;background:#5b708366}.backdrop.clear{background:transparent}.menu{position:absolute;background:#000;border-radius:12px;box-shadow:#fff3 0 0 15px,#ffffff26 0 0 3px 1px;min-width:260px;max-width:384px;overflow:hidden;padding:0}.menu button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-weight:700;font-size:15px;line-height:20px}.menu button:hover{background:#e7e9ea1a}.menu button.danger{color:var(--red)}.menu svg{width:18.75px;height:18.75px;fill:currentColor;flex:none}.sheet{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 32px));background:#000;border-radius:16px;padding:32px;box-shadow:#fff3 0 0 15px,#ffffff26 0 0 3px 1px}.sheet h2{margin:0 0 8px;font-size:20px;line-height:24px;font-weight:700}.sheet p{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:20px}.sheet p code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.sheet .detail{margin:-12px 0 24px;color:var(--muted);font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow:auto}.sheet .btn{display:block;width:100%;height:44px;border-radius:9999px;font-weight:700;font-size:15px;margin-top:12px;text-align:center}.sheet .btn.danger{background:var(--red);color:#fff}.sheet .btn.ghost{border:1px solid #536471;color:var(--text)}.sheet .btn.tall{height:auto;min-height:44px;padding:8px 16px;line-height:20px}.sheet .btn .hint{display:block;font-weight:400;font-size:13px;line-height:16px;margin-top:2px;opacity:.75}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:var(--blue);color:#fff;padding:12px 16px;border-radius:4px;font-size:15px;box-shadow:#0000004d 0 4px 12px;animation:enter .3s both;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.toast.dark{background:#16181c;color:var(--text);border:1px solid var(--border)}.mobile-top{display:none}@media(max-width:700px){.nav{display:none}.app:after{display:none}.main{display:block;width:100%}.primary{width:100%;border:0;padding-bottom:calc(53px + env(safe-area-inset-bottom))}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto}.sidebar{display:none}.bottombar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:5;height:calc(53px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--border);justify-content:space-around;align-items:center}.bottombar a{width:56px;height:53px;display:grid;place-items:center}.bottombar svg{width:26.25px;height:26.25px;fill:currentColor}.fab{position:fixed;right:20px;bottom:calc(72px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--blue);display:grid;place-items:center;box-shadow:#0006 0 2px 8px;z-index:5}.fab svg{width:24px;height:24px;fill:#fff}.phead .avatar-wrap{width:92px;height:92px;top:-46px}.phead .avatar-wrap img,.phead .avatar-wrap .ph{width:84px;height:84px}.phead .actions{height:48px}.tab{padding:0 12px}.media.n1 img,.media.n1 video{max-height:420px}}@media(min-width:701px){.fab{display:none}}@media(prefers-reduced-motion:reduce){.item.enter,.cell.gone,.toast,.spin{animation:none}}.devbar{position:sticky;top:0;z-index:9;background:#f4212e;color:#fff;font-size:13px;line-height:28px;height:28px;text-align:center;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 12px}.devbar+.app .nav-inner,.devbar+.app .sidebar{top:28px;height:auto}.devbar+.app .nav-inner{height:calc(100vh - 28px)}.devbar+.app .top{top:28px}