:root{--nav:64px;--bt-blue:#0066cc}
.b2t-shared-topbar{position:fixed;z-index:100;inset:0 0 auto;height:var(--nav);display:block;background:rgba(0,0,0,.92);border-bottom:1px solid rgba(255,255,255,.08);color:#f3f4ef;backdrop-filter:saturate(180%) blur(20px)}
.b2t-shared-topbar *{box-sizing:border-box}
.b2t-shared-topbar a{text-decoration:none;color:inherit}
.b2t-shared-topbar button{font:inherit}
.b2t-shared-topbar .topbar-inner{width:min(calc(100% - 48px),1240px);height:100%;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.b2t-shared-topbar .brand{display:flex;align-items:center;gap:12px;line-height:0;white-space:nowrap;min-width:186px}
.b2t-shared-topbar .brand-wordmark-wrap{display:flex;align-items:center;height:16px;min-width:128px;position:relative}
.b2t-shared-topbar .brand-wordmark{display:block;height:15px;width:auto;max-width:128px;object-fit:contain;image-rendering:auto}
.b2t-shared-topbar .brand-wordmark-fallback{display:none;color:#fff;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.32em;line-height:1;white-space:nowrap}
.b2t-shared-topbar .brand-mark-img{width:38px;height:38px;display:block;object-fit:contain;flex:0 0 38px;filter:none}
.b2t-shared-topbar .nav{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
.b2t-shared-topbar .nav>a,.b2t-shared-topbar .app-trigger{display:inline-flex;align-items:center;min-height:44px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.72);font-size:12px;font-weight:400;cursor:pointer}
.b2t-shared-topbar .nav>a:hover,.b2t-shared-topbar .app-trigger:hover,.b2t-shared-topbar .app-trigger[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.055)}
.b2t-shared-topbar .top-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.b2t-shared-topbar .top-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:400;color:#d8ddd8;border:1px solid transparent}
.b2t-shared-topbar .top-action:hover{background:rgba(255,255,255,.06);color:#fff}
.b2t-shared-topbar .top-action.register{border-color:rgba(255,255,255,.20)}
.b2t-shared-topbar .top-action.download{padding:0 15px;background:var(--bt-blue);border-color:var(--bt-blue);color:#fff;font-weight:600}
.b2t-shared-topbar .locale{padding-left:10px;margin-left:2px;border-left:1px solid rgba(255,255,255,.12);font-size:12px;color:#c4cbc4}
.b2t-shared-topbar .app-dropdown{position:absolute;z-index:110;top:calc(var(--nav) - 2px);left:50%;width:min(650px,calc(100vw - 40px));padding:18px;transform:translateX(-50%) translateY(-8px);border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(10,10,10,.965);box-shadow:0 28px 80px rgba(0,0,0,.42);backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.b2t-shared-topbar .app-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.b2t-shared-topbar .app-head{display:flex;align-items:end;justify-content:space-between;padding:2px 4px 13px;border-bottom:1px solid rgba(255,255,255,.08)}
.b2t-shared-topbar .app-head span{font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.38)}
.b2t-shared-topbar .app-head small{font-size:11px;color:rgba(255,255,255,.42)}
.b2t-shared-topbar .app-grid{display:grid;grid-template-columns:1fr 1fr}
.b2t-shared-topbar .app-grid a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;min-height:66px;padding:12px 10px;color:#f5f5f5;border-bottom:1px solid rgba(255,255,255,.065)}
.b2t-shared-topbar .app-grid a:nth-child(odd){border-right:1px solid rgba(255,255,255,.065)}
.b2t-shared-topbar .app-grid a:nth-last-child(-n+2){border-bottom:0}
.b2t-shared-topbar .app-grid a:hover{background:rgba(255,255,255,.035)}
.b2t-shared-topbar .app-no{font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.28)}
.b2t-shared-topbar .app-grid strong{display:block;font-size:13px;font-weight:520}
.b2t-shared-topbar .app-grid small{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:rgba(255,255,255,.42)}
.b2t-shared-topbar .app-arrow{font-size:14px;color:rgba(255,255,255,.34)}
.b2t-shared-topbar .mobile-menu-trigger{display:none;width:40px;height:40px;border:0;border-radius:999px;background:rgba(255,255,255,.06);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.b2t-shared-topbar .mobile-menu-trigger span{display:block;width:16px;height:1px;background:#fff;transition:transform .18s ease,opacity .18s ease}
.b2t-shared-topbar .mobile-menu-trigger[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
.b2t-shared-topbar .mobile-menu-trigger[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
.b2t-shared-topbar .mobile-menu{display:none;position:fixed;z-index:99;top:var(--nav);left:0;right:0;padding:12px 18px 22px;background:rgba(0,0,0,.985);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(22px)}
.b2t-shared-topbar .mobile-menu.open{display:grid;grid-template-columns:1fr 1fr}
.b2t-shared-topbar .mobile-menu a{padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:#eef2ee;font-size:14px}
.b2t-shared-topbar .mobile-menu a:nth-last-child(-n+2){border-bottom:0}
@media(max-width:900px){
  .b2t-shared-topbar .nav{display:none}
  .b2t-shared-topbar .topbar-inner{width:calc(100% - 24px);grid-template-columns:1fr auto!important;gap:10px}
  .b2t-shared-topbar .brand{min-width:0}
  .b2t-shared-topbar .top-actions>.top-action:not(.download),.b2t-shared-topbar .top-actions>.locale{display:none}
  .b2t-shared-topbar .mobile-menu-trigger{display:flex}
  .b2t-shared-topbar .brand-wordmark-wrap{min-width:112px}
  .b2t-shared-topbar .brand-wordmark{max-width:112px;height:14px}
  .b2t-shared-topbar .brand-mark-img{width:34px;height:34px;flex-basis:34px}
}

/* health-command-device-menu-v1 */
.b2t-shared-topbar .nav>a,
.b2t-shared-topbar .app-trigger,
.b2t-shared-topbar .command-trigger{
  display:inline-flex;align-items:center;min-height:44px;padding:0 11px;border:0;border-radius:8px;
  background:transparent;color:rgba(255,255,255,.72);font-size:12px;font-weight:400;cursor:pointer
}
.b2t-shared-topbar .nav>a:hover,
.b2t-shared-topbar .app-trigger:hover,
.b2t-shared-topbar .app-trigger[aria-expanded="true"],
.b2t-shared-topbar .command-trigger:hover,
.b2t-shared-topbar .command-trigger[aria-expanded="true"]{
  color:#fff;background:rgba(255,255,255,.055)
}
.b2t-shared-topbar .nav-chevron{margin-left:6px;font-size:10px;line-height:1;opacity:.46;transform:translateY(-1px);transition:transform .18s ease}
.b2t-shared-topbar .command-trigger[aria-expanded="true"] .nav-chevron{transform:translateY(1px) rotate(180deg)}
.b2t-shared-topbar .device-dropdown{
  position:absolute;z-index:111;top:calc(var(--nav) - 2px);left:50%;width:min(430px,calc(100vw - 40px));
  padding:16px;transform:translateX(-50%) translateY(-8px);
  border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(10,10,10,.975);
  box-shadow:0 28px 80px rgba(0,0,0,.42);backdrop-filter:blur(24px);
  opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease
}
.b2t-shared-topbar .device-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.b2t-shared-topbar .device-head{display:flex;align-items:end;justify-content:space-between;padding:2px 4px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.b2t-shared-topbar .device-head span{font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.42)}
.b2t-shared-topbar .device-head small{font-size:11px;color:rgba(255,255,255,.38)}
.b2t-shared-topbar .device-grid{display:grid;grid-template-columns:1fr}
.b2t-shared-topbar .device-grid a{
  display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:74px;padding:12px 10px;
  border-bottom:1px solid rgba(255,255,255,.065);color:#f5f5f5
}
.b2t-shared-topbar .device-grid a:last-child{border-bottom:0}
.b2t-shared-topbar .device-grid a:hover{background:rgba(255,255,255,.035)}
.b2t-shared-topbar .device-icon{
  display:grid;place-items:center;width:34px;height:34px;border-radius:11px;
  border:1px solid rgba(135,168,255,.20);background:rgba(110,145,255,.055);color:#9eb7ff;font-size:18px
}
.b2t-shared-topbar .device-icon.watch{border-color:rgba(240,184,91,.20);background:rgba(240,184,91,.045);color:#f0b85b;font-size:14px}
.b2t-shared-topbar .device-grid strong{display:block;font-size:13px;font-weight:520}
.b2t-shared-topbar .device-grid small{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:rgba(255,255,255,.42)}
.b2t-shared-topbar .device-arrow{font-size:14px;color:rgba(255,255,255,.34)}
@media(max-width:900px){
  .b2t-shared-topbar .device-dropdown{display:none}
}
/* /health-command-device-menu-v1 */

/* shared-topbar mobile-touch-v3 */
@media(max-width:900px){
 .b2t-shared-topbar{z-index:99999!important;overflow:visible!important}
 .b2t-shared-topbar .mobile-menu-trigger{display:flex!important;position:relative;z-index:100002;touch-action:manipulation;min-width:44px;min-height:44px}
 .b2t-shared-topbar .mobile-menu{position:fixed!important;top:var(--nav,64px)!important;left:0!important;right:0!important;z-index:100001!important;max-height:calc(100dvh - var(--nav,64px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + env(safe-area-inset-bottom));}
 .b2t-shared-topbar .mobile-menu.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;visibility:visible!important;pointer-events:auto!important}
 .b2t-shared-topbar .mobile-menu a{display:flex;align-items:center;min-height:54px;touch-action:manipulation;line-height:1.45}
}


/* Bio2Twin About dropdown: compact 2x2 card grid. */
.b2t-shared-topbar .device-dropdown.about-dropdown{
  width:min(610px,calc(100vw - 48px))!important;
  padding:18px;
  border:1px solid var(--bt-line,#32363b);
  border-radius:18px;
  background:#141619!important;
  box-shadow:0 22px 65px rgba(0,0,0,.42);
}
.b2t-shared-topbar .about-dropdown .device-head{
  padding:4px 6px 14px;
  border-bottom:1px solid var(--bt-line,#32363b);
}
.b2t-shared-topbar .about-dropdown .device-head span{
  color:var(--bt-muted,#969a9e);font-size:11px;letter-spacing:.11em;
}
.b2t-shared-topbar .about-dropdown .device-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px;padding-top:12px;
}
.b2t-shared-topbar .about-dropdown .device-grid a{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-width:0;min-height:83px;padding:17px 15px;
  border:1px solid var(--bt-line,#32363b)!important;
  border-radius:12px;background:var(--bt-surface,#191c1f)!important;
  color:var(--bt-ink,#eeeae4);text-decoration:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.b2t-shared-topbar .about-dropdown .device-grid a:last-child{border:1px solid var(--bt-line,#32363b)!important}
.b2t-shared-topbar .about-dropdown .device-grid a:hover,
.b2t-shared-topbar .about-dropdown .device-grid a:focus-visible{
  background:var(--bt-surface-raised,#202428)!important;
  border-color:var(--bt-muted,#969a9e)!important;
  transform:translateY(-1px);
}
.b2t-shared-topbar .about-dropdown .device-grid a>span:first-child{
  flex:1 1 auto;min-width:0;width:auto;
}
.b2t-shared-topbar .about-dropdown .device-grid strong{
  display:block;font-size:15px;font-weight:580;line-height:1.43;letter-spacing:-.012em;
  white-space:normal;word-break:keep-all!important;overflow-wrap:normal!important;
  color:var(--bt-ink,#eeeae4);
}
.b2t-shared-topbar .about-dropdown .device-grid .device-arrow{
  flex:0 0 18px;align-self:center;margin-left:auto;
  color:var(--bt-muted,#969a9e);font-size:17px;line-height:1;text-align:right;
}
@media(max-width:900px){
  .b2t-shared-topbar .about-dropdown{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .b2t-shared-topbar .about-dropdown .device-grid a{transition:none}
}


/* Bio2Twin unified public dropdown typography and subtle animated trailing icons.
   Scoped to the shared Topbar; not applied to member dashboards or page content. */
.b2t-shared-topbar :is(.app-dropdown,.device-dropdown) :is(.app-grid,.device-grid) strong,
.b2t-shared-topbar .about-dropdown .device-grid strong {
  font-size:13px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  line-height:1.45!important;
  color:var(--bt-ink,#eeeae4)!important;
  text-shadow:none!important;
}
.b2t-shared-topbar :is(.app-dropdown,.device-dropdown) :is(.app-grid,.device-grid) small {
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.5;
  color:var(--bt-muted,#969a9e);
}
.b2t-shared-topbar :is(.app-dropdown,.device-dropdown) :is(.app-head,.device-head) :is(span,small){
  font-size:11px!important;
  font-weight:400!important;
}
.b2t-shared-topbar :is(.app-arrow,.device-arrow):has(.b2t-nav-motion-icon) {
  display:inline-flex;
  width:24px;
  height:24px;
  min-width:24px;
  flex:0 0 24px;
  align-items:center;
  justify-content:center;
  align-self:center;
  justify-self:end;
  color:var(--bt-muted,#969a9e);
}
.b2t-shared-topbar .b2t-nav-motion-icon {
  width:21px;
  height:21px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform-origin:50% 50%;
  animation:b2tNavIconFloat 3.6s ease-in-out infinite;
  animation-delay:var(--b2t-icon-delay,0s);
  transition:color .2s ease,filter .2s ease;
}
@media (hover:hover) and (pointer:fine) {
  .b2t-shared-topbar :is(.app-grid,.device-grid) a:hover .b2t-nav-motion-icon,
  .b2t-shared-topbar :is(.app-grid,.device-grid) a:focus-visible .b2t-nav-motion-icon {
    color:var(--bt-accent,#e66b76);
    animation:b2tNavIconHover .5s cubic-bezier(.2,.8,.25,1) both;
  }
}
@keyframes b2tNavIconFloat{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-2px) rotate(3deg)}
}
@keyframes b2tNavIconHover{
  0%{transform:translateX(0) scale(1)}
  45%{transform:translateX(4px) scale(1.1) rotate(7deg)}
  100%{transform:translateX(2px) scale(1.08)}
}
@media (prefers-reduced-motion:reduce) {
  .b2t-shared-topbar .b2t-nav-motion-icon{animation:none!important;transition:none!important;transform:none!important}
}


/* Quiet monochrome public navigation; existing device/app entries stay intact. */
.b2t-shared-topbar{--bt-accent:#ededed;--bt-focus:#d0d0d0;--bt-ink:#eeeeee;--bt-muted:#999;--bt-blue:#ededed;background:rgba(17,17,17,.96);color:#eee}
.b2t-shared-topbar .brand-mark-img{filter:grayscale(1)}
.b2t-shared-topbar .top-action.download{background:#ededed;border-color:#ededed;color:#111;font-weight:400}
.b2t-shared-topbar :is(.nav>a,.app-trigger,.command-trigger,.top-action,.mobile-menu a){font-size:12px;font-weight:400;color:#ccc}
.b2t-shared-topbar :is(.device-icon,.device-icon.watch){background:#222;border-color:#444;color:#ccc}
.b2t-shared-topbar .top-actions{gap:4px}
.b2t-shared-topbar .top-action{padding:0 10px}
.b2t-shared-topbar .locale{display:none}
.b2t-shared-topbar .mobile-menu{max-height:calc(100dvh - var(--nav));overflow-y:auto;overscroll-behavior:contain}
.b2t-shared-topbar [hidden]{display:none!important}
@media(max-width:1100px){
 .b2t-shared-topbar .nav{display:none}
 .b2t-shared-topbar .topbar-inner{width:calc(100% - 24px);grid-template-columns:1fr auto!important;gap:8px}
 .b2t-shared-topbar .brand{min-width:0}
 .b2t-shared-topbar .top-actions>.top-action:not(.download){display:none}
 .b2t-shared-topbar .mobile-menu-trigger{display:flex;flex-shrink:0}
 .b2t-shared-topbar .brand-wordmark-wrap{min-width:112px}
 .b2t-shared-topbar .brand-wordmark{max-width:112px;height:14px}
 .b2t-shared-topbar .brand-mark-img{width:34px;height:34px;flex-basis:34px}
 .b2t-shared-topbar .app-dropdown,.b2t-shared-topbar .device-dropdown{display:none!important}
}

/* B2T_SHARED_BIOLOGY_MENU_GRID_V1 | 2026-10-14
   Make the 3 existing Biology sections read like the Explore App two-column dropdown.
   Content, links, hover triggers, authorization, and mobile drawer remain unchanged. */
.b2t-shared-topbar .device-dropdown.biology-dropdown {
  width: min(650px, calc(100vw - 40px)) !important;
  padding: 18px !important;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 20px;
  background: rgba(10,10,10,.975);
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto auto;
  gap: 0;
  counter-reset: b2t-bio-link;
  min-width: 0;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns::before {
  content: "BIO2TWIN · 我的生物分身";
  grid-column: 1 / -1;
  grid-row: 1;
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 4px 12px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: .13em;
  color: rgba(255,255,255,.48);
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns > section {
  box-sizing: border-box;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns > section:nth-of-type(1) {
  grid-column: 1;
  grid-row: 2 / span 2;
  border-right: 1px solid rgba(255,255,255,.075);
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns > section:nth-of-type(2) {
  grid-column: 2;
  grid-row: 2;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns > section:nth-of-type(3) {
  grid-column: 2;
  grid-row: 3;
  border-top: 1px solid rgba(255,255,255,.09);
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns h3 {
  margin: 0;
  min-height: 39px;
  padding: 12px 10px 8px;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.4;
  letter-spacing: .09em;
  color: rgba(255,255,255,.51);
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a {
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: 25px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 57px;
  width: 100%;
  padding: 11px 10px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.065);
  border-radius: 0;
  background: transparent;
  color: #e8ebed;
  text-decoration: none;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5;
  letter-spacing: 0;
  counter-increment: b2t-bio-link;
  transition: background .16s ease;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a:last-child {
  border-bottom: 0;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a::before {
  content: counter(b2t-bio-link, decimal-leading-zero);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .05em;
  color: rgba(255,255,255,.37);
  font-variant-numeric: tabular-nums;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a > span {
  display: block;
  min-width: 0;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45;
  color: inherit;
  overflow-wrap: anywhere;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a > svg {
  display: block !important;
  width: 20px;
  height: 20px;
  max-width: 20px;
  justify-self: end;
  align-self: center;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  color: #9fa7ad;
  opacity: .85;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a:hover,
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a:focus-visible {
  background: rgba(255,255,255,.05);
  color: #fff;
}
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a:hover > svg,
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a:focus-visible > svg {
  color: #f1f3f3;
}
@media (max-width: 1100px) {
  .b2t-shared-topbar .device-dropdown.biology-dropdown {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .b2t-shared-topbar .biology-dropdown .b2t-biology-columns a { transition: none; }
}

/* Match the Biology trigger to the simple Explore App trigger: no default grey button box. */
.b2t-shared-topbar .nav .b2t-biology-control {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  white-space: nowrap;
}
.b2t-shared-topbar .nav .b2t-biology-control > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 4px 0 11px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}
.b2t-shared-topbar .nav .b2t-biology-control > .biology-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  width: 20px;
  min-width: 20px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-radius: 0 8px 8px 0;
  background: transparent;
  color: rgba(255,255,255,.54);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}
.b2t-shared-topbar .nav .b2t-biology-control:hover,
.b2t-shared-topbar .nav .b2t-biology-control:focus-within {
  background: rgba(255,255,255,.055);
}
.b2t-shared-topbar .nav .b2t-biology-control:hover > :is(a,.biology-trigger),
.b2t-shared-topbar .nav .b2t-biology-control:focus-within > :is(a,.biology-trigger) {
  color: #fff;
}


/* Canonical Biology menu: mobile accordion inside the existing shared drawer. */
@media (max-width: 1100px) {
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile {
   display:block;grid-column:1 / -1;min-width:0;width:100%;
   border-bottom:1px solid rgba(255,255,255,.09);
 }
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > summary {
   display:flex;align-items:center;justify-content:space-between;
   min-height:54px;padding:14px 12px;cursor:pointer;
   color:#eef1f1;font-size:14px;font-weight:400;list-style:none;
 }
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > summary::-webkit-details-marker {display:none}
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > summary::after {
   content:"⌄";color:#aaa;font-size:15px;line-height:1;
   transition:transform .15s ease;
 }
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile[open] > summary::after {
   transform:rotate(180deg);
 }
 /* A closed details must not paint or receive pointer events via display:grid. */
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile:not([open]) > section {
   display:none!important;
 }
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section {
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
   gap:0;min-width:0;margin:0;padding:0 0 8px;
   border-top:1px solid rgba(255,255,255,.08);
 }
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section > h3 {
   grid-column:1/-1;margin:0;padding:13px 12px 6px;
   font-size:11px;font-weight:400;letter-spacing:.10em;
   color:rgba(255,255,255,.5);
 }
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section > a {
   box-sizing:border-box;display:flex;align-items:center;
   min-width:0;min-height:48px;padding:10px 12px;
   font-size:13px;font-weight:400;line-height:1.4;
   white-space:normal;overflow-wrap:anywhere;
   border-bottom:1px solid rgba(255,255,255,.06);
 }
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section > a:nth-of-type(odd) {
   border-right:1px solid rgba(255,255,255,.06);
 }
}
@media (prefers-reduced-motion: reduce) {
 .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > summary::after {transition:none}
}


/* BIO2TWIN_BIOLOGY_MOTION_ICONS_V1 | independent animated line icons */
.b2t-shared-topbar .biology-dropdown .b2t-biology-columns a > svg.b2t-biology-motion-icon {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  max-width: 21px !important;
  color: #b3bcc2;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .9;
  transform-origin: 50% 50%;
  animation: b2tBioIconFloat 3.5s ease-in-out infinite;
  animation-delay: var(--b2t-icon-delay, 0s);
  transition: color .22s ease, filter .22s ease;
}
.b2t-shared-topbar .biology-dropdown svg.b2t-biology-motion-icon:is([data-bio-kind="today"],[data-bio-kind="history"],[data-bio-kind="experiment"]) {
  animation-name: b2tBioIconSway;
  animation-duration: 4.2s;
}
.b2t-shared-topbar .biology-dropdown svg.b2t-biology-motion-icon:is([data-bio-kind="watch"],[data-bio-kind="center"],[data-bio-kind="verify"]) {
  animation-name: b2tBioIconBeat;
  animation-duration: 3.1s;
}
@keyframes b2tBioIconFloat {
  0%,100% { transform: translateY(0); opacity: .85; }
  50% { transform: translateY(-3px); opacity: 1; }
}
@keyframes b2tBioIconSway {
  0%,100% { transform: rotate(-5deg) translateY(0); opacity: .87; }
  50% { transform: rotate(5deg) translateY(-2px); opacity: 1; }
}
@keyframes b2tBioIconBeat {
  0%,100% { transform: scale(1); opacity: .82; }
  45% { transform: scale(1.10); opacity: 1; }
  58% { transform: scale(1.03); opacity: .94; }
}
@keyframes b2tBioIconHover {
  0% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-2px) scale(1.18) rotate(5deg); }
  100% { transform: translateX(2px) scale(1.09); }
}
@media (hover: hover) and (pointer: fine) {
  .b2t-shared-topbar .biology-dropdown .b2t-biology-columns a:is(:hover,:focus-visible) > svg.b2t-biology-motion-icon {
    color: #f2f4f5;
    filter: drop-shadow(0 0 4px rgba(228,235,240,.28));
    animation: b2tBioIconHover .58s cubic-bezier(.2,.8,.3,1) forwards;
  }
}
@media (max-width: 1100px) {
  .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section > a {
    justify-content: space-between;
    gap: 8px;
  }
  .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section > a > span {
    min-width: 0;
    flex: 1 1 auto;
    font-size: inherit;
    font-weight: 400;
  }
  .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section > a > svg.b2t-biology-motion-icon {
    display: block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    flex: 0 0 18px;
    color: #b3bcc2;
    stroke: currentColor;
    stroke-width: 1.65;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-origin: center;
    animation: b2tBioIconFloat 3.6s ease-in-out infinite;
    animation-delay: var(--b2t-icon-delay,0s);
  }
  .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section > a > svg.b2t-biology-motion-icon[data-bio-kind="today"],
  .b2t-shared-topbar .mobile-menu .b2t-biology-mobile > section > a > svg.b2t-biology-motion-icon[data-bio-kind="history"] {
    animation-name: b2tBioIconSway;
  }
}
@media (prefers-reduced-motion: reduce) {
  .b2t-shared-topbar svg.b2t-biology-motion-icon {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}


/* About uses the same compact two-column list language as Explore App */
@media(min-width:901px){
.b2t-shared-topbar .device-dropdown.about-dropdown{width:min(650px,calc(100vw - 40px))!important;padding:18px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:20px!important;background:rgba(10,10,10,.965)!important}
.b2t-shared-topbar .about-dropdown .device-head{padding:2px 4px 13px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.b2t-shared-topbar .about-dropdown .device-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding-top:0!important}
.b2t-shared-topbar .about-dropdown .device-grid a,
.b2t-shared-topbar .about-dropdown .device-grid a:last-child{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:75px!important;padding:12px 13px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.065)!important;border-radius:0!important;background:transparent!important;transform:none!important}
.b2t-shared-topbar .about-dropdown .device-grid a:nth-child(odd){border-right:1px solid rgba(255,255,255,.065)!important}
.b2t-shared-topbar .about-dropdown .device-grid a:hover,.b2t-shared-topbar .about-dropdown .device-grid a:focus-visible{background:rgba(255,255,255,.035)!important}
.b2t-shared-topbar .about-dropdown .device-grid strong{font-size:13px!important;font-weight:520!important;line-height:1.5!important;color:#f5f5f5!important}
.b2t-shared-topbar .about-dropdown .device-grid .device-arrow{font-size:15px!important}
}