body .feed{--surface-rail-w:88px;--feed-row-h:48px}body .feed-wrap{position:relative}body .feed{height:calc(100dvh - var(--safe-top) - var(--esc-banner-h,0px) - var(--app-banner-h,0px));scroll-snap-type:y mandatory;overscroll-behavior-y:contain;background:var(--bg);overflow-y:auto}@media (max-width:820px){body .feed{height:calc(100dvh - var(--safe-top) - var(--tabbar-h) - env(safe-area-inset-bottom,0px) - var(--esc-banner-h,0px) - var(--app-banner-h,0px))}html body[data-pogl-immersed] .feed,html[data-game-keyboard] body .feed{height:calc(100dvh - var(--safe-top) - var(--esc-banner-h,0px) - var(--app-banner-h,0px))}html[data-game-keyboard] body .feed .feed-rail,html[data-game-keyboard] body .feed .feed-guest-save{display:none}}body .feed .feed-cell{scroll-snap-align:start;scroll-snap-stop:always;background:var(--bg);grid-template-rows:minmax(0,1fr) auto auto;grid-template-areas:"stage""notice""rail";height:100%;display:grid;position:relative;overflow:hidden}body .feed .feed-stage{background:var(--stage);grid-area:stage;min-height:0;position:relative;overflow:hidden}body .feed .feed-frame{position:absolute;inset:0}body .feed .feed-state{color:var(--muted);font-size:var(--fs-md);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}body .feed .feed-state strong{color:var(--fg)}body .feed .feed-state-glyph{color:var(--faint)}body .feed .feed-stage .feed-state{color:color-mix(in srgb, var(--stage-fg) 72%, transparent)}body .feed .feed-stage .feed-state strong{color:var(--stage-fg)}body .feed .feed-stage .feed-state-glyph{color:color-mix(in srgb, var(--stage-fg) 55%, transparent)}body .feed .feed-queue{text-align:center;gap:10px;padding:24px}body .feed .feed-queue-title{font-size:var(--fs-md);font-weight:var(--fw-head);color:var(--ov-fg);margin:0}body .feed .feed-queue-sub{font-size:var(--fs-base);font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--ov-fg) 60%, transparent);margin:0}body .feed .sysmenu-fab,body .feed .feed-next-thumb{display:none}body .feed .feed-guest-save{border:0;border-top:1px solid color-mix(in srgb, var(--gold) 35%, transparent);background:color-mix(in srgb, var(--gold) 14%, transparent);min-width:0;height:38px;color:color-mix(in srgb, var(--gold) 68%, var(--fg));font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-label);cursor:pointer;grid-area:notice;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:flex}body .feed .feed-guest-save svg{flex:none}body .feed .feed-guest-save-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}body .feed .feed-guest-save-cta{color:inherit;text-underline-offset:3px;flex:none;font-weight:600;text-decoration:underline}body .feed .feed-guest-save:hover .feed-guest-save-cta{text-decoration-thickness:2px}body .feed .feed-rail{z-index:5;width:auto;height:var(--feed-row-h);background:var(--bg);border:0;flex-direction:row;grid-area:rail;justify-content:flex-start;align-items:center;gap:2px;padding:0 10px 0 12px;display:flex;position:relative;inset:auto}@media (max-width:820px){html body[data-pogl-immersed] .feed .feed-rail{height:calc(var(--feed-row-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}body .feed .feed-rail>*{order:5}body .feed .feed-rail>.feed-rail-leave{order:0}body .feed .feed-rail>[data-rail=like]{order:1}body .feed .feed-rail>[data-rail=comments]{order:2}body .feed .feed-rail>[data-rail=replay]{order:3}body .feed .feed-rail>[data-rail=share]{order:4}body .feed .feed-rail>[data-rail=creator]{order:6}body .feed .feed-rail>.feed-hop--next{order:7}body .feed .feed-rail>.feed-rail-overflow{order:8}html body .feed .feed-rail{justify-content:flex-start}html body .feed .feed-rail>[data-rail=creator]{margin-left:auto;margin-right:6px}html body .feed .feed-rail>.feed-hop--next{margin-right:6px}html body .feed .feed-rail .feed-rail-btn{min-width:40px;font-size:var(--fs-md);gap:5px;padding:0 6px}html body .feed .feed-rail .feed-rail-count{color:var(--muted);font-size:var(--fs-md);font-weight:var(--fw-label)}html body .feed .feed-rail .feed-rail-btn.is-on .feed-rail-count{color:inherit}html body .feed .feed-rail .feed-rail-face,html body .feed .feed-rail .feed-rail-creator{height:34px}html body .feed .feed-rail .feed-rail-avatar{width:34px;height:34px}html body .feed .feed-rail .feed-rail-follow{width:18px;height:18px}}body .feed .feed-rail .feed-rail-btn{min-width:0;height:36px;min-height:0;color:var(--fg);font:inherit;font-size:14px;font-weight:var(--fw-body);font-variant-numeric:tabular-nums;text-shadow:none;cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:4px;margin:0;padding:0 8px;line-height:1;display:flex}body .feed .feed-rail .feed-rail-icon{width:22px;height:22px;box-shadow:none;-webkit-backdrop-filter:none;color:inherit;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}body .feed .feed-rail .feed-rail-icon svg{width:22px;height:22px}body .feed .feed-rail .feed-rail-btn:active .feed-rail-icon{transform:scale(.92)}body .feed .feed-rail .feed-rail-count{font-variant-numeric:tabular-nums}body .feed .feed-rail .feed-rail-label{display:none}body .feed .feed-rail .feed-rail-btn.is-on,body .feed .feed-rail .feed-rail-icon.is-on{color:var(--fg);background:0 0;border:0}body .feed .feed-rail .feed-hop{width:auto;min-width:0;height:36px;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;color:var(--fg);cursor:pointer;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;line-height:1;display:flex}body .feed .feed-rail .feed-hop svg{width:22px;height:22px}body .feed .feed-rail .feed-hop:active:not(:disabled){transform:scale(.92)}body .feed .feed-rail .feed-hop:disabled{opacity:.35;cursor:default}body .feed .feed-rail .feed-hop:hover:not(:disabled){filter:none;background:0 0}@media (max-width:820px){body .feed .feed-rail>.feed-hop--prev{display:none}}body .feed .feed-rail .feed-rail-creator{flex-direction:row;height:36px;margin-bottom:0;padding:0}body .feed .feed-rail .feed-rail-face{align-items:center;height:36px;line-height:0;display:inline-flex;position:relative}body .feed .feed-rail .feed-rail-face>.pgav-link,body .feed .feed-rail .feed-rail-face>.pgav{line-height:0;display:inline-flex}body .feed .feed-rail .feed-rail-avatar{background:var(--soft2);width:36px;height:36px;color:var(--ov-fg);font-size:var(--fs-lg);font-weight:var(--fw-label);border:0}body .feed .feed-rail .feed-rail-follow{z-index:2;border:2px solid var(--bg);background:var(--accent);width:16px;height:16px;color:var(--accent-fg);cursor:pointer;transition:transform var(--dur-fast) var(--ease);border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;inset:auto -3px -3px auto;transform:none}body .feed .feed-rail .feed-rail-follow svg{stroke-width:2.8px;width:10px;height:10px}body .feed .feed-rail .feed-rail-follow:active:not(:disabled){transform:scale(.9)}body .feed .feed-rail .feed-rail-follow.is-sent{background:var(--live);color:var(--accent-fg);cursor:default}body .feed .feed-rail .feed-rail-duo{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;line-height:0;display:inline-flex}body .feed .feed-rail .feed-rail-duo>.pgav:first-child{margin-right:-14px}body .feed .feed-rail .feed-rail-duo>.pgav:last-child{z-index:1}body .feed .feed-rail .feed-rail-duo>.pgav:last-child .feed-rail-avatar{box-shadow:0 0 0 2px var(--bg)}@media (max-width:820px){body .feed .feed-stage:before,body .feed .feed-stage:after{content:none}}@media (min-width:821px){body .feed .feed-cell{grid-template-areas:"stage rail""notice rail";grid-template-columns:minmax(0, 1fr) var(--surface-rail-w);grid-template-rows:minmax(0,1fr) auto}body .feed .feed-rail{width:var(--surface-rail-w);border:0;flex-direction:column;justify-content:center;gap:18px;height:auto;padding:18px 0}body .feed .feed-rail .feed-rail-btn{width:auto;height:auto;color:var(--muted);border-radius:0;flex-direction:column;gap:4px;padding:0;font-size:12px;line-height:1.2}body .feed .feed-rail .feed-rail-icon{background:var(--soft);width:48px;height:48px;color:var(--fg)}body .feed .feed-rail .feed-rail-icon svg{width:20px;height:20px}body .feed .feed-rail .feed-rail-btn:hover .feed-rail-icon{background:var(--soft2)}body .feed .feed-rail .feed-rail-icon.is-on{background:var(--soft);color:var(--fg)}body .feed .feed-rail .feed-rail-btn:hover .feed-rail-icon.is-on{background:var(--soft2)}body .feed .feed-rail .feed-rail-label,body .feed .feed-rail .feed-rail-count{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:84px;color:inherit;font-size:12px;line-height:1.2;display:block;overflow:hidden}body .feed .feed-rail .feed-hop{background:var(--soft);width:48px;height:48px;color:var(--fg);border-radius:50%;padding:0}body .feed .feed-rail .feed-hop svg{width:20px;height:20px}body .feed .feed-rail .feed-hop:hover:not(:disabled){background:var(--soft2)}body .feed .feed-rail>.feed-hop--prev{margin-bottom:0;display:flex}body .feed .feed-rail .feed-rail-creator{flex-direction:column;height:auto}body .feed .feed-rail .feed-rail-face{height:48px}body .feed .feed-rail .feed-rail-avatar{width:48px;height:48px;font-size:var(--fs-xl)}body .feed .feed-rail .feed-rail-follow{width:20px;height:20px;bottom:-4px;left:50%;right:auto;transform:translate(-50%)}body .feed .feed-rail .feed-rail-follow svg{width:12px;height:12px}body .feed .feed-rail .feed-rail-follow:active:not(:disabled){transform:translate(-50%)scale(.9)}body .feed .feed-rail .feed-rail-duo>.pgav:first-child{margin-right:-18px}}body .feed .feed-swipe-hint{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:8px;animation:1.6s ease-in-out infinite feed-swipe-bob;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}body .feed .feed-swipe-hint--click{appearance:none;color:inherit;font:inherit;pointer-events:auto;cursor:pointer;animation:feed-swipe-hint-in var(--dur) var(--ease) both, feed-swipe-bob 1.6s ease-in-out infinite;background:0 0;border:0;padding:0}body .feed .feed-swipe-hint--click:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}body .feed .feed-swipe-hint-card{border:1px solid color-mix(in srgb, var(--ov-fg) 28%, transparent);background:var(--ov-bg);width:56px;height:74px;box-shadow:0 10px 28px color-mix(in srgb, var(--canvas) 55%, transparent);transition:border-color var(--dur-fast) var(--ease);border-radius:10px;display:block;overflow:hidden}body .feed .feed-swipe-hint-card img{object-fit:cover;width:100%;height:100%;display:block}body .feed .feed-swipe-hint-card .feed-next-emblem{width:100%;height:100%;font-size:var(--fs-xl);place-items:center;display:grid}body .feed .feed-swipe-hint-text{border:1px solid var(--ov-line);background:var(--ov-bg);-webkit-backdrop-filter:blur(10px)saturate(1.2);color:var(--ov-fg);font-size:var(--fs-sm);font-weight:var(--fw-label);white-space:nowrap;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:999px;align-items:center;gap:5px;padding:7px 12px;display:inline-flex}body .feed .feed-swipe-hint--click:hover .feed-swipe-hint-text{background:color-mix(in srgb, var(--canvas) 82%, transparent);border-color:color-mix(in srgb, var(--ov-fg) 34%, transparent)}body .feed .feed-swipe-hint--click:hover .feed-swipe-hint-card{border-color:color-mix(in srgb, var(--ov-fg) 50%, transparent)}@media (min-width:821px){body .feed .feed-swipe-hint{bottom:18px}}@keyframes feed-swipe-hint-in{0%{opacity:0}to{opacity:1}}@keyframes feed-swipe-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}@media (prefers-reduced-motion:reduce){body .feed .feed-swipe-hint{animation:none}body .feed .feed-swipe-hint--click{animation:feed-swipe-hint-in var(--dur) var(--ease) both}}body .feed .feed-resume{z-index:5;border:1px solid var(--ov-line);background:color-mix(in srgb, var(--canvas) 86%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.2);max-width:420px;min-height:64px;box-shadow:0 10px 28px color-mix(in srgb, var(--canvas) 50%, transparent);color:var(--ov-fg);animation:feed-swipe-hint-in var(--dur) var(--ease) both;border-radius:16px;align-items:center;gap:12px;margin-inline:auto;padding:10px 8px 10px 10px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}body .feed .feed-resume-thumb{background:color-mix(in srgb, var(--ov-fg) 10%, transparent);border-radius:10px;flex:none;width:44px;height:44px;overflow:hidden}body .feed .feed-resume-thumb img{object-fit:cover;width:100%;height:100%;display:block}body .feed .feed-resume-thumb .feed-next-emblem{width:100%;height:100%;font-size:var(--fs-lg);place-items:center;display:grid}body .feed .feed-resume-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}body .feed .feed-resume-label{font-size:var(--fs-sm);color:color-mix(in srgb, var(--ov-fg) 70%, transparent);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}body .feed .feed-resume-title{font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}body .feed .feed-resume-cta{background:color-mix(in srgb, var(--ov-fg) 18%, transparent);height:36px;color:var(--ov-fg);font-size:var(--fs-md);transition:background var(--dur-fast) var(--ease);border-radius:999px;flex:none;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}body .feed .feed-resume-cta:hover{background:color-mix(in srgb, var(--ov-fg) 26%, transparent)}body .feed .feed-resume-close{width:32px;height:32px;color:color-mix(in srgb, var(--ov-fg) 72%, transparent);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}body .feed .feed-resume-close:hover{background:color-mix(in srgb, var(--ov-fg) 10%, transparent);color:var(--ov-fg)}@media (min-width:821px){body .feed .feed-resume{bottom:18px}}body .feed .challenge-banner{top:10px;left:calc(54px + env(safe-area-inset-left,0px));z-index:21;border:1px solid var(--ov-line);background:color-mix(in srgb, var(--canvas) 70%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.35);max-width:420px;color:var(--ov-fg);animation:challenge-banner-in var(--dur) var(--ease) both;border-radius:14px;align-items:center;gap:10px;padding:8px 6px 8px 12px;display:flex;position:absolute;right:10px}body .feed .challenge-banner-ic{background:color-mix(in srgb, var(--gold) 20%, transparent);width:28px;height:28px;color:var(--gold);border-radius:50%;flex:none;place-items:center;display:grid}body .feed .challenge-banner-text{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}body .feed .challenge-banner-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}body .feed .challenge-banner-text span{color:color-mix(in srgb, var(--ov-fg) 72%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}body .feed .challenge-banner-close{width:32px;height:32px;color:color-mix(in srgb, var(--ov-fg) 72%, transparent);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}body .feed .challenge-banner-close:hover{background:color-mix(in srgb, var(--ov-fg) 10%, transparent);color:var(--ov-fg)}@keyframes challenge-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){body .feed .challenge-banner{animation:none}}body .sk-feed .sk-feed-rail{gap:2px;padding:0 10px 0 12px}body .sk-feed .sk-feed-rail .sk-feed-chip{margin:0 8px;width:22px!important;height:22px!important}@media (min-width:821px){body .sk-feed .sk-feed-rail{gap:18px;padding:0}body .sk-feed .sk-feed-rail .sk-feed-chip{margin:0;width:48px!important;height:48px!important}html body .feed .feed-rail .feed-rail-face:has(.feed-rail-duo){height:48px}html body .feed .feed-rail .feed-rail-duo .feed-rail-avatar{width:40px;height:40px;font-size:var(--fs-lg)}html body .feed .feed-rail .feed-rail-duo>.pgav:first-child{margin-right:-14px}html body .feed .feed-rail .feed-rail-face:has(.feed-rail-duo) .feed-rail-follow{width:18px;height:18px;bottom:-2px;left:auto;right:-4px;transform:none}html body .feed .feed-rail .feed-rail-face:has(.feed-rail-duo) .feed-rail-follow:active:not(:disabled){transform:scale(.9)}}