@font-face {
  font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/fonts/onest-cyrillic.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Onest'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/fonts/onest-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* HOME only: no secondary screen selectors and no backend changes. */
#app:has(#feed:not([hidden])) {
  --home-font: 'Onest', 'Inter', sans-serif;
  --home-background: #0c1015;
  --home-ink: #f6f7f8;
  --home-muted: #b3b8c0;
  --home-quiet: #959ca7;
  background: var(--home-background);
  --home-title-size: 32px;
  --home-description-size: 14px;
  --home-tab-size: 13px;
  --home-chip-size: 11px;
  --home-caption-size: 10px;
  --home-counter-size: 11px;
  --home-cta-size: 15px;
  --home-card-inset: 14px;
  --home-icon-size: 22px;
  --home-cta-height: 44px;
  --home-cta-radius: 22px;
  --home-heading-leading: 1.08;
  --home-tracking: -.02em;
  --home-chip-background: rgba(101,109,121,.29);
  --home-overlay: linear-gradient(180deg,transparent 30%,rgba(9,13,18,.08) 42%,rgba(9,13,18,.22) 48%,rgba(9,13,18,.65) 55%,#090d12 60%);
  --header-height: 56px;
  --nav-height: 68px;
}
#feed, #app:has(#feed:not([hidden])) > .topbar, #app:has(#feed:not([hidden])) > .bottom-nav {
  font-family: var(--home-font); font-synthesis: none;
}
#app:has(#feed:not([hidden])) > .topbar, #app:has(#feed:not([hidden])) > .bottom-nav {
  --text: var(--home-ink); --muted: var(--home-muted); --quiet: var(--home-quiet); --accent: var(--home-ink);
  background: var(--home-background); color: var(--home-ink);
}
#app:has(#feed:not([hidden])) .topbar { padding-inline: 16px 10px; }
#app:has(#feed:not([hidden])) .feed-tabs { gap: 21px; }
#app:has(#feed:not([hidden])) .feed-tab { font-family: inherit; font-size: var(--home-tab-size); font-weight: 500; }
#app:has(#feed:not([hidden])) .feed-tab[aria-selected='true'] { font-weight: 600; }
#app:has(#feed:not([hidden])) .feed-tab::after { height: 1px; bottom: 5px; }
#feed { padding-top: 6px; }
#feed .discovery-card { border-radius: 20px; }
#feed .discovery-card__media { background: #090d12; }
#feed .discovery-card__media img { height: 100%; object-fit: cover; object-position: center top; }
#feed .discovery-card[data-topic='ship-modeling'] .discovery-card__media img { height: 69%; object-fit: contain; object-position: center top; }
#feed .discovery-card__media::after { background: var(--home-overlay); }
#feed .discovery-card__content { left: var(--home-card-inset); right: var(--home-card-inset); bottom: 18px; }
#feed .discovery-card h1 { font-family: inherit; font-weight: 700; font-size: var(--home-title-size); line-height: var(--home-heading-leading); letter-spacing: var(--home-tracking); overflow-wrap: normal; }
#feed .card-title-link { font-family: inherit; }
#feed .discovery-card__description { font-size: var(--home-description-size); font-weight: 400; line-height: 1.4; margin-top: 8px; -webkit-line-clamp: 3; color: #e0e1e4; }
#feed .chips { margin-top: 12px; gap: 6px; }
#feed .chip { min-height: 25px; font-size: var(--home-chip-size); font-weight: 500; padding: 0 11px; background: var(--home-chip-background); }
#feed .card-actions { margin-top: 16px; column-gap: 2px; row-gap: 0; }
#feed .card-action { height: 52px; gap: 7px; background: none; }
#feed .card-action .icon { width: var(--home-icon-size); height: var(--home-icon-size); }
#feed .card-action span { font-size: var(--home-caption-size); font-weight: 500; line-height: 1.2; letter-spacing: -.025em; }
#feed .card-action[data-action='interest'] span, #feed .card-action[data-action='comment'] span { font-size: var(--home-counter-size); letter-spacing: normal; }
#feed .try-button { min-height: var(--home-cta-height); font-size: var(--home-cta-size); font-weight: 600; font-family: inherit; border-radius: var(--home-cta-radius); margin-top: 16px; gap: 8px; }
#feed .try-button .icon { width: 16px; height: 16px; }
#feed .discovery-card:not(.is-active) .card-index { visibility: hidden; }
#feed .card-index { top: 10px; right: 10px; font-family: inherit; font-size: 10px; font-weight: 500; }
#app:has(#feed:not([hidden])) .bottom-nav { position: fixed; inset: auto auto 0 50%; transform: translateX(-50%); width: min(100%, var(--shell-width)); padding-inline: 16px; }
#app:has(#feed:not([hidden])) .bottom-nav__item .icon { width: 23px; height: 23px; }
#app:has(#feed:not([hidden])) .bottom-nav__create .icon { border: 0; padding: 0; border-radius: 0; }
#feed > .discovery-card--story:nth-child(2) .editorial-cover::before {
  content: ''; position: absolute; inset: 0 0 auto; height: 42px;
  background: url('/media/home-next-reference.webp') center / cover no-repeat;
}
@media (prefers-reduced-motion: reduce) { #feed * { transition: none !important; animation: none !important; } }