.feed-page{color:#1b1b1b;color:lab(9.52% -.00000745058 0);background:radial-gradient(900px 480px at 50% -80px,#ecf6ff8c 0%,#0000 65%),linear-gradient(#fcfcfc 0%,#fff 38%,#fafafa 100%);background:radial-gradient(900px 480px at 50% -80px,lab(96.4932% -2.61772 -8.86686/.55) 0%,#0000 65%),linear-gradient(lab(99.072% -.0000298023 0) 0%,lab(100% 0 0) 38%,lab(98.26% 0 0) 100%);min-height:100vh;padding:96px 0;position:relative;overflow-x:clip}.dark .feed-page{color:#f6f3ef;color:lab(95.9576% .340849 2.25893);background:radial-gradient(900px 480px at 50% -80px,#f4f1ed0d 0%,#0000 65%),linear-gradient(#171614 0%,#141211 38%,#1b1917 100%);background:radial-gradient(900px 480px at 50% -80px,lab(95.3776% .340879 2.25897/.05) 0%,#0000 65%),linear-gradient(lab(7.22344% .544429 1.26156) 0%,lab(5.71676% .467397 1.07717) 38%,lab(8.94168% .593163 1.81394) 100%)}.dark .feed-page:before{mix-blend-mode:screen;background-image:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 3px);background-image:repeating-linear-gradient(90deg,lab(100% 0 0/.02) 0 1px,#0000 1px 3px)}.feed-page:before{pointer-events:none;mix-blend-mode:multiply;opacity:.7;content:"";background-image:repeating-linear-gradient(90deg,#00000003 0 1px,#0000 1px 3px);background-image:repeating-linear-gradient(90deg,lab(0% 0 0/.012) 0 1px,#0000 1px 3px);position:absolute;inset:0}.feed-shell{width:100%;max-width:760px;margin:0 auto;padding:0 20px;position:relative}.feed-page-header{margin-bottom:28px}.feed-heading-block h1{color:var(--web-ink);letter-spacing:-.06em;text-wrap:balance;margin:0;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-size:40px;font-weight:450;line-height:48px}.feed-heading-block p{max-width:560px;color:var(--web-ink-muted);letter-spacing:0;margin:16px 0 0;font-size:18px;font-weight:400;line-height:28px}@media (min-width:640px){.feed-heading-block h1{font-size:48px;line-height:56px}}@media (min-width:1024px){.feed-heading-block h1{font-size:56px;line-height:56px}}.feed-live-meter{color:var(--web-ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:center;gap:8px;margin-top:18px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.feed-live-meter[data-state=live] .feed-live-dot{background:#08b565;background:lab(65.0564% -54.1316 29.4693);box-shadow:0 0 0 4px #08b5652e;box-shadow:0 0 0 4px lab(65.0564% -54.1316 29.4693/.18)}.feed-live-meter[data-state=connecting] .feed-live-dot,.feed-live-meter[data-state=polling] .feed-live-dot,.feed-live-meter[data-state=disabled] .feed-live-dot{background:#007ae0;background:lab(50.0184% 1.90356 -61.1686);box-shadow:0 0 0 4px #007ae029;box-shadow:0 0 0 4px lab(50.0184% 1.90356 -61.1686/.16)}.feed-live-meter[data-state=reconnecting] .feed-live-dot{background:#d08600;background:lab(62.546% 25.2828 80.8872);box-shadow:0 0 0 4px #d086002e;box-shadow:0 0 0 4px lab(62.546% 25.2828 80.8872/.18)}.feed-live-meter[data-state=paused] .feed-live-dot{background:#868686;background:lab(55.92% -.0000298023 0);box-shadow:0 0 0 4px #86868629;box-shadow:0 0 0 4px lab(55.92% -.0000298023 0/.16)}.feed-live-dot{background:#08b565;background:lab(65.0564% -54.1316 29.4693);border-radius:999px;flex:none;width:8px;height:8px}.feed-live-dot[data-pulse]{animation:1.7s ease-in-out infinite feed-pulse}.feed-live-sep{color:var(--web-ink-muted)}.feed-pause-icon-button{width:28px;height:28px;color:var(--web-ink-muted);cursor:pointer;font:inherit;appearance:none;transition:background-color .16s ease, color .16s ease, transform .14s var(--web-ease);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin-left:4px;padding:0;display:inline-flex}.feed-pause-icon-button:active{transform:scale(.96)}.feed-live-demo{gap:18px;display:grid}.feed-tabs{border-bottom:1px solid var(--web-rule);scrollbar-width:none;gap:4px;padding:2px 0 0;display:flex;overflow-x:auto}.feed-tabs::-webkit-scrollbar{display:none}.feed-tab{color:var(--web-ink-muted);cursor:pointer;font:inherit;appearance:none;background:0 0;border:0;flex:none;align-items:baseline;gap:6px;padding:10px 6px 12px;font-size:14px;font-weight:500;line-height:20px;transition:color .16s;display:inline-flex;position:relative}.feed-tab+.feed-tab{margin-left:14px}.feed-tab:after{background:var(--web-ink);content:"";opacity:0;transform-origin:50%;height:2px;transition:opacity .18s ease, transform .22s var(--web-ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.6)}.feed-tab[data-active]{color:var(--web-ink)}.feed-tab[data-active]:after{opacity:1;transform:scaleX(1)}.feed-tab-count{color:var(--web-ink-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;line-height:16px}.feed-tab[data-active] .feed-tab-count{color:var(--web-ink)}.feed-new-items-button{border:1px solid var(--web-rule);min-height:34px;color:var(--web-ink);background:var(--web-surface);cursor:pointer;font:inherit;letter-spacing:-.02em;font-variant-numeric:tabular-nums;appearance:none;transition:border-color .16s ease, background-color .16s ease, transform .14s var(--web-ease);border-radius:999px;justify-content:center;justify-self:center;align-items:center;padding:0 14px;font-size:14px;font-weight:600;line-height:20px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6,0 10px 28px #00000014;box-shadow:inset 0 1px lab(100% 0 0/.9),0 10px 28px lab(0% 0 0/.08)}.feed-new-items-button:active{transform:scale(.98)}.feed-list{border:1px solid var(--web-rule);background:var(--web-surface);border-radius:18px;overflow:clip;box-shadow:inset 0 1px #ffffffd9,0 22px 64px #0000000f;box-shadow:inset 0 1px lab(100% 0 0/.85),0 22px 64px lab(0% 0 0/.06)}.feed-live-demo-skeleton .feed-list{box-shadow:none}.feed-event-card{border-bottom:1px solid var(--web-rule);background:var(--web-surface);contain:layout paint style;transform-origin:top;gap:14px;padding:16px 18px;display:flex;position:relative}.feed-event-card:last-child{border-bottom:0}.feed-event-card:before{content:"";opacity:0;transform-origin:50%;width:3px;transition:opacity .22s ease, transform .24s var(--web-ease);border-radius:0 999px 999px 0;position:absolute;top:14px;bottom:14px;left:0;transform:scaleY(.74)}.feed-event-card[data-fresh]:before{opacity:1;transform:scaleY(1)}.feed-event-card[data-tone=emerald]:before{background:var(--tone-emerald)}.feed-event-card[data-tone=emerald][data-fresh]{background:linear-gradient(90deg, var(--tone-emerald-soft) 0%, var(--web-surface) 38%)}.feed-event-card[data-tone=sky]:before{background:var(--tone-sky)}.feed-event-card[data-tone=sky][data-fresh]{background:linear-gradient(90deg, var(--tone-sky-soft) 0%, var(--web-surface) 38%)}.feed-event-card[data-tone=rose]:before{background:var(--tone-rose)}.feed-event-card[data-tone=rose][data-fresh]{background:linear-gradient(90deg, var(--tone-rose-soft) 0%, var(--web-surface) 38%)}.feed-event-card[data-tone=amber]:before{background:var(--tone-amber)}.feed-event-card[data-tone=amber][data-fresh]{background:linear-gradient(90deg, var(--tone-amber-soft) 0%, var(--web-surface) 38%)}.feed-event-card[data-tone=violet]:before{background:var(--tone-violet)}.feed-event-card[data-tone=violet][data-fresh]{background:linear-gradient(90deg, var(--tone-violet-soft) 0%, var(--web-surface) 38%)}.feed-event-card[data-tone=slate]:before{background:var(--tone-slate)}.feed-event-card[data-tone=slate][data-fresh]{background:linear-gradient(90deg, var(--tone-slate-soft) 0%, var(--web-surface) 38%)}.feed-event-logo{border:1px solid var(--web-rule);background:var(--web-surface-soft);width:44px;height:44px;color:var(--web-ink-muted);letter-spacing:-.02em;border-radius:12px;flex:0 0 44px;place-items:center;font-size:14px;font-weight:600;line-height:20px;display:grid;overflow:hidden}.feed-event-logo img{object-fit:cover;width:100%;height:100%}.feed-event-body{flex:auto;min-width:0}.feed-event-kicker{color:var(--web-ink-muted);flex-wrap:wrap;align-items:center;gap:0;font-size:13px;line-height:18px;display:flex}.feed-event-kicker>*+:before{color:var(--web-ink-muted);content:"·";margin:0 7px}.feed-event-app-link{color:var(--web-ink);overflow-wrap:anywhere;font-weight:600;text-decoration:none}.feed-event-app-name{color:var(--web-ink);overflow-wrap:anywhere;font-weight:600}.feed-event-kicker time{font-variant-numeric:tabular-nums}.feed-event-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:4px;display:flex}.feed-event-title-row h2{color:var(--web-ink);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:500;line-height:24px}.feed-event-group{color:var(--web-ink-muted);background:var(--web-surface-soft);border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-weight:500;line-height:16px}.feed-event-body p{color:var(--web-ink-muted);margin:6px 0 0;font-size:14px;line-height:20px}.feed-event-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.feed-event-chips span{border:1px solid var(--web-rule);min-height:22px;color:var(--web-ink-muted);background:var(--web-surface-soft);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.feed-empty-state{min-height:120px;color:var(--web-ink-muted);text-align:center;place-items:center;padding:28px;font-size:14px;font-weight:500;line-height:20px;display:grid}.feed-pause-icon-button:focus-visible,.feed-tab:focus-visible,.feed-new-items-button:focus-visible,.feed-event-app-link:focus-visible{outline:2px solid var(--web-focus);outline-offset:3px;border-radius:6px}@keyframes feed-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.18)}}@media (hover:hover) and (pointer:fine){.feed-pause-icon-button:hover{color:var(--web-ink);background:var(--web-surface-soft)}.feed-tab:hover{color:var(--web-ink)}.feed-new-items-button:hover{border-color:var(--web-rule-strong);background:var(--web-surface-soft)}.feed-event-app-link:hover{text-underline-offset:3px;text-decoration:underline}}@media (max-width:720px){.feed-page{padding:72px 0 64px}.feed-shell{padding:0 16px}.feed-heading-block p{margin-top:12px}.feed-list{border-radius:16px}.feed-event-card{padding:14px}.feed-event-logo{border-radius:11px;flex-basis:40px;width:40px;height:40px}.feed-event-title-row{flex-direction:column;align-items:flex-start;gap:6px}.feed-tab+.feed-tab{margin-left:10px}}@media (prefers-reduced-motion:reduce){.feed-tab,.feed-tab:after,.feed-pause-icon-button,.feed-new-items-button,.feed-event-card:before{transition-duration:0s}.feed-live-dot[data-pulse],.feed-live-demo-skeleton [data-slot=skeleton]{animation:none}}
