.feed-wrap{--surface-rail-w:96px}.feed-cell{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stage""rail";display:grid;position:relative}.feed-caption{pointer-events:none;z-index:6;border-top:0;height:0;min-height:0;padding:0;position:absolute;inset:auto 0 0;overflow:visible}.feed-caption-head{display:none}.feed-caption-detail.is-open{pointer-events:auto}.feed-stage{background:#000;grid-area:stage;min-height:0;position:relative;overflow:hidden}.feed-caption-head{align-items:center;gap:8px;min-width:0;height:40px;display:flex;position:relative}.feed-caption-toggle{z-index:0;color:var(--text-faint);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;padding:0;display:flex;position:absolute;inset:0}.feed-caption-chevron{font-size:16px;transition:transform .14s;display:inline-flex}.feed-caption-toggle[aria-expanded=true] .feed-caption-chevron{transform:rotate(180deg)}.feed-caption-head .feed-creator,.feed-caption-head .feed-title{z-index:1;white-space:nowrap;text-overflow:ellipsis;min-width:0;position:relative;overflow:hidden}.feed-caption-head .feed-creator{max-width:42%;color:var(--text-dim);flex:none;font-size:13px;font-weight:500}.feed-caption-head .feed-title{letter-spacing:-.015em;color:var(--text);pointer-events:none;flex:auto;margin:0;padding-right:26px;font-size:14px;font-weight:500}.feed-caption-detail{display:none}.feed-caption-detail.is-open{z-index:80;padding:20px 18px calc(18px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border-faint);border-radius:var(--r-hero) var(--r-hero) 0 0;box-shadow:var(--shadow-pop);flex-direction:column;gap:10px;animation:.16s ease-out feed-sheet-up;display:flex;position:fixed;bottom:0;left:0;right:0}.feed-caption-close{display:none}.feed-caption-detail.is-open .feed-caption-close{border:1px solid var(--border);background:var(--card);width:30px;height:30px;color:var(--text-dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.feed-summary{color:var(--text-dim);margin:0;font-size:13px;line-height:1.45}.feed-stats{color:var(--text-dim);align-items:center;font-size:13px}.feed-stats>span{align-items:center;gap:4px;display:inline-flex}.feed-stats .live-dot{background:var(--live);border-radius:50%;width:7px;height:7px;display:inline-block}.feed-caption-links{flex-wrap:wrap;margin-top:0}.feed-caption-link{border-color:var(--border);-webkit-backdrop-filter:none;height:30px;box-shadow:none;color:var(--text);background:#ffffff0a;padding:0 13px;font-size:13px}.feed-caption-link svg{font-size:13px}.feed-caption-origin{white-space:nowrap;text-overflow:ellipsis;opacity:.82;max-width:min(280px,70vw);overflow:hidden}.feed-caption-origin:hover{opacity:1}.feed-rail{background:var(--bg);border-top:1px solid var(--border-faint);z-index:5;flex-direction:row;grid-area:rail;justify-content:space-around;align-items:center;gap:4px;width:auto;height:56px;padding:0 10px;position:relative;inset:auto}.feed-rail-btn{color:var(--text-dim);text-shadow:none;gap:1px;font-size:11px;font-weight:500}.feed-rail-icon{width:40px;height:40px;color:var(--text);-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:0;font-size:20px}.feed-rail-btn:hover .feed-rail-icon{background:#ffffff14}.feed-rail-icon.is-on{color:var(--blue-ring);background:0 0;border:0}.feed-rail-btn:hover .feed-rail-icon.is-on{background:#ffffff14}.feed-rail-creator{margin-bottom:0}.feed-rail-avatar{border:1.5px solid var(--border-strong);width:40px;height:40px;font-size:16px}.feed-rail-follow{background:var(--grad-blue);border:1px solid #ffffff40;width:18px;height:18px;font-size:11px;bottom:-3px;left:auto;right:-3px;transform:none}.feed-rail-follow:active:not(:disabled){transform:scale(.9)}.feed-rail-follow.is-sent{background:var(--grad-blue);color:var(--bg)}.feed-hop{width:40px;height:40px;color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:none;box-shadow:none;background:0 0;font-size:17px}.feed-hop:hover:not(:disabled){background:#ffffff14}.feed-hop--prev{margin-bottom:0}.feed-hop--next{width:44px;height:44px;color:var(--bg);background:var(--grad-blue);box-shadow:var(--shadow-cta);border-color:#ffffff26;font-size:19px}.feed-next-thumb{border:1px solid var(--border);border-radius:8px;width:30px;height:40px}.feed-next-emblem{font-size:15px}.feed-rail-more{display:none}.feed-rail-more.is-open{z-index:20;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);border-radius:16px;flex-direction:row;align-items:center;gap:6px;padding:6px 8px;animation:.14s ease-out feed-fade-in;display:flex;position:absolute;bottom:calc(100% + 6px);right:8px}@media (max-width:820px){.feed-rail-btn{color:#fff;filter:drop-shadow(0 1px 3px #0000008c)}.feed-rail-count{color:#fff}.feed-hop,.feed-next-thumb{display:none}.feed-caption-toggle,.feed-caption-chevron{color:#fff}.feed-rail>[data-rail=creator]{order:1}.feed-rail>[data-rail=like]{order:2}.feed-rail>[data-rail=comments]{order:3}.feed-rail>[data-rail=replay]{order:4}.feed-rail>[data-rail=share]{order:5}.feed-rail>.feed-rail-overflow{order:6;margin-right:auto}.feed-rail>.feed-next-thumb{order:7}.feed-rail>.feed-hop--prev{order:8}.feed-rail>.feed-hop--next{order:9}}@media (max-width:400px){.feed-rail{gap:2px;padding:0 6px}.feed-rail-icon,.feed-hop,.feed-rail-avatar{width:36px;height:36px;font-size:19px}.feed-hop--next{width:40px;height:40px}.feed-next-thumb{width:26px;height:36px}}@media (min-width:821px){.feed-caption-detail,.feed-caption-detail.is-open{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;flex:auto;align-items:center;gap:16px;padding:0;animation:none;display:flex;position:static}.feed-caption-detail .feed-caption-close{display:none}.feed-caption-detail .feed-summary{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;max-width:none;display:block;overflow:hidden}.feed-caption-detail .feed-stats,.feed-caption-detail .feed-caption-links{flex-wrap:nowrap;flex:none}.feed-rail-more{display:flex}.feed-rail-overflow{display:inline-flex}.feed-rail-icon,.feed-rail-avatar,.feed-hop{width:44px;height:44px}.feed-rail-icon{font-size:20px}.feed-hop--next{width:48px;height:48px;font-size:20px}.feed-next-thumb{border-radius:12px;width:42px;height:56px}.feed-next-emblem{font-size:19px}.feed-sound-pill,.feed-lost-room{margin-left:calc(var(--surface-rail-w) / -2)}}.feed-sound-pill{gap:8px;height:40px;padding:0 18px;font-size:13.5px}.feed-sound-pill .feed-sound-icon{font-size:16px;display:inline-flex}.price-coin{align-items:center;gap:5px;display:inline-flex}.price-coin svg{color:var(--gold)}.sysmenu-item-icon{color:var(--text-dim);justify-content:center;align-items:center;font-size:18px;display:inline-flex}.sysmenu-item:disabled .sysmenu-item-icon{color:var(--text-faint)}.sysmenu-chip-mute{align-items:center;gap:3px;display:inline-flex}.login-mark{width:34px;height:34px;color:var(--ink);justify-content:center;align-items:center;margin-bottom:14px;font-size:26px;display:flex}.login-modal .modal-title{letter-spacing:-.015em;font-size:17px;font-weight:500}.login-terms{color:var(--text-faint);text-align:center;margin:12px 0 0;font-size:12px}.login-terms a{color:var(--text-dim);text-underline-offset:3px;text-decoration:underline;transition:color .12s}.login-terms a:hover{color:var(--text)}.handle-gate-card{max-width:440px}.handle-gate-card h1{font-size:20px}.handle-input{border:1px solid var(--border);background:var(--bg);border-radius:14px;align-items:center;gap:2px;padding:0 14px;display:flex}.handle-input:focus-within{background:var(--surface);box-shadow:0 0 0 1.5px var(--focus-ring) inset}.handle-input-prefix{color:var(--text-faint);font-size:15px;font-weight:500}.handle-input input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px}.handle-input input::placeholder{color:var(--text-faint)}.feed-sheet-close{font-size:14px}.feed-state .empty-glyph,.empty-icon svg{color:var(--text-faint);font-size:40px}.feed-lost-room{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1016eb;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:10px;max-width:min(92vw,520px);padding:10px 10px 10px 16px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.feed-lost-room-text{color:var(--text);font-size:13.5px;line-height:1.35}.feed-lost-room-close{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.feed-lost-room-close:hover{color:var(--text);background:#ffffff2e}
