.mb-shell{--mb-ink:#1d3944;--mb-muted:#6c828a;--mb-teal:#14877f;--mb-line:#d7e5e6;max-width:1240px;margin:0 auto;padding:clamp(1rem,3vw,2.2rem);border:1px solid #dce8e6;border-radius:24px;background:linear-gradient(145deg,#fffefa,#f5f9f6);color:var(--mb-ink);box-shadow:0 22px 55px rgba(35,66,64,.08);font-family:inherit}.mb-shell *{box-sizing:border-box}.mb-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--mb-line)}.mb-heading-copy{max-width:760px}.mb-kicker{color:var(--mb-teal);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mb-heading h2{margin:.42rem 0 .5rem;color:var(--mb-ink);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em;line-height:1.05}.mb-heading p{max-width:690px;margin:0;color:var(--mb-muted);font-size:1rem;line-height:1.65}.mb-equation{flex:0 0 auto;padding:.7rem 1rem;border:1px solid #cce4df;border-radius:16px;background:#edf8f4;color:#176d68;text-align:center}.mb-equation small,.mb-equation strong{display:block}.mb-equation small{font-size:.67rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.mb-equation strong{margin-top:.22rem;font-size:1.25rem;white-space:nowrap}.mb-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.72fr);gap:1rem;margin-top:1.15rem;align-items:stretch}.mb-visual,.mb-controls{border:1px solid var(--mb-line);border-radius:20px;background:rgba(255,255,255,.82)}.mb-visual{padding:clamp(.8rem,2vw,1.25rem);overflow:hidden}.mb-scene-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}.mb-scene-head>span{color:var(--mb-muted);font-size:.8rem;font-weight:750}.mb-stage-pill{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:999px;background:#eef3f3;color:#607881;font-size:.7rem;font-weight:750}.mb-stage-pill i{width:7px;height:7px;border-radius:50%;background:#aabbbd}.mb-stage-pill[data-state="weighed"]{background:#e5f5ef;color:#297765}.mb-stage-pill[data-state="weighed"] i{background:#27a67e}.mb-stage-pill[data-state="animating"]{background:#e7f0fa;color:#426e91}.mb-stage-pill[data-state="animating"] i{background:#4a91c1}.mb-balance-bay{position:relative;display:grid;place-items:center;min-height:270px;padding:1.1rem .6rem 1.4rem;overflow:hidden;border:1px solid #e1ecea;border-radius:18px;background:radial-gradient(ellipse at 50% 70%,#e9f4ef,#f5f8f5 50%,#f8faf8)}.mb-balance{position:relative;width:min(420px,100%);height:235px}.mb-pan{position:absolute;z-index:2;top:18px;left:50%;display:grid;place-items:center;width:190px;height:98px;transform:translateX(-50%)}.mb-pan-bowl{position:absolute;inset:0 4px auto;height:69px;border:2px solid #9db7b4;border-top:0;border-radius:0 0 70px 70px;background:linear-gradient(#e3efeb,#d4e5df);box-shadow:inset 0 8px 12px rgba(255,255,255,.55);transition:border-color .25s,background .25s}.mb-pan-bowl:before{position:absolute;top:-3px;left:-3px;right:-3px;height:5px;border-radius:50%;background:#aec3c0;content:""}.mb-pan.is-target .mb-pan-bowl{border-color:#38a994;background:#d9f3e9}.mb-pan-label{position:relative;z-index:1;margin-top:8px;color:#66817f;font-size:.68rem;font-weight:750}.mb-pan-sample{position:absolute;z-index:2;top:-3px;left:50%;display:grid;place-items:center;width:72px;height:50px;border:1px solid #c4a96d;border-radius:18px 18px 12px 12px;background:linear-gradient(145deg,#f6e6bf,#dec58b);color:#735b2d;font-size:.8rem;font-weight:850;box-shadow:0 5px 12px rgba(73,67,45,.12);opacity:0;transform:translate(-50%,-12px) scale(.75);pointer-events:none}.mb-pan-sample.visible{opacity:1;transform:translate(-50%,0) scale(1)}.mb-pan-sample small{display:block;font-size:.53rem;font-weight:700}.mb-pan-post{position:absolute;top:89px;left:50%;width:10px;height:64px;transform:translateX(-50%);border:1px solid #9eb6b5;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#c6d9d7,#fff 45%,#aac2bf)}.mb-scale-body{position:absolute;top:142px;left:50%;display:flex;align-items:center;justify-content:center;width:230px;height:78px;transform:translateX(-50%);border:1px solid #cbdad8;border-radius:18px 18px 11px 11px;background:linear-gradient(#f7fbfa,#e5eeeb);box-shadow:0 12px 20px rgba(37,70,68,.1),inset 0 1px 0 #fff}.mb-screen{display:flex;align-items:center;justify-content:center;gap:.35rem;min-width:130px;padding:.48rem .6rem;border:1px solid #bfd4cd;border-radius:8px;background:#d9eee2;color:#316c58;font-variant-numeric:tabular-nums;box-shadow:inset 0 2px 5px rgba(36,71,57,.08)}.mb-screen strong{font-size:1.15rem;letter-spacing:.02em}.mb-screen span{font-size:.72rem;font-weight:700}.mb-scale-foot{position:absolute;top:211px;left:50%;width:158px;height:13px;transform:translateX(-50%);border-radius:8px;background:linear-gradient(90deg,#d8e3e0,#f7faf9 50%,#cfddda)}.mb-drag-source,.mb-drag-ghost{display:grid;place-items:center;width:72px;height:56px;border:1px solid #c4a96d;border-radius:16px;background:linear-gradient(145deg,#fff6df,#e8d39e);color:#735b2d;font-size:.79rem;font-weight:850;box-shadow:0 6px 16px rgba(83,67,35,.13);user-select:none}.mb-drag-source{position:absolute;z-index:4;top:124px;left:calc(50% - 202px);cursor:grab;touch-action:none;transition:box-shadow .2s,transform .2s}.mb-drag-source:hover{box-shadow:0 9px 20px rgba(83,67,35,.2);transform:translateY(-2px)}.mb-drag-source:active,.mb-drag-source.dragging{cursor:grabbing}.mb-drag-source small{display:block;font-size:.52rem;font-weight:700}.mb-drag-ghost{position:fixed;z-index:9999;left:0;top:0;pointer-events:none;will-change:transform}.mb-drag-hint{position:absolute;right:.8rem;bottom:.65rem;left:.8rem;margin:0;color:#829594;font-size:.68rem;text-align:center}.mb-visual-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.85rem}.mb-mass-readout{display:flex;align-items:center;gap:.55rem;color:#68817e;font-size:.75rem}.mb-mass-readout b{color:#244943;font-size:1rem;font-variant-numeric:tabular-nums}.mb-visual-actions{display:flex;gap:.45rem}.mb-button{min-height:42px;padding:.55rem .9rem;border:1px solid #d1dfdd;border-radius:12px;background:#fff;color:#3f5a5b;font-family:inherit;font-size:.78rem;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.mb-button:hover{transform:translateY(-1px);border-color:#8eb9ae;background:#f5fbf8}.mb-button.primary{border-color:#277d73;background:#277d73;color:white}.mb-button.primary:hover{background:#206e66}.mb-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.mb-controls{display:flex;flex-direction:column;gap:.85rem;padding:1.05rem}.mb-control-title{margin:0;color:var(--mb-ink);font-size:1.1rem}.mb-control-copy{margin:-.55rem 0 0;color:var(--mb-muted);font-size:.82rem;line-height:1.55}.mb-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.mb-example{min-height:61px;padding:.56rem .65rem;border:1px solid #d8e5e2;border-radius:13px;background:#fff;color:#44605d;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.mb-example:hover{transform:translateY(-1px);border-color:#80b7a9}.mb-example[aria-pressed="true"]{border-color:#319789;background:#edf8f3;box-shadow:inset 0 0 0 1px #319789}.mb-example strong,.mb-example small{display:block}.mb-example strong{font-size:.83rem}.mb-example small{margin-top:.18rem;color:#728884;font-size:.65rem}.mb-amount{padding:.8rem;border:1px solid #e1e9e7;border-radius:14px;background:#f8faf8}.mb-amount label{display:flex;justify-content:space-between;gap:.5rem;color:#536e6b;font-size:.76rem;font-weight:750}.mb-amount output{color:#197f76;font-size:.9rem;font-variant-numeric:tabular-nums}.mb-amount input{width:100%;margin:.65rem 0 .35rem;accent-color:#258c80;cursor:grab;touch-action:pan-y}.mb-amount small{display:block;color:#7a8e8b;font-size:.66rem;line-height:1.45}.mb-instruction{display:flex;align-items:flex-start;gap:.55rem;padding:.72rem;border-radius:13px;background:#edf5f2;color:#5d7772;font-size:.74rem;line-height:1.5}.mb-instruction b{flex:0 0 auto;color:#258378}.mb-bridge{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;margin-top:1rem;padding:1rem 1.05rem;border:1px solid #d5e6e2;border-radius:18px;background:#f4faf7}.mb-bridge-side{min-width:0}.mb-bridge-side small{display:block;color:#6e8983;font-size:.67rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.mb-bridge-side strong{display:block;margin-top:.22rem;color:#244943;font-size:clamp(.95rem,2vw,1.25rem);line-height:1.2;font-variant-numeric:tabular-nums}.mb-bridge-side p{margin:.24rem 0 0;color:#708782;font-size:.72rem;line-height:1.45}.mb-bridge-value{color:#158277!important}.mb-particle-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:1rem;margin-top:1rem;padding:1rem;border:1px solid #d9e5e6;border-radius:18px;background:linear-gradient(125deg,#f5f9fd,#fff 72%)}.mb-particle-view{position:relative;min-height:194px;overflow:hidden;border:1px solid #d8e4eb;border-radius:16px;background:radial-gradient(ellipse at 50% 48%,#eef6fb,#f9fbfc 78%)}.mb-particle-view:before{position:absolute;inset:17px;border:1px dashed #d4e3e9;border-radius:13px;content:""}.mb-particle-title{position:absolute;top:.6rem;left:.7rem;z-index:2;color:#78909c;font-size:.63rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mb-particles{position:absolute;inset:2.25rem .7rem .8rem;display:grid;grid-template-columns:repeat(10,minmax(12px,1fr));grid-auto-rows:18px;align-content:center;justify-items:center;gap:3px 5px}.mb-particle{display:grid;place-items:center;width:15px;height:15px;border:1px solid #77aeb4;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f8ffff,#88c5c5 72%);color:#276e79;font-size:.38rem;font-weight:850;opacity:0;transform:scale(.25);will-change:transform,opacity;box-shadow:0 2px 7px rgba(45,115,126,.17)}.mb-particle[data-kind="molecule"]{width:23px;height:15px;border-radius:8px;background:linear-gradient(90deg,#8ab8dd 0 45%,#f3fbff 45% 55%,#d88f7d 55%);border-color:#b4c9d6}.mb-particle[data-kind="formula unit"]{width:22px;height:15px;border-radius:5px;background:linear-gradient(90deg,#8ab8dd 0 45%,#f3fbff 45% 55%,#d8bd74 55%);border-color:#cfc39d}.mb-particle-legend{position:absolute;right:.65rem;bottom:.5rem;left:.65rem;z-index:2;color:#758993;font-size:.61rem;text-align:center}.mb-particle-copy h3{margin:.15rem 0 .5rem;color:#24404b;font-size:1.04rem}.mb-particle-copy>p{margin:0;color:#627982;font-size:.79rem;line-height:1.6}.mb-count-card{margin-top:.75rem;padding:.8rem;border:1px solid #d9e9e6;border-radius:13px;background:#fff}.mb-count-card small{display:block;color:#718884;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mb-count-card strong{display:block;margin:.25rem 0;color:#167d74;font-size:clamp(1.25rem,3vw,1.75rem);font-variant-numeric:tabular-nums}.mb-count-card p{margin:0;color:#758984;font-size:.67rem;line-height:1.4}.mb-step-note{min-height:2.6em;margin:.7rem 0 0;color:#647e83;font-size:.77rem;line-height:1.5}.mb-source-note{margin:.8rem 0 0;color:#899795;font-size:.65rem;line-height:1.5}.mb-source-note a{color:#3c7a72;text-underline-offset:2px}
@media(max-width:860px){.mb-workspace{grid-template-columns:1fr}.mb-controls{order:-1}.mb-examples{grid-template-columns:repeat(4,minmax(0,1fr))}.mb-example{min-height:56px}.mb-particle-section{grid-template-columns:1fr minmax(220px,.75fr)}}
@media(max-width:600px){.mb-shell{padding:.85rem;border-radius:17px}.mb-heading{align-items:flex-start;flex-direction:column}.mb-equation{align-self:flex-start}.mb-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-workspace{gap:.7rem}.mb-visual{padding:.65rem}.mb-balance-bay{min-height:252px;padding:.7rem .3rem 1.2rem}.mb-balance{transform:scale(.86);transform-origin:center center}.mb-drag-source{left:calc(50% - 174px);top:128px;width:60px;height:50px;font-size:.69rem}.mb-pan{width:170px}.mb-visual-footer{align-items:flex-start;flex-direction:column}.mb-visual-actions{width:100%}.mb-visual-actions .mb-button{flex:1}.mb-bridge{grid-template-columns:1fr auto 1fr;gap:.3rem;padding:.75rem}.mb-bridge-side strong{font-size:.9rem;overflow-wrap:anywhere}.mb-bridge-side p{font-size:.63rem}.mb-particle-section{grid-template-columns:1fr;padding:.7rem}.mb-particle-view{min-height:190px}.mb-particle-copy{padding:.1rem .15rem .2rem}.mb-screen strong{font-size:1rem}}
@media(max-width:380px){.mb-balance{transform:scale(.76)}.mb-drag-source{left:calc(50% - 152px)}.mb-equation strong{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.mb-button,.mb-example,.mb-pan-bowl,.mb-drag-source{transition:none}.mb-particle{will-change:auto}}
.mb-visual{display:flex;flex-direction:column;gap:.7rem}.mb-integrated-stage{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:.55rem}.mb-balance-column,.mb-particle-column{min-width:0}.mb-balance-column .mb-balance-bay{min-height:254px;padding:.6rem .25rem 1.2rem}.mb-balance-column .mb-balance{width:420px;max-width:none;transform:scale(.68);transform-origin:center center}.mb-balance-column .mb-drag-source{top:122px;left:.5rem;width:68px;height:54px;padding:3px;grid-template-columns:28px 1fr;grid-template-rows:1fr auto;gap:0 3px}.mb-drag-source img{grid-row:1/3;width:28px;height:28px;object-fit:cover;border-radius:7px}.mb-drag-source [data-source-name]{font-size:.74rem}.mb-drag-source small{font-size:.47rem}.mb-pan-sample{overflow:hidden;grid-template-columns:29px 1fr;width:92px;height:56px;border-radius:12px}.mb-pan-sample img{width:29px;height:29px;grid-row:1/3;object-fit:cover;border-radius:7px}.mb-pan-sample span{font-size:.66rem}.mb-pan-sample small{font-size:.45rem}.mb-mass-readout{justify-content:center;min-height:39px;padding:.25rem .5rem;border:1px solid #e0ebe7;border-radius:11px;background:#f8fbf9}.mb-conversion-bridge{display:flex;align-items:center;flex-direction:column;gap:.38rem;color:#5f9e91;text-align:center}.mb-conversion-bridge>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cfe6df;border-radius:50%;background:#eff8f4;font-size:1.25rem}.mb-conversion-bridge small{color:#69847e;font-size:.57rem;font-weight:750;white-space:nowrap}.mb-conversion-bridge b{color:#48887c;font-size:.58rem}.mb-particle-view{display:flex;align-items:center;flex-direction:column;justify-content:flex-start;min-height:254px;padding:.75rem .5rem .65rem}.mb-particle-title{position:static;align-self:flex-start;margin:0 0 .38rem;font-size:.59rem}.mb-particle-entity{display:flex;align-items:center;gap:.42rem;min-height:70px;margin:0 auto .3rem;padding:.25rem .45rem;border:1px solid #dce9e9;border-radius:13px;background:rgba(255,255,255,.78);color:#4c6871;font-size:.63rem;font-weight:750;line-height:1.3}.mb-particle-entity img{width:58px;height:58px;object-fit:cover;border-radius:10px}.mb-particles{position:relative;inset:auto;display:grid;width:100%;min-height:82px;margin:0 0 .42rem;grid-template-columns:repeat(8,minmax(12px,1fr));grid-auto-rows:16px;align-content:center;justify-items:center;gap:2px}.mb-particle{width:13px;height:13px;font-size:.33rem}.mb-particle[data-kind="molecule"]{width:18px;height:13px}.mb-particle[data-kind="formula unit"]{width:18px;height:13px}.mb-particle-legend{position:static;display:block;margin-top:auto;font-size:.53rem;line-height:1.35}.mb-count-card{margin-top:.52rem;padding:.6rem .7rem}.mb-count-card small{font-size:.57rem}.mb-count-card strong{margin:.15rem 0;font-size:clamp(1.05rem,2.1vw,1.45rem);white-space:nowrap}.mb-count-card strong sup{font-size:.62em}.mb-count-card p{font-size:.57rem}.mb-step-note{min-height:2.1em;margin:.38rem 0 0;font-size:.65rem}.mb-visual-footer{justify-content:flex-end;margin-top:0}.mb-example{display:flex;align-items:center;gap:.45rem;min-height:66px;padding:.45rem;text-align:left}.mb-example img{flex:0 0 auto;width:44px;height:44px;border-radius:10px;object-fit:cover}.mb-example span{min-width:0}.mb-example strong{font-size:.72rem;line-height:1.2}.mb-example small{font-size:.57rem;line-height:1.25}
@media(max-width:860px){.mb-integrated-stage{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:.8rem}.mb-balance-column .mb-balance{transform:scale(.78)}.mb-particle-view{min-height:254px}.mb-particles{grid-template-columns:repeat(10,minmax(12px,1fr))}}
@media(max-width:600px){.mb-integrated-stage{grid-template-columns:minmax(0,1fr);gap:.45rem}.mb-conversion-bridge{flex-direction:row;justify-content:center;gap:.55rem;padding:.15rem 0}.mb-conversion-bridge>span{width:30px;height:30px;transform:rotate(90deg)}.mb-conversion-bridge small{font-size:.65rem}.mb-balance-column .mb-balance-bay{min-height:260px}.mb-balance-column .mb-balance{transform:scale(.78)}.mb-balance-column .mb-drag-source{left:.65rem}.mb-particle-view{min-height:230px}.mb-particle-entity img{width:64px;height:64px}.mb-particles{grid-template-columns:repeat(10,minmax(14px,1fr));min-height:90px;grid-auto-rows:16px}.mb-count-card strong{font-size:1.45rem}.mb-example{min-height:58px}.mb-example img{width:38px;height:38px}}
@media(max-width:380px){.mb-balance-column .mb-balance{transform:scale(.68)}.mb-balance-column .mb-balance-bay{min-height:238px}.mb-particles{grid-template-columns:repeat(8,minmax(12px,1fr))}}

/* Keep the joined balance-to-particle scene large enough to read at a glance. */
.mb-workspace{grid-template-columns:minmax(0,1fr)}
.mb-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;align-items:start}
.mb-control-title,.mb-control-copy,.mb-examples{grid-column:1/-1}
.mb-controls .mb-control-copy{margin:-.55rem 0 0}
.mb-examples{grid-template-columns:repeat(4,minmax(0,1fr))}
.mb-amount,.mb-instruction{grid-column:span 2}
.mb-integrated-stage{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);gap:1rem}
.mb-balance-column .mb-balance-bay{min-height:310px;padding:.7rem .4rem 1.3rem}
.mb-balance-column .mb-balance{transform:scale(.92)}
.mb-balance-column .mb-drag-source{left:.8rem;top:132px;width:78px;height:60px}
.mb-particle-view{min-height:310px;padding:1rem .85rem .8rem}
.mb-particle-entity{min-height:82px;font-size:.82rem}
.mb-particle-entity img{width:68px;height:68px}
.mb-particle-title{font-size:.72rem}
.mb-particles{min-height:112px;grid-template-columns:repeat(10,minmax(18px,1fr));grid-auto-rows:20px;gap:5px}
.mb-particle{width:17px;height:17px;font-size:.4rem}
.mb-particle[data-kind="molecule"],.mb-particle[data-kind="formula unit"]{width:24px;height:17px}
.mb-particle-legend{font-size:.65rem}
.mb-count-card{padding:.8rem .9rem}
.mb-count-card small,.mb-count-card p{font-size:.68rem}
.mb-count-card strong{font-size:clamp(1.5rem,2.4vw,2rem)}
.mb-step-note{font-size:.78rem}
@media(max-width:860px){.mb-workspace{grid-template-columns:minmax(0,1fr)}.mb-controls{order:0;grid-template-columns:repeat(2,minmax(0,1fr))}.mb-control-title,.mb-control-copy,.mb-examples{grid-column:1/-1}.mb-examples{grid-template-columns:repeat(4,minmax(0,1fr))}.mb-amount,.mb-instruction{grid-column:span 1}.mb-integrated-stage{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:.65rem}.mb-balance-column .mb-balance{transform:scale(.82)}}
@media(max-width:600px){.mb-controls{grid-template-columns:1fr}.mb-amount,.mb-instruction{grid-column:1}.mb-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-integrated-stage{grid-template-columns:minmax(0,1fr);gap:.5rem}.mb-balance-column .mb-balance-bay{min-height:280px}.mb-balance-column .mb-balance{transform:scale(.82)}.mb-particle-view{min-height:255px}.mb-particle-entity img{width:60px;height:60px}.mb-particles{min-height:90px;grid-template-columns:repeat(10,minmax(14px,1fr));grid-auto-rows:17px;gap:3px}.mb-particle{width:14px;height:14px}.mb-particle[data-kind="molecule"],.mb-particle[data-kind="formula unit"]{width:19px;height:14px}.mb-count-card strong{font-size:1.5rem}}
@media(max-width:380px){.mb-balance-column .mb-balance{transform:scale(.72)}.mb-balance-column .mb-balance-bay{min-height:255px}}

/* Final visual polish: align the two representations and give the unrevealed model a deliberate preview state. */
.mb-heading p{font-style:normal;color:#607780}
.mb-visual{background:linear-gradient(145deg,#fff 10%,#fbfdfc 100%);box-shadow:0 14px 34px rgba(36,73,70,.055)}
.mb-integrated-stage{align-items:start}
.mb-balance-column .mb-balance-bay{min-height:296px;border-color:#d8e8e4;background:radial-gradient(ellipse at 50% 72%,#e8f3ed 0,#f3f8f5 47%,#f8fbfa 100%);box-shadow:inset 0 1px 0 #fff}
.mb-balance-column .mb-balance{transform:scale(.88)}
.mb-pan-sample{box-shadow:0 9px 20px rgba(73,67,45,.18)}
.mb-particle-view{min-height:260px;border-color:#d9e7ec;background:linear-gradient(155deg,#f4f9fb,#fbfdfd 76%);box-shadow:inset 0 1px 0 #fff}
.mb-particle-entity{box-shadow:0 8px 20px rgba(41,81,90,.065)}
.mb-particles{padding:.45rem .55rem;border:1px solid #e5eff0;border-radius:15px;background-color:rgba(255,255,255,.52);background-image:radial-gradient(circle,#9dbdc1 1.35px,transparent 1.6px);background-size:24px 24px;transition:background-color .4s,border-color .4s}
.mb-particles.is-revealed{border-color:transparent;background-color:transparent;background-image:none}
.mb-particle-legend{color:#687f88}
.mb-count-card{box-shadow:0 7px 18px rgba(45,80,78,.045)}
.mb-controls{border-color:#dce8e6;background:linear-gradient(145deg,#fff,#fbfcfa);box-shadow:0 12px 30px rgba(36,73,70,.04)}
.mb-example{box-shadow:0 3px 10px rgba(38,76,71,.035)}
.mb-example[aria-pressed="true"]{box-shadow:inset 0 0 0 1px #319789,0 5px 15px rgba(38,132,116,.09)}
.mb-amount{background:linear-gradient(145deg,#f8fbf9,#f4f8f6)}
.mb-instruction{border:1px solid #d9e9e3;background:linear-gradient(120deg,#eaf6f1,#f2f8f4)}
@media(max-width:600px){.mb-balance-column .mb-balance-bay{min-height:276px}.mb-balance-column .mb-balance{transform:scale(.8)}.mb-particle-view{min-height:250px}}