.mb-shell[data-theme="dark"]{--mb-grain-op:.125;--mb-grain-blend:overlay}
.mb-shell[data-theme="light"]{--mb-grain-op:.038;--mb-grain-blend:multiply}
.mb-shell{display:block;width:100%;font-family:"Inter","Instrument Sans",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.mb-fig{margin:0}
.mb-card{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--mb-line-3);background:var(--mb-surf-mid)}
@media (min-resolution:2dppx){.mb-card{border-width:.5px}}
.mb-card::after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;box-shadow:inset 0 1px 0 var(--mb-surf-rim);opacity:.55}
.mb-svg{display:block;width:100%;height:auto}
.mb-layer{transition:transform 140ms cubic-bezier(.25,.46,.45,.94)}
.mb-far{opacity:0;animation:mb-in 280ms cubic-bezier(.25,.46,.45,.94) 0ms forwards}
.mb-mid{opacity:0;animation:mb-in 280ms cubic-bezier(.25,.46,.45,.94) 60ms forwards}
.mb-main{opacity:0;animation:mb-in 280ms cubic-bezier(.25,.46,.45,.94) 120ms forwards}
.mb-protein{opacity:0;animation:mb-in 280ms cubic-bezier(.25,.46,.45,.94) 180ms forwards;cursor:default}
.mb-fore{opacity:0;animation:mb-in 280ms cubic-bezier(.25,.46,.45,.94) 240ms forwards}
@keyframes mb-in{from{opacity:0}to{opacity:1}}
.mb-arc{fill:none;stroke:var(--mb-line-2);stroke-width:.75;opacity:.5}
.mb-head-o{fill:var(--mb-surf-top);stroke:var(--mb-line-1);stroke-width:1}
.mb-head-i{fill:var(--mb-line-1);stroke:none}
.mb-tail{fill:none;stroke:var(--mb-line-1);stroke-width:1;opacity:.9}
.mb-dim{opacity:.5}
.mb-dim2{opacity:.42}
.mb-occl{fill:var(--mb-mass-bot);opacity:.5}
.mb-rim{stroke:var(--mb-mass-rim);stroke-width:2;opacity:1}
.mb-channel{stroke:var(--mb-surf-top);stroke-width:.75;opacity:.25;fill:none}
.mb-pore{fill:var(--mb-surf-top);opacity:.85}
.mb-grain{mix-blend-mode:var(--mb-grain-blend);opacity:var(--mb-grain-op);pointer-events:none}
.mb-protein[data-active="1"] .mb-rim{opacity:1;stroke-width:2.8}
.mb-protein[data-active="1"] .mb-pore{opacity:1}
.mb-cap{display:flex;align-items:baseline;gap:14px;padding:14px 2px 0;color:var(--mb-line-2);flex-wrap:wrap}
.mb-eyebrow{color:var(--mb-line-3)}
.mb-line{color:var(--mb-line-2);flex:1 1 240px}
.mb-chip{color:var(--mb-line-2);opacity:.6;transition:opacity 140ms cubic-bezier(.25,.46,.45,.94),color 140ms cubic-bezier(.25,.46,.45,.94)}
.mb-chip[data-on="1"]{opacity:1;color:var(--mb-line-1)}
@media (prefers-reduced-motion:reduce){
  .mb-layer,.mb-protein{animation:none!important;opacity:1!important;transition:none!important}
  .mb-chip{transition:none}
}

html, body, #root { height: 100%; }
body { margin: 0; }
.ob-root, .su-root, .dp-root, .fl-root, .mb-shell { font-family: var(--font); }
/* in a frame narrower than the 400 px column the form would push past the edge: the column may shrink */
.ob-left { min-width: 0; }
.mb-shell { max-width: 880px; margin: 0 auto; padding: 24px; box-sizing: border-box; }
html[data-theme="dark"] body { background: #141516; }
html[data-theme="light"] body { background: #fbfafb; }