@property --score{syntax:"<integer>";inherits:false;initial-value:0}.night-stage{--cycle:9s;--gutter:.875rem;--columns:1;--stage-pad-inline:.75rem;--brief-width:100%;--col-w:calc((100% - (var(--columns) + 1) * var(--gutter)) / var(--columns));--brief-left:var(--stage-pad-inline);isolation:isolate;border:1px solid var(--color-line);border-radius:var(--radius-window);background-color:var(--color-page);padding:12.5rem var(--stage-pad-inline) var(--stage-pad-inline);position:relative;overflow:hidden}.night-stage [data-spark-index="0"]{--spark-delay:.3s}.night-stage [data-spark-index="1"]{--spark-delay:1.2s}.night-stage [data-spark-index="2"]{--spark-delay:2.1s}.night-stage__brief{z-index:1;width:var(--brief-width);margin-inline-start:auto;position:relative}.night-feed{pointer-events:none;position:absolute;inset:0}.night-feed__columns{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));column-gap:var(--gutter);padding-inline:var(--gutter);display:grid;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 9% 86%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 9% 86%,#0000 100%)}.night-feed__column{flex-direction:column;align-self:start;display:flex}.night-feed__column:nth-child(n+2){display:none}.night-feed__column:nth-child(2){--drift:64s;--drift-delay:-21s}.night-feed__column:nth-child(3){--drift:52s;--drift-delay:-9s}.night-feed__column:nth-child(4){--drift:70s;--drift-delay:-33s}.night-feed__card{border:1px solid var(--color-line);border-radius:var(--radius-card);background-color:var(--color-surface);color:var(--color-muted);opacity:.5;margin-block-end:var(--gutter);padding:.875rem;font-size:.875rem;line-height:1.5}.night-feed__meta{font-family:var(--font-data);font-size:var(--text-xs);color:var(--color-faint);align-items:center;gap:.5rem;margin-block-end:.5rem;display:flex}.night-feed__meta:before{content:"";background-color:var(--color-fg);border-radius:999px;block-size:.5rem;inline-size:.5rem}.night-feed__card[data-platform=reddit] .night-feed__meta:before{background-color:var(--color-reddit)}.night-feed__column:nth-child(2){margin-block-start:-3rem}.night-feed__column:nth-child(4){margin-block-start:-6rem}.night-feed__scan{opacity:0;position:absolute;inset:0}.night-feed__scan:before{content:"";inset-inline:0;background-color:var(--color-accent);opacity:.6;height:1px;position:absolute;top:0}.night-feed__spark-path{--spark-col:0;--origin-x:calc(var(--gutter) + var(--spark-col) * (var(--col-w) + var(--gutter)));--target-x:calc(var(--brief-left) + 1.25rem);z-index:2;position:absolute;inset:0}.night-feed__spark-path:not([data-spark-index="0"]){display:none}.night-feed__spark-path[data-spark-index="0"]{--origin-y:3.25rem;--target-y:19rem}.night-feed__spark{left:var(--origin-x);top:var(--origin-y);width:var(--col-w);border:1px solid var(--color-line-strong);border-radius:var(--radius-card);background-color:var(--color-surface);color:var(--color-fg);transform-origin:0 0;padding:.875rem;font-size:.875rem;line-height:1.5;position:absolute}.night-feed__spark-ring{border:1px solid var(--color-accent);border-radius:inherit;position:absolute;inset:-1px}.night-feed__score{--score:var(--score-target);counter-reset:score var(--score)}.night-feed__score:after{content:counter(score)}.night-feed__label{z-index:3;border:1px solid var(--color-line);background-color:var(--color-page);color:var(--color-faint);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .625rem;display:inline-flex;position:absolute;top:.875rem;left:1rem}.night-feed__landing{z-index:-1;opacity:0;pointer-events:none;background-color:var(--color-raised);box-shadow:inset 2px 0 0 var(--color-accent);position:absolute;inset:0}@media (min-width:40rem){.night-stage{--columns:3;--stage-pad-inline:2rem;--brief-width:min(30rem, 62%);--brief-left:calc(100% - var(--stage-pad-inline) - var(--brief-width));padding-block:3rem}.night-feed__column:nth-child(-n+3){display:flex}.night-feed__spark-path:not([data-spark-index="0"]){display:block}.night-feed__spark-path[data-spark-index="0"]{--origin-y:9%;--target-y:25%}.night-feed__spark-path[data-spark-index="1"]{--origin-y:33%;--target-y:44%}.night-feed__spark-path[data-spark-index="2"]{--origin-y:57%;--target-y:62%}}@media (min-width:64rem){.night-stage{--columns:4;--stage-pad-inline:3rem;--brief-width:min(33rem, 46%);padding-block:3.5rem}.night-feed__column{display:flex}.night-feed__spark-path[data-spark-index="1"]{--spark-col:1;--origin-y:30%}.night-feed__spark-path[data-spark-index="2"]{--origin-y:55%}}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=paused]) .night-feed__column{animation:night-drift var(--drift,58s) linear var(--drift-delay,0s) infinite}:root:not([data-motion=paused]) .night-feed__scan{animation:night-scan var(--cycle) linear infinite}:root:not([data-motion=paused]) .night-feed__spark-path{animation:night-travel var(--cycle) var(--ease-out-expo) var(--spark-delay) infinite both}:root:not([data-motion=paused]) .night-feed__spark{animation:night-ignite var(--cycle) var(--ease-out-expo) var(--spark-delay) infinite both}:root:not([data-motion=paused]) .night-feed__spark-ring{animation:night-ring var(--cycle) ease-out var(--spark-delay) infinite both}:root:not([data-motion=paused]) .night-feed__score{animation:night-score var(--cycle) var(--ease-out-expo) var(--spark-delay) infinite both}:root:not([data-motion=paused]) .night-feed__spark .match-highlight__fill{animation:night-sweep var(--cycle) var(--ease-out-expo) calc(var(--spark-delay) + var(--word-index,0) * 40ms) infinite both}:root:not([data-motion=paused]) .night-feed__landing{animation:night-land var(--cycle) ease-out var(--spark-delay) infinite both}.night-stage[data-offscreen=true] *,.night-stage[data-offscreen=true] :before,.night-stage[data-offscreen=true] :after{animation-play-state:paused!important}}@keyframes night-drift{to{transform:translateY(calc(-100% / var(--feed-copies,2)))}}@keyframes night-scan{0%{opacity:0;transform:translateY(0)}3%,34%{opacity:1}40%,to{opacity:0;transform:translateY(100%)}}@keyframes night-travel{0%,42%{translate:0}56%,57.9%{translate:calc(var(--target-x) - var(--origin-x)) calc(var(--target-y) - var(--origin-y))}58%,to{translate:0}}@keyframes night-ignite{0%{opacity:0;scale:1}5%,9%{opacity:.5}13%,42%{opacity:1;scale:1}53%{opacity:1;scale:.6}57.9%{opacity:0;scale:.6}58%,to{opacity:0;scale:1}}@keyframes night-ring{0%,9%{opacity:0}14%,48%{opacity:1}56%,to{opacity:0}}@keyframes night-score{0%,10%{--score:0}20%,to{--score:var(--score-target)}}@keyframes night-sweep{0%,11%{scale:0 1}16%,to{scale:1}}@keyframes night-land{0%,53%{opacity:0}58%{opacity:1}76%,to{opacity:0}}.bento-grow,.bento-scrub{transform-origin:0}.bento-scrub{scale:.42 1}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=paused]) [data-reveal=pending] .bento-rise{opacity:0;translate:0 10px}:root:not([data-motion=paused]) [data-reveal=shown] .bento-rise{transition:opacity .5s var(--ease-out-expo), translate .5s var(--ease-out-expo);transition-delay:calc(.22s + var(--i,0) * .12s)}:root:not([data-motion=paused]) [data-reveal=pending] .bento-grow{scale:0 1}:root:not([data-motion=paused]) [data-reveal=shown] .bento-grow{transition:scale .9s var(--ease-out-expo);transition-delay:calc(.26s + var(--i,0) * .12s)}:root:not([data-motion=paused]) .bento-caret{animation:1.1s step-end infinite bento-blink}:root:not([data-motion=paused]) .bento-scrub{animation:7s linear infinite bento-scrub}}@keyframes bento-blink{50%{opacity:0}}@keyframes bento-scrub{0%{scale:0 1}to{scale:1}}