:root,body{--fp-bg:var(--bg-page);--fp-panel:var(--bg-card);--fp-panel2:var(--bg-card2);--fp-bd:var(--border);--fp-bd2:var(--tint-line,rgba(123,92,255,.4));--fp-violet:var(--accent);--fp-focal:var(--accent);--fp-bull:var(--bull);--fp-bear:var(--bear);--fp-mixed:var(--warn,#E0A93D);--fp-txhi:var(--text-hi);--fp-txmid:var(--text-md);--fp-txlo:var(--text-lo);--fp-heroglow:var(--tint,rgba(123,92,255,.12));--fp-nav:var(--bg-card);--fp-herocard:var(--bg-card)}
.hdr{position:sticky;top:0;z-index:100;height:51px;background:var(--bg-nav);box-shadow:inset 0 1px 0 var(--hairline);border-bottom:1px solid var(--border);--bg-card:var(--fp-panel);--bg-nav:var(--fp-panel);--border:var(--fp-bd);--text-hi:var(--fp-txhi);--text-md:var(--fp-txmid);--text-lo:var(--fp-txlo);--accent:var(--fp-violet);--accent-2:var(--fp-violet);--accent-dim:rgba(155,114,255,.16);--accent-border:rgba(155,114,255,.42);--grad-accent:linear-gradient(135deg,var(--fp-violet),#6A3DF0);--green:#34d39a;--red:#ef6076;--mono:'JetBrains Mono',monospace}
.feed-app-rail{--bg-card:var(--fp-panel);--bg-nav:var(--fp-panel);--border:var(--fp-bd);--text-hi:var(--fp-txhi);--text-md:var(--fp-txmid);--text-lo:var(--fp-txlo);--accent:var(--fp-violet);--accent-2:var(--fp-violet);--accent-dim:rgba(155,114,255,.16);--accent-border:rgba(155,114,255,.42);--grad-accent:linear-gradient(135deg,var(--fp-violet),#6A3DF0);--green:#34d39a;--red:#ef6076;--mono:'JetBrains Mono',monospace}
.ai-space-switch{display:none;position:sticky;top:0;z-index:90;height:56px;border-bottom:1px solid var(--fp-bd);background:color-mix(in srgb,var(--fp-panel) 97%,transparent);backdrop-filter:blur(14px)}
.ai-space-switch nav{height:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(76px,1fr);gap:3px;overflow-x:auto;padding:5px 7px;scrollbar-width:none}
.ai-space-switch nav::-webkit-scrollbar{display:none}
.ai-space-switch nav a{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 5px;border:1px solid transparent;border-radius:8px;color:var(--fp-txmid);font-size:9.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.ai-space-switch nav a.on{color:var(--fp-violet)}
.ai-space-switch nav a.on::after{content:"";position:absolute;right:10px;bottom:-5px;left:10px;height:2px;background:var(--fp-violet)}
@media(min-width:861px){.feed-mobile-hdr{display:none}.feed-app-rail{display:flex}}
@media(max-width:860px){.feed-app-rail,.feed-mobile-hdr{display:none!important}.ai-space-switch{display:block}}
/* AI Space uses its dedicated bottom navigation on every phone. Keeping the
   legacy header as well produced two competing navs in mobile and WebView. */
.native-app .feed-app-rail,.native-app .feed-mobile-hdr{display:none!important}
html.ai-mobile-shell .ai-space-switch{display:block}
.native-app .hdr .hwrap{padding-top:calc(env(safe-area-inset-top,0px) + 10px)}
.hdr .hwrap{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:0;padding:0 16px;height:100%}
.hdr .logo{display:flex;align-items:center;gap:8px;margin-right:14px;font-weight:800;font-size:17px;color:var(--text-hi);text-decoration:none;letter-spacing:-.02em}.hdr .logo b{color:var(--accent-2);font-weight:800}
.hdr .logo img{width:28px;height:37px;border-radius:var(--r-md);flex-shrink:0;object-fit:contain}
.hdr .nav{display:flex;align-items:center;height:100%;gap:3px}.hdr .nav a{height:34px;display:flex;align-items:center;padding:0 12px;border-radius:9px;font-size:13.5px;font-weight:500;color:var(--text-lo);text-decoration:none;letter-spacing:.1px;transition:color .15s,background-color .15s}
.hdr .nav a.on{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 15%,transparent)}
.hdr .nav a:hover{color:var(--text-md);background:var(--bg-hover)}
.hdr .hr{margin-left:auto;display:flex;align-items:center;gap:10px}
.hr .ark-nav-right{display:flex;align-items:center}
.hdr .ark-nav-right{display:flex;align-items:center}
.hdr .search{width:230px;background:var(--fp-panel2);border:1px solid var(--fp-bd);border-radius:10px;padding:9px 12px;color:var(--fp-txhi);font:inherit;font-size:13px}
.hdr .search::placeholder{color:var(--fp-txlo)}
.tochart{font-size:10.5px;font-weight:700;color:var(--fp-focal);text-decoration:none;border:1px solid var(--fp-bd2);border-radius:100px;padding:3px 9px;white-space:nowrap}
.tochart:hover{background:rgba(155,114,255,.12)}
.hire{border:0;border-radius:9px;padding:7px 14px;font-weight:800;font-size:12px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#9b72ff,#6a3df0);box-shadow:0 6px 18px rgba(106,61,240,.35);flex:none}
.hire.on{background:rgba(52,211,154,.15);color:#34d39a;box-shadow:none;border:1px solid rgba(52,211,154,.4)}
.mnav{display:none}
@media(max-width:860px){
  .hdr{display:none!important}
  .hdr{height:auto}
  .hdr .nav,.hdr .search{display:none}
  .hdr .hwrap{padding:10px 13px;gap:9px}
  .hdr .logo img{width:21px;height:28px}
  .main{padding-bottom:calc(var(--bottom-nav-h,64px) + 16px)}
  .mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:400;height:calc(64px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-nav);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(0,0,0,.28)}
  .mnav a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-lo);font-family:var(--font);font-size:10.5px;font-weight:600;letter-spacing:.2px;-webkit-tap-highlight-color:transparent;transition:color .15s}
  .mnav-ic{position:relative;display:flex;align-items:center;justify-content:center;width:58px;height:30px;border-radius:999px;transition:background .18s}
  .mnav-ic svg{display:block;width:24px;height:24px;opacity:.8;transition:transform .15s,opacity .15s}
  .mnav a:active .mnav-ic svg,.mnav .mmenu:active .mnav-ic svg{transform:scale(.88)}
  .mnav a.on{color:var(--accent-2)}
  .mnav a.on .mnav-ic{background:var(--accent-dim, rgba(124,92,255,.16))}
  .mnav a.on .mnav-ic svg{opacity:1}
  .mnav a.on span:last-child{font-weight:700}
  .mnav .mmenu{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;padding:0;font-family:var(--font);font-size:10.5px;font-weight:600;line-height:normal;letter-spacing:.2px;color:var(--text-lo);cursor:pointer;transition:color .15s;-webkit-tap-highlight-color:transparent}
}