.app{flex-direction:column;min-height:100vh;display:flex}.app-bar{z-index:20;-webkit-backdrop-filter:saturate(1.6)blur(16px);background:color-mix(in srgb, var(--bg) 72%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.app-bar__inner{align-items:center;gap:var(--space-6);max-width:var(--page-max);height:var(--nav-height);padding:0 var(--page-gutter);margin:0 auto;display:flex}.app-logo{color:var(--text-primary);font:650 16px/1 var(--font-sans);letter-spacing:-.02em;align-items:center;gap:9px;display:inline-flex}.app-logo:hover{text-decoration:none}.app-nav{gap:2px;display:flex}.app-nav__link{border-radius:var(--radius-md);height:34px;color:var(--text-secondary);font:var(--text-body-strong);transition:color var(--dur-1), background-color var(--dur-1);align-items:center;gap:7px;padding:0 12px;display:inline-flex}.app-nav__link:hover{color:var(--text-primary);background:var(--surface-3);text-decoration:none}.app-nav__link.is-active{color:var(--text-primary);background:var(--surface-2);box-shadow:var(--shadow-1)}.app-nav__link .bc-icon{opacity:.8}.app-bar__actions{align-items:center;gap:4px;margin-left:auto;display:flex}.app-sync{border-radius:var(--radius-pill);background:var(--surface-2);height:30px;box-shadow:var(--shadow-1);color:var(--text-secondary);font:var(--text-caption);cursor:pointer;border:0;align-items:center;gap:8px;margin-right:6px;padding:0 10px 0 12px;display:inline-flex}.app-sync:hover{color:var(--text-primary)}.app-sync__dot{background:var(--good);width:7px;height:7px;box-shadow:0 0 0 3px var(--good-soft);border-radius:50%}.app-sync.is-broken .app-sync__dot{background:var(--critical);box-shadow:0 0 0 3px var(--critical-soft)}.app-sync.is-busy .app-sync__icon{animation:.9s linear infinite bc-spin}.app-main{width:100%;max-width:var(--page-max);padding:var(--space-8) var(--page-gutter) var(--space-10);flex:1;margin:0 auto}.app-footer{justify-content:space-between;gap:var(--space-4);width:100%;max-width:var(--page-max);padding:var(--space-6) var(--page-gutter) var(--space-8);border-top:1px solid var(--line);margin:0 auto;display:flex}.app-footer a{color:var(--text-muted)}@media (width<=760px){.app-bar__inner{gap:var(--space-3)}.app-logo span{display:none}.app-nav{z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface-1) 96%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(20px);border-top:1px solid var(--line);justify-content:space-around;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -12px #00000059}.app-nav__link{height:auto;font:var(--text-caption);flex-direction:column;gap:3px;padding:6px 18px}.app-nav__link.is-active{box-shadow:none;color:var(--accent-ink);background:0 0}.app-nav__link .bc-icon{width:20px;height:20px}.app-main{padding-top:var(--space-6);padding-bottom:96px}.app-footer{flex-direction:column;padding-bottom:96px}}.page{gap:var(--space-6);animation:page-in var(--dur-3) var(--ease-out);display:grid}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.page-head__titles{gap:var(--space-2);min-width:0;display:grid}.page-head__eyebrow{color:var(--text-muted)}.page-head__lede{max-width:60ch;color:var(--text-secondary);font:400 15px/1.5 var(--font-sans)}.page-head__lede strong{color:var(--text-primary);font-weight:600}.section-title{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:var(--space-4) 0 calc(-1 * var(--space-2));display:flex}.filters{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.grid-today{gap:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);display:grid}.rings{justify-content:space-around;align-items:flex-start;gap:var(--space-6);padding:var(--space-3) 0 var(--space-1);flex-wrap:wrap;display:flex}.rings .bc-ring__value{font-size:34px}.contributors{gap:var(--space-4);display:grid}.card-goals{flex-direction:column;display:flex}.card-goals .rings{flex:1;align-items:center}.goal-sources{font:var(--text-caption);color:var(--text-muted);flex-wrap:wrap;gap:4px 20px;display:flex}.goal-sources>span{align-items:center;gap:6px;display:inline-flex}.night{gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.night__facts{gap:var(--space-2) var(--space-7);flex-wrap:wrap;display:flex}.fact{gap:4px;display:grid}.fact dt{color:var(--text-muted);font:var(--text-caption)}.fact dd{font:600 20px/1.1 var(--font-sans);letter-spacing:-.02em;margin:0}.grid-tiles{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.tile{padding:var(--space-5);background:var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}@media (width<=520px){.rings{gap:var(--space-3);flex-wrap:nowrap}.rings .bc-ring__value{font-size:26px}.night__facts{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}}@media (width<=900px){.grid-today{grid-template-columns:minmax(0,1fr)}}.summary{gap:var(--space-4);padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.summary .fact dd{font-size:22px}@media (width<=640px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.chart-foot{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.connections{gap:var(--space-4);display:grid}.connection__head{align-items:flex-start;gap:var(--space-4);display:flex}.connection__mark{background:var(--surface-3);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);border-radius:13px;flex:none;place-items:center;display:grid}.connection__mark span{border:4px solid;border-radius:50%;width:18px;height:18px}.connection__titles{flex:1;gap:4px;min-width:0;display:grid}.connection__name{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.connection__actions{gap:var(--space-2);flex:none;display:flex}.coverage{gap:var(--space-2);margin-top:var(--space-5);display:grid}.coverage__row{justify-content:space-between;gap:var(--space-3);font:var(--text-small);display:flex}.meta-row{gap:var(--space-2) var(--space-6);margin-top:var(--space-4);color:var(--text-secondary);font:var(--text-small);flex-wrap:wrap;display:flex}.meta-row span{align-items:center;gap:6px;display:inline-flex}.meta-row .bc-icon{color:var(--text-muted)}.datasets{margin-top:var(--space-5);border-top:1px solid var(--line);padding-top:var(--space-2)}.datasets .bc-progress{width:120px}.dataset-name{gap:2px;display:grid}.dataset-name code{font:500 12.5px/1.3 var(--font-mono);color:var(--text-primary)}.toggle-row{margin-top:var(--space-4)}@media (width<=640px){.connection__head{flex-wrap:wrap}.connection__actions{width:100%}.hide-sm{display:none}}.code{justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--surface-inset);box-shadow:inset 0 0 0 1px var(--line);font:500 12.5px/1.6 var(--font-mono);color:var(--text-primary);padding:12px 14px;display:flex;overflow-x:auto}.code pre{white-space:pre;margin:0}.ds{gap:var(--space-9);display:grid}.ds-section{gap:var(--space-5);display:grid}.ds-section>header{padding-bottom:var(--space-4);border-bottom:1px solid var(--line);gap:6px;display:grid}.ds-section>header p{max-width:68ch;color:var(--text-secondary)}.ds-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.ds-swatch{gap:8px;display:grid}.ds-swatch__chip{border-radius:var(--radius-md);height:64px;box-shadow:inset 0 0 0 1px var(--line)}.ds-swatch code,.ds-token{font:500 11.5px/1.4 var(--font-mono);color:var(--text-secondary)}.ds-type{align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line);grid-template-columns:160px minmax(0,1fr);display:grid}.ds-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-spec{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.ds-spec>div{justify-items:start;gap:10px;display:grid}.ds-principles{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.ds-principles .bc-card p{color:var(--text-secondary);margin-top:6px}@media (width<=640px){.ds-type{grid-template-columns:minmax(0,1fr);gap:4px}}
