/* Bio2Twin canonical design system v1. DESIGN.md is the specification. */
:root{
 --bt-canvas:#111315;--bt-surface:#191c1f;--bt-surface-raised:#202428;
 --bt-ink:#eeeae4;--bt-body:#c1beb8;--bt-muted:#969a9e;
 --bt-line:#32363b;--bt-accent:#e66b76;--bt-focus:#89b6df;
 --bt-radius:14px;--bt-radius-sm:9px;--bt-space-1:4px;--bt-space-2:8px;
 --bt-space-3:12px;--bt-space-4:16px;--bt-space-6:24px;--bt-space-8:32px;
 --bt-content:1180px;--bt-touch:44px;
 --bt-font:-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Segoe UI",sans-serif;
}
body[data-bt-surface]{font-family:var(--bt-font);text-rendering:optimizeLegibility}
body[data-bt-surface] :is(button,input,select,textarea){font-family:inherit}
body[data-bt-surface] :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--bt-focus);outline-offset:3px}
body[data-bt-surface] img{max-width:100%}
body[data-bt-surface="member"]{
 --bg:var(--bt-canvas);--bg2:var(--bt-surface);--panel:var(--bt-surface);
 --panel2:var(--bt-surface-raised);--text:var(--bt-ink);--muted:var(--bt-muted);
 --line:var(--bt-line);--radius:var(--bt-radius);--radius2:var(--bt-radius);
 background:var(--bt-canvas)!important;color:var(--bt-ink);
}
body[data-bt-surface="member"] :is(.pmv2-main-col,.pmv2-main,.workspace){background:var(--bt-canvas)!important}
body[data-bt-surface="member"] :is(.pmv2-sidebar,.rail,.topbar,.pmv2-topbar,.os-sidebar,.os-topbar){background:var(--bt-surface)!important;color:var(--bt-ink);border-color:var(--bt-line)!important}
body[data-bt-surface="member"] :is(.pmhome3-card,.pmhome3-metric,.pmhome3-state-cell,.pmhome3-activity-item,.hero-card,.card,.system-card,.brief-item,.pmv2-panel,.gpld-card,.rc-row){
 background:var(--bt-surface)!important;border:1px solid var(--bt-line)!important;border-radius:var(--bt-radius)!important;box-shadow:none!important;
}
body[data-bt-surface="member"] :is(.pmhome3-metrics,.pmhome3-activity-grid,.pmhome3-state-grid){background:transparent!important;border:0!important;gap:var(--bt-space-3)}
body[data-bt-surface="member"] :is(.hero-copy h2,.pmhome3-title){line-height:1.25;letter-spacing:-.025em}
body[data-bt-surface="member"] :is(.pmhome3-title,.app-head h1){font-size:clamp(26px,3vw,38px)!important;font-weight:550!important}
body[data-bt-surface="member"] :is(.hero-copy p,.pmhome3-meta,.pmv2-brand-sub){color:var(--bt-muted)}
body[data-bt-surface="member"] :is(.btn,button.ghost,.pmhome3-retry,.pm-login-primary,.pm-login-secondary){min-height:var(--bt-touch);border-radius:var(--bt-radius-sm);font-size:14px;letter-spacing:0}
body[data-bt-surface="member"] :is(.btn.primary,.pm-login-primary){background:var(--bt-surface-raised);color:var(--bt-ink);border:1px solid var(--bt-line)}
body[data-bt-surface="member"] .b2t-member-nav{background:var(--bt-surface);color:var(--bt-ink);border-color:var(--bt-line)}
body[data-bt-surface="member"] .b2t-member-nav a{min-height:var(--bt-touch);display:inline-flex;align-items:center}
body[data-bt-surface="member"] .b2t-member-nav a[aria-current="page"]{background:var(--bt-surface-raised)}
body[data-bt-surface="member"] .b2t-today-summary{max-width:var(--bt-content);border-color:var(--bt-line)}
body[data-bt-surface="public"] .b2t-shared-topbar{background:rgba(17,19,21,.95);color:var(--bt-ink);border-color:var(--bt-line)}
body[data-bt-surface="public"] .b2t-shared-topbar :is(a,button){font-family:var(--bt-font)}
body[data-bt-surface="operations"]{--bt-radius:8px;--bt-content:1440px}
@media(max-width:640px){
 body[data-bt-surface="member"] :is(.pmv2-main,.pmhome3,.content,.workspace){min-width:0;box-sizing:border-box}
 body[data-bt-surface="member"] :is(.hero-card,.pmhome3-card){padding:16px!important}
 body[data-bt-surface="member"] .b2t-member-nav{overflow-x:auto;scrollbar-width:none;gap:2px}
 body[data-bt-surface="member"] .b2t-member-nav a{flex:0 0 auto;font-size:13px}
 body[data-bt-surface="member"] .b2t-today-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 body[data-bt-surface="member"] .b2t-today-actions a{padding:10px 4px;min-height:44px;text-align:center;font-size:13px}
 body[data-bt-surface="member"] .pmhome3-metrics{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){body[data-bt-surface] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Empty watch feed has no icon column. */
body[data-bt-surface="member"] #watchStream .stream-row:has(> time:nth-child(2):last-child){grid-template-columns:minmax(0,1fr) auto}
body[data-bt-surface="member"] #watchStream .stream-row>div{min-width:0;overflow-wrap:anywhere}

/* Responsive audit: keep Apps menu below the shared member navigation. */
@media(max-width:760px){
 body[data-bt-surface="member"]:has(.app-shell) #b2tMenuBtn{top:calc(54px + env(safe-area-inset-top,0px) + 7px);width:44px;height:44px}
 body[data-bt-surface="member"]:has(.app-shell) #b2tMenuDrawer .b2t-menu-close{width:44px;height:44px}
}
@media(max-width:640px){
 body.bt-member-graphite[data-bt-surface="member"][data-page="overview"] .pmhome3-metrics{grid-template-columns:minmax(0,1fr)!important}
}


/* Personal Model overview typography | shared Design System | 2026-10-14 */
body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pmv2-content {
  font-size: 15px;
}
body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pmv2-content h1.pmhome3-title {
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.25;
  letter-spacing: -.025em;
}
body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pmv2-content h2 {
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.35;
}
@media (max-width: 767px) {
  body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pmv2-content h1.pmhome3-title {
    font-size: 24px !important;
  }
  body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pmv2-content h2 {
    font-size: 18px !important;
  }
}


/* Personal Model guest typography | shared Design System | 2026-10-14 */
body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pm-login {font-size:15px}
body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pm-login #pm-login-title {
 font-size:28px!important;font-weight:400!important;line-height:1.3;letter-spacing:-.025em;
}
body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pm-login .pm-login-grid h2 {
 font-size:20px!important;font-weight:400!important;
}
body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pm-login :is(.pm-login-lead,.pm-login-grid p) {
 font-size:15px;font-weight:400;
}
@media(max-width:767px){
 body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pm-login #pm-login-title {font-size:24px!important}
 body.bt-member-graphite.pmv2[data-bt-surface="member"][data-page="overview"] .pm-login .pm-login-grid h2 {font-size:18px!important}
}


/* Bio2Twin shared blood-system tokens v1 — consumed by blood pages */
:root{
 --bt-blood-ink:var(--bt-ink,#f2f5fa);
 --bt-blood-text:var(--bt-body,#b5bfd0);
 --bt-blood-muted:var(--bt-muted,#94a3b8);
 --bt-blood-blue:#4c9be8;
 --bt-blood-rose:#e85a83;
 --bt-blood-amber:#eda657;
 --bt-blood-purple:#a37bea;
 --bt-blood-line:var(--bt-line,#364659);
 --bt-blood-panel:var(--bt-surface,#101824);
 --bt-blood-panel-raised:var(--bt-surface-raised,#131d2a);
 --bt-blood-radius:var(--bt-radius,14px);
 --bt-blood-radius-sm:var(--bt-radius-sm,9px);
 --bt-blood-space-1:var(--bt-space-1,4px);
 --bt-blood-space-2:var(--bt-space-2,8px);
 --bt-blood-space-3:var(--bt-space-3,12px);
 --bt-blood-space-4:var(--bt-space-4,16px);
}