.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:auto;min-height:0;padding:0;position:absolute;inset:0;overflow:visible}.feed-caption-head{display:none}.feed-caption-detail.is-open{pointer-events:auto}.feed-stage{background:var(--canvas);grid-area:stage;min-height:0;position:relative;overflow:hidden}.feed-caption-head{align-items:center;gap:8px;min-width:0;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:var(--fs-lg);letter-spacing:var(--ls-lg);transition:transform var(--dur-fast) var(--ease);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%;font-size:var(--fs-base);font-weight:var(--fw-label);color:var(--text-dim);flex:none}.feed-caption-head .feed-title{font-size:var(--fs-md);font-weight:var(--fw-head);letter-spacing:-.015em;color:var(--text);pointer-events:none;flex:auto;margin:0;padding-right:26px}.feed-caption-detail{display:none}.feed-caption-detail.is-open{z-index:80;max-height:60%;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:absolute;bottom:0;left:0;right:0;overflow-y:auto}.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{font-size:var(--fs-base);color:var(--text-dim);margin:0;line-height:1.45}.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{height:30px;font-size:var(--fs-base);border-color:var(--border);-webkit-backdrop-filter:none;box-shadow:none;color:var(--text);background:#ffffff0a;padding:0 13px}.feed-caption-link svg{font-size:var(--fs-base)}.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{font-size:var(--fs-xs);font-weight:var(--fw-label);color:var(--text-dim);text-shadow:none;gap:1px}.feed-rail-icon{width:40px;height:40px;font-size:var(--fs-xl);letter-spacing:var(--ls-xl);color:var(--text);-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:0}.feed-rail-btn:hover .feed-rail-icon{background:#ffffff14;border-radius:50%}.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{width:40px;height:40px;font-size:var(--fs-lg);letter-spacing:var(--ls-lg);border:1.5px solid var(--border-strong)}.feed-rail-follow{width:18px;height:18px;font-size:var(--fs-xs);background:var(--grad-blue);border:1px solid #ffffff40;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;font-size:var(--fs-lg);letter-spacing:var(--ls-lg);color:var(--text);border:1px solid var(--border);-webkit-backdrop-filter:none;box-shadow:none;background:0 0}.feed-hop:hover:not(:disabled){background:#ffffff14}.feed-hop--prev{margin-bottom:0}.feed-hop--next{width:44px;height:44px;font-size:var(--fs-xl);letter-spacing:var(--ls-xl);color:var(--text);border:1px solid var(--border);box-shadow:none;background:0 0}.feed-hop--next:hover{background:var(--surface-hover,#ffffff0f)}.feed-next-thumb{border:1px solid var(--border);border-radius:8px;width:30px;height:40px}.feed-next-emblem{font-size:var(--fs-md)}.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-hop,.feed-next-thumb{display:none}.feed-rail>*{order:5}.feed-rail>.feed-rail-leave{order:0}.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}.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:var(--fs-xl);letter-spacing:var(--ls-xl)}.feed-hop--next{width:40px;height:40px}.feed-next-thumb{width:26px;height:36px}}@media (min-width:821px){.feed-caption-detail.is-open{left:auto;right:calc(var(--surface-rail-w) + 12px);border-radius:var(--r-hero);border:1px solid var(--border);width:min(360px,38vw);max-height:72%;top:50%;bottom:auto;transform:translateY(-50%)}.feed-rail-more.is-open{flex-direction:column;top:50%;bottom:auto;right:calc(100% + 6px);transform:translateY(-50%)}.feed-cell{grid-template-areas:"stage rail";grid-template-columns:minmax(0, 1fr) var(--surface-rail-w);grid-template-rows:minmax(0,1fr)}.feed-rail{width:var(--surface-rail-w);border-top:0;border-left:1px solid var(--border-faint);flex-direction:column;justify-content:center;gap:14px;height:auto;padding:18px 0}.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-caption-links{flex-wrap:nowrap;flex:none}.feed-rail-icon,.feed-rail-avatar,.feed-hop{width:44px;height:44px}.feed-rail-icon{font-size:var(--fs-xl);letter-spacing:var(--ls-xl)}.feed-hop--next{width:48px;height:48px;font-size:var(--fs-xl);letter-spacing:var(--ls-xl)}.feed-next-thumb{border-radius:12px;width:42px;height:56px}.feed-next-emblem{font-size:var(--fs-xl);letter-spacing:var(--ls-xl)}.feed-sound-pill,.feed-lost-room{margin-left:calc(var(--surface-rail-w) / -2)}}.feed-sound-pill{height:40px;font-size:var(--fs-base);gap:8px;padding:0 18px}.feed-sound-pill .feed-sound-icon{font-size:var(--fs-lg);letter-spacing:var(--ls-lg);display:inline-flex}.price-coin{align-items:center;gap:5px;display:inline-flex}.price-coin svg{color:var(--gold)}.sysmenu-item-icon{font-size:var(--fs-lg);letter-spacing:var(--ls-lg);color:var(--text-dim);justify-content:center;align-items:center;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);font-size:var(--fs-2xl);letter-spacing:var(--ls-2xl);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.login-modal .modal-title{font-size:var(--fs-lg);font-weight:var(--fw-head);letter-spacing:-.015em}.login-terms{font-size:var(--fs-sm);color:var(--text-faint);text-align:center;margin:12px 0 0}.login-terms a{color:var(--text-dim);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease);text-decoration:underline}.login-terms a:hover{color:var(--text)}.handle-gate-card{max-width:440px}.handle-gate-card h1{font-size:var(--fs-xl);letter-spacing:var(--ls-xl)}.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:var(--fs-md);font-weight:var(--fw-label)}.handle-input input{min-width:0;color:var(--text);font-size:var(--fs-md);background:0 0;border:none;outline:none;flex:1;padding:12px 0}.handle-input input::placeholder{color:var(--text-faint)}.feed-sheet-close{font-size:var(--fs-md)}.feed-state .empty-glyph,.empty-icon svg{font-size:var(--fs-3xl);letter-spacing:var(--ls-3xl);color:var(--text-faint)}.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{font-size:var(--fs-base);color:var(--text);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}.feed-sheet-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.feed-sheet-actions .feed-rail-btn{border:1px solid var(--border);color:var(--text);border-radius:999px;flex-direction:row;gap:5px;padding:7px 10px}.feed-sound-toggle{top:max(12px, env(safe-area-inset-top,0px));z-index:7;color:#fff;-webkit-backdrop-filter:blur(8px);background:#00000073;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;right:12px}@media (max-width:820px){.feed-rail{height:48px;padding:0 8px}}.feed .sysmenu-fab,.feed-next-thumb{display:none}@media (max-width:820px){.tabbar{transition:transform var(--dur) var(--ease), opacity .16s ease}body[data-pogl-immersed] .tabbar{opacity:0;pointer-events:none;transform:translateY(calc(100% + 18px))}body[data-pogl-immersed] .feed{height:100dvh}.feed-tabbar-reveal{z-index:40;height:22px;display:none;position:fixed;bottom:0;left:0;right:0}body[data-pogl-immersed] .feed-tabbar-reveal{display:block}.feed-rail{height:44px;padding:0 6px}.feed-rail-btn{gap:0;font-size:0}.feed-rail-count{font-size:var(--fs-2xs)}}.feed-caption-detail:not(.is-open){display:none}.feed-caption-detail.is-open{background:var(--surface)}.feed-caption-detail.is-open>.feed-summary:first-of-type{padding-right:44px}.feed-sheet-actions .feed-rail-btn{font-size:var(--fs-base)}.feed-sheet-actions .feed-rail-icon{width:18px;height:18px;font-size:var(--fs-lg);letter-spacing:var(--ls-lg)}.feed-sheet-actions .feed-rail-btn:hover{background:#ffffff0f}.feed-sheet-actions .feed-rail-btn:hover .feed-rail-icon{background:0 0}@media (min-width:821px){.feed-caption-detail.is-open{animation:.16s ease-out feed-sheet-in}}@keyframes feed-sheet-in{0%{opacity:0;transform:translateY(-50%)translate(10px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.feed-rail-avatar{color:#fff;font-weight:var(--fw-head);background:#0000008c;border:1.5px solid #ffffff73}.invite-signin{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-dim);font-size:var(--fs-base);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease), color .12s ease-out;box-shadow:var(--shadow-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 4px;padding:11px 12px;line-height:1.5;display:flex}.invite-signin:hover{border-color:var(--border-strong);color:var(--text)}.invite-signin:focus-visible{outline:2px solid var(--brand-hi);outline-offset:2px}.invite-signin-text{min-width:0}.invite-signin-cta{color:var(--blue-ring);font-weight:var(--fw-head);white-space:nowrap;flex:none;align-items:center;gap:2px;display:inline-flex}.share-room{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.share-room-label{font-size:var(--fs-sm);color:var(--text-faint)}.share-room-code{font-size:var(--fs-lg);font-weight:var(--fw-head);letter-spacing:.18em;color:var(--text)}.share-body{flex-direction:column;gap:10px;margin:16px 0 18px;display:flex}.share-body:empty{display:none}.share-actions{flex-direction:column;gap:8px;display:flex}.feed-queue{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.feed-queue-title{font-size:var(--fs-md);font-weight:var(--fw-head);margin:0}.feed-queue-sub{font-size:var(--fs-base);color:var(--text-faint);font-variant-numeric:tabular-nums;margin:0}.share-url{gap:6px;display:grid}.share-url-field{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);color:var(--text-dim);cursor:text}.share-url-room{font-size:var(--fs-sm);color:var(--text-faint);font-variant-numeric:tabular-nums}.share-socials{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin-bottom:12px;display:grid}.share-social{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text-dim);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color .12s ease-out, transform .12s ease-out;box-shadow:var(--shadow-surface);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 4px 10px;line-height:1.2;display:flex;overflow:hidden}.share-social:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.share-social:focus-visible{outline:2px solid var(--brand-hi);outline-offset:2px}.share-social-ic{color:var(--text);justify-content:center;align-items:center;display:inline-flex}.room-code{font-weight:var(--fw-label);letter-spacing:.12em;font-variant-numeric:tabular-nums}.feed-hint{z-index:4;-webkit-backdrop-filter:blur(10px)saturate(1.2);color:#fff;max-width:min(92%,420px);font-size:var(--fs-base);font-weight:var(--fw-label);text-align:center;white-space:pre-line;overflow-wrap:anywhere;text-wrap:balance;-webkit-line-clamp:2;line-clamp:2;pointer-events:none;opacity:0;animation:feed-hint-in 4.2s var(--ease) forwards;background:#000000a8;border:1px solid #ffffff29;border-radius:15px;-webkit-box-orient:vertical;padding:8px 15px;line-height:1.45;display:-webkit-box;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes feed-hint-in{0%{opacity:0;transform:translate(-50%,-6px)}12%{opacity:1;transform:translate(-50%)}78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.feed-hint{animation:4.2s linear forwards feed-hint-fade}@keyframes feed-hint-fade{0%,to{opacity:0;transform:translate(-50%)}12%,78%{opacity:1;transform:translate(-50%)}}}@media (min-width:821px){.feed-rail-leave{display:none}}