.feed-page{--feed-bg:#000;--feed-surface:#0a0a0a;--feed-green:var(--light-green,#1bff4c);--feed-green-text:#052e10;--feed-border:#ffffff1a;--feed-muted:#ffffff80;--feed-glass:#000000b8;background-color:var(--feed-bg);background-image:radial-gradient(120% 80% at 50% -30%,#1bff4c1f,#0000 55%),radial-gradient(60% 40% at 100% 100%,#1bff4c0a,#0000 50%);min-height:100vh;padding-bottom:6rem;position:relative;overflow-x:hidden}.feed-page__inner{width:min(100%,720px);margin:0 auto;padding:1rem 1rem 0}@media (min-width:768px){.feed-page__inner{padding:1.5rem 1.5rem 0}}.feed-status{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:0 .15rem;display:flex}.feed-status__pulse{background:var(--feed-green);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite feedPulse;box-shadow:0 0 10px #1bff4ccc}@keyframes feedPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.feed-status__label{letter-spacing:.14em;text-transform:uppercase;color:var(--feed-green);font-size:.7rem;font-weight:700}.feed-status__count{color:var(--feed-muted);letter-spacing:.04em;margin-left:auto;font-size:.75rem;font-weight:600}.feed-trending{margin-bottom:1.5rem}.feed-trending__head{justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:0 .2rem;display:flex}.feed-trending__label{letter-spacing:.2em;text-transform:uppercase;color:var(--feed-muted);margin:0;font-size:.7rem;font-weight:700}.feed-trending__index{color:#ffffff59;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:600}.feed-trending__progress{background:#ffffff14;border-radius:999px;height:2px;margin-bottom:1rem;overflow:hidden}.feed-trending__progress-fill{background:var(--feed-green);border-radius:inherit;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #1bff4c80}.feed-trending__track{--feed-slide-w:min(85vw, 400px);--feed-track-gutter:1rem;scroll-snap-type:x mandatory;scroll-padding-inline:var(--feed-track-gutter);padding-bottom:.35rem;padding-left:var(--feed-track-gutter);padding-right:var(--feed-track-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1rem;margin:0 -1rem;display:flex;overflow-x:auto}.feed-trending__track:after{content:"";width:max(0px, calc(100% - var(--feed-slide-w) - var(--feed-track-gutter) * 2));pointer-events:none;flex:none;height:1px}.feed-trending__track::-webkit-scrollbar{display:none}.feed-slide{width:var(--feed-slide-w,min(85vw, 400px));aspect-ratio:16/10;scroll-snap-align:start;border:1px solid var(--feed-border);border-radius:1rem;flex:none;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 0 24px #1bff4c1f}.feed-slide:hover{border-color:#1bff4c59;transform:translateY(-2px);box-shadow:0 0 32px #1bff4c38}.feed-slide__media{position:absolute;inset:0}.feed-slide__image{object-fit:cover}.feed-slide__shade{background:linear-gradient(#0000 0%,#00000080 58%,#000000f2 100%);position:absolute;inset:0}.feed-slide__body{flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.15rem 1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.feed-slide__badge{letter-spacing:.12em;text-transform:uppercase;color:var(--feed-green);background:#1bff4c1f;border:1px solid #1bff4c59;border-radius:.2rem;padding:.2rem .45rem;font-size:.625rem;font-weight:800}.feed-slide__badge--active{background:var(--feed-green);border-color:var(--feed-green);color:var(--feed-green-text)}.feed-slide__title{color:#fff;text-shadow:0 2px 12px #000000a6;margin:0;font-size:clamp(1.05rem,3.8vw,1.2rem);font-weight:700;line-height:1.25}.feed-trending__dots{justify-content:center;gap:.35rem;margin-top:.85rem;display:flex}.feed-trending__dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .25s,transform .25s}.feed-trending__dot--active{background:var(--feed-green);transform:scale(1.2)}.feed-toolbar{z-index:90;background:var(--feed-glass);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff0f;border-radius:1rem;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex;position:sticky;top:68px}@media (min-width:768px){.feed-toolbar{top:76px}}.feed-search{position:relative}.feed-search__icon{width:18px;height:18px;color:var(--feed-green);opacity:.7;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.feed-search__input{box-sizing:border-box;border:1px solid var(--feed-border);color:#fff;background:#ffffff0d;border-radius:999px;width:100%;padding:.9rem 1.1rem .9rem 2.85rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.feed-search__input::placeholder{color:#fff6}.feed-search__input:focus{border-color:var(--feed-green);outline:none;box-shadow:0 0 0 2px #1bff4c33}.feed-filters{scrollbar-width:none;gap:.5rem;padding-bottom:.15rem;display:flex;overflow-x:auto}.feed-filters::-webkit-scrollbar{display:none}.feed-filter{border:1px solid var(--feed-border);color:#ffffffc7;cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:999px;flex-shrink:0;padding:.55rem 1.15rem;font-size:.85rem;font-weight:500;transition:all .25s}.feed-filter:hover{color:#fff;background:#ffffff1a}.feed-filter--active{background:var(--feed-green);border-color:var(--feed-green);color:var(--feed-green-text);font-weight:700;box-shadow:0 0 16px #1bff4c59}.feed-stream{padding:0 0 2rem}.feed-stream__head{justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;padding:0 .15rem;display:flex}.feed-stream__title{letter-spacing:.2em;text-transform:uppercase;color:var(--feed-muted);margin:0;font-size:.7rem;font-weight:700}.feed-stream__list{grid-template-columns:1fr;gap:1.25rem;display:grid}.feed-stream__list--loading{min-height:200px}@media (min-width:900px){.feed-page__inner{width:min(100%,1100px)}.feed-stream__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.feed-stream__list .feed-article-card:only-child,.feed-stream__list .feed-article-card:not(:only-child):last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:100%;max-width:600px}}.feed-pagination{border-top:1px solid #ffffff14;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.feed-pagination__summary{color:var(--feed-muted);text-align:center;margin:0;font-size:.8rem}.feed-pagination__summary span{color:#ffffffd9;font-weight:600}.feed-pagination__app-hint{color:var(--feed-green);font-weight:600}.feed-pagination__controls{justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:100%;display:flex}.feed-pagination__nav{border:1px solid var(--feed-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.feed-pagination__nav:hover:not(:disabled){border-color:var(--feed-green);color:var(--feed-green)}.feed-pagination__nav:disabled{opacity:.35;cursor:not-allowed}.feed-pagination__nav-icon{font-size:1.1rem;line-height:1}.feed-pagination__pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;display:none}.feed-pagination__page{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.875rem;font-weight:600;transition:all .2s}.feed-pagination__page:hover:not(:disabled){color:#fff;background:#ffffff14}.feed-pagination__page--active{background:var(--feed-green);color:var(--feed-green-text);border-color:var(--feed-green);box-shadow:0 0 12px #1bff4c59}.feed-pagination__page:disabled{cursor:not-allowed}.feed-pagination__ellipsis{color:var(--feed-muted);-webkit-user-select:none;user-select:none;padding:0 .25rem}.feed-pagination__mobile-status{color:#ffffff8c;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:600}@media (min-width:640px){.feed-pagination__mobile-status{display:none}.feed-pagination__pages{display:flex}.feed-pagination__controls{gap:.65rem}}@media (max-width:639px){.feed-pagination__nav-label{display:none}.feed-pagination__nav{padding:.55rem .75rem}.feed-pagination__controls{justify-content:space-between}}.feed-article-card{background:var(--feed-surface);opacity:0;border:1px solid #1bff4c1a;border-radius:.85rem;transition:border-color .3s,box-shadow .3s;animation:.65s cubic-bezier(.22,.9,.32,1) forwards feedCardIn;overflow:hidden;transform:translateY(16px)}.feed-article-card:hover{border-color:#1bff4c47;box-shadow:0 8px 32px #00000073}@keyframes feedCardIn{to{opacity:1;transform:translateY(0)}}.feed-article-card__media{aspect-ratio:16/9;background:#111;overflow:hidden}.feed-article-card__image{object-fit:cover;opacity:1;width:100%;height:100%;transition:transform .6s}.feed-article-card:hover .feed-article-card__image{transform:scale(1.04)}.feed-article-card__body{flex-direction:column;gap:.65rem;padding:1.25rem 1.35rem 1.35rem;display:flex}.feed-article-card__badge{letter-spacing:.1em;text-transform:uppercase;color:var(--feed-green);background:#1bff4c1a;border:1px solid #1bff4c4d;border-radius:.2rem;align-self:flex-start;padding:.2rem .45rem;font-size:.625rem;font-weight:700}.feed-article-card__title{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}.feed-article-card__summary{color:#ffffffa6;margin:0;font-size:.875rem;line-height:1.55}.feed-article-card__footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.65rem;margin-top:.25rem;padding-top:.35rem;display:flex}.feed-article-card__meta{color:var(--feed-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.feed-article-card__dot{opacity:.6}.feed-article-card__cta{letter-spacing:.06em;text-transform:uppercase;color:var(--feed-green);align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.feed-article-card__cta:hover{gap:.45rem}.feed-article-card__cta-icon{font-size:1rem;line-height:1}.feed-empty{text-align:center;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:1rem;padding:3.5rem 1rem}.feed-empty h3{color:#fff;margin:0 0 .5rem;font-size:1.35rem}.feed-empty p{color:var(--feed-muted);margin:0;font-size:.95rem}.feed-loading{justify-content:center;padding:3rem 0;display:flex}.feed-fab{z-index:80;background:var(--feed-green);color:var(--feed-green-text);border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.35rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 0 20px #1bff4c66}.feed-fab:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 0 28px #1bff4c8c}.feed-bottom-sentinel{width:100%;height:1px}.feed-popup{z-index:1100;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;background:#000000d1;justify-content:center;align-items:center;padding:1.25rem;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.feed-popup--visible{opacity:1;visibility:visible;pointer-events:auto}.feed-popup__panel{text-align:center;background:#0a0a0afa;border:1px solid #1bff4c40;border-radius:1.25rem;width:min(100%,380px);padding:1.75rem 1.5rem;transition:transform .35s cubic-bezier(.175,.885,.32,1.1);position:relative;transform:scale(.92)translateY(12px);box-shadow:0 24px 60px #000000a6,0 0 40px #1bff4c1f}.feed-popup--visible .feed-popup__panel{transform:scale(1)translateY(0)}.feed-popup__close{color:var(--feed-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1;position:absolute;top:.75rem;right:.9rem}.feed-popup__close:hover{color:#fff}.feed-popup__icon{width:56px;height:56px;color:var(--feed-green);background:#1bff4c1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.feed-popup__panel h3{color:#fff;margin:0 0 .5rem;font-size:1.1rem}.feed-popup__panel p{color:#ffffffb3;margin:0 0 1.15rem;font-size:.875rem;line-height:1.5}.feed-popup__cta{background:var(--feed-green);width:100%;color:var(--feed-green-text);text-align:center;box-sizing:border-box;border-radius:999px;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:block}@media (max-width:768px){.feed-popup{padding:1rem}.feed-fab{justify-content:center;width:calc(100% - 2rem);bottom:1rem}}@media (prefers-reduced-motion:reduce){.feed-status__pulse{animation:none}.feed-article-card{opacity:1;animation:none;transform:none}.feed-slide:hover,.feed-article-card:hover .feed-article-card__image{transform:none}.feed-trending__progress-fill{transition:none}.feed-popup__panel{transition:none;transform:none}.feed-popup--visible .feed-popup__panel{transform:none}}
