.espresso-figure{--micra-steel:#b9c3cc;--micra-glass-edge:rgb(var(--color-ink) / .42);--micra-pipe:#a3abb3;--micra-steam:#f1c4bb;--micra-puff:#e8a597;--micra-neutral:#9aa1a8;--micra-wire:#737a82;--micra-current:#f2ae17;--micra-heat:#ff7128;--micra-element:#b8682c;--micra-barista:#ffcf74;--micra-coffee:#55311a;--micra-crema:#c48a4c;--micra-inside:#ece8df;--micra-dial:#fff;--micra-mark:#cc3a2b;--micra-badge:#c4352a;margin:1.5rem 0 2rem}.dark .espresso-figure{--micra-steel:#8d99a5;--micra-glass-edge:rgb(var(--color-ink) / .4);--micra-pipe:#5d656d;--micra-steam:#e7b2a8;--micra-puff:#f2d2ca;--micra-neutral:#7d858d;--micra-wire:#59606a;--micra-coffee:#2c190d;--micra-crema:#c08a52;--micra-inside:#b3afa7;--micra-dial:#1b2024;--micra-mark:#ec6b55;--micra-badge:#e0574a}.micra-glass{pointer-events:none}.micra-glass .iso-fill,.micra-glass .iso-top,.micra-glass .iso-shade{fill:var(--micra-steel);fill-opacity:.1;stroke:none}.micra-glass .iso-shade[data-shade="0"]{fill-opacity:.2}.micra-glass .iso-shade[data-shade="1"]{fill-opacity:.16}.micra-glass .iso-shade[data-shade="2"]{fill-opacity:.12}.micra-glass .iso-edge{stroke:var(--micra-glass-edge)}.micra-tank .iso-fill,.micra-tank .iso-top,.micra-tank .iso-shade{fill:#9ec3ea}.micra-steel{--anatomy-paper:#c3cad0;--anatomy-face:#d5dbe0;--anatomy-top:#e9eef2;--anatomy-shade-0:#77828b;--anatomy-shade-1:#8f9aa3;--anatomy-shade-2:#a7b1b9;--anatomy-shade-3:#bac3ca}.dark .micra-steel{--anatomy-paper:#6f7a83;--anatomy-face:#7d8891;--anatomy-top:#a3aeb7;--anatomy-shade-0:#353d44;--anatomy-shade-1:#434c54;--anatomy-shade-2:#535d66;--anatomy-shade-3:#626d76}.micra-ceramic{--anatomy-paper:#fbfaf7;--anatomy-face:#fff;--anatomy-top:#fff;--anatomy-shade-0:#cfcbc2;--anatomy-shade-1:#dedad2;--anatomy-shade-2:#ebe8e1;--anatomy-shade-3:#f4f2ed}.dark .micra-ceramic{--anatomy-paper:#d9d6cf;--anatomy-face:#e4e1db;--anatomy-top:#efede8;--anatomy-shade-0:#8d8a83;--anatomy-shade-1:#a19e97;--anatomy-shade-2:#b5b2ab;--anatomy-shade-3:#c7c4bd}.micra-brass{--anatomy-paper:#c9a253;--anatomy-top:#ecd294;--anatomy-shade-0:#6a4e1d;--anatomy-shade-1:#8c6a2a;--anatomy-shade-2:#ad883b;--anatomy-shade-3:#c9a253}.micra-black{--anatomy-paper:#2b2e33;--anatomy-top:#4a4f57;--anatomy-shade-0:#141619;--anatomy-shade-1:#1d1f23;--anatomy-shade-2:#26292d;--anatomy-shade-3:#31353a}.micra-motor{--anatomy-paper:#7b848d;--anatomy-top:#b4bcc4;--anatomy-shade-0:#353b41;--anatomy-shade-1:#474e55;--anatomy-shade-2:#5d656d;--anatomy-shade-3:#747d86}.micra-pcb{--anatomy-paper:#1f7446;--anatomy-top:#47ab73;--anatomy-shade-0:#0f3d24;--anatomy-shade-1:#155432;--anatomy-shade-2:#1b6a3f;--anatomy-shade-3:#23824e}.micra-liquid{pointer-events:none}.micra-liquid-fill{fill:var(--liquid,#2e6ce2);stroke:none;transition:fill .4s}.micra-liquid-shade{fill:#000;stroke:none}.micra-liquid-shade[data-shade="0"]{fill-opacity:.3}.micra-liquid-shade[data-shade="1"]{fill-opacity:.2}.micra-liquid-shade[data-shade="2"]{fill-opacity:.11}.micra-liquid-shade[data-shade="3"]{fill-opacity:.04}.micra-liquid-top{fill:#fff;fill-opacity:.24;stroke:none}.micra-steam .micra-liquid-fill{fill:var(--micra-steam);fill-opacity:.6}.micra-steam .micra-liquid-shade{fill-opacity:.04}.micra-solid{pointer-events:auto}.micra-solid .micra-liquid-fill{fill:var(--anatomy-paper)}.micra-solid .micra-liquid-top{fill:var(--anatomy-top);fill-opacity:1}.micra-pipe,.micra-pipe-water,.micra-pipe-flow,.micra-wire,.micra-current,.micra-coil path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.micra-pipe{stroke:var(--micra-pipe);stroke-width:4.8px}.micra-pipe-water{stroke-width:3px;transition:stroke .3s}.micra-pipe-flow{stroke:#ffffffe6;stroke-width:1.4px;stroke-dasharray:2 9;opacity:0;transition:opacity .3s}.micra-pipes [data-thin] .micra-pipe{stroke-width:2.8px}.micra-pipes [data-thin] .micra-pipe-water{stroke-width:1.4px}.micra-wire{stroke:var(--micra-wire);stroke-width:1.5px}.micra-current{stroke:var(--micra-current);stroke-width:1.5px;stroke-dasharray:1.5 6}.micra-coil path{stroke-width:2.8px}.micra-heater{fill:none;stroke:var(--micra-element);stroke-width:1.3px;vector-effect:non-scaling-stroke;transition:stroke .3s,filter .3s}.micra-heater[data-on],.micra-heater-coil[data-on] .micra-heater{stroke:var(--micra-heat);filter:drop-shadow(0 0 1.5px var(--micra-heat))}.micra-light{stroke:none}.micra-light[data-tone=water]{fill:#3d8bff;filter:drop-shadow(0 0 1.5px #3d8bff)}.micra-light[data-tone=heat]{fill:#ff4b3a;filter:drop-shadow(0 0 1.5px #ff4b3a)}.micra-barista{stroke:none;opacity:0;pointer-events:none;transition:opacity .5s}.micra-badge{fill:var(--micra-badge);stroke:none}.micra-puffs{pointer-events:none}.micra-puffs circle{fill:var(--micra-puff);stroke:none;opacity:0;transform-box:fill-box;transform-origin:50%}.micra-puffs[data-on] circle{animation:1.1s ease-out infinite micra-puff}@keyframes micra-puff{0%{opacity:.9;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(9px,-9px)scale(2.8)}}.micra-dial{fill:var(--micra-dial);stroke:none}.micra-mark,.micra-needle{stroke:var(--micra-mark);stroke-width:1px}.micra-cup-inside{fill:var(--micra-inside);stroke:none}.micra-cup-floor{fill:var(--anatomy-shade-1);stroke:var(--anatomy-faint);stroke-width:.5px;vector-effect:non-scaling-stroke}.micra-coffee{fill:var(--micra-coffee);stroke:none}.micra-crema{fill:var(--micra-crema);fill-opacity:.85;stroke:none}.micra-streams{fill:none;stroke:var(--micra-coffee);stroke-width:1.6px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:3 2;animation:.9s linear infinite iso-flow}.micra-tags{pointer-events:none;position:absolute;inset:0}.micra-tags:not([data-ready]){visibility:hidden}.micra-leaders{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.micra-leaders path{fill:none;stroke:var(--dot,var(--micra-neutral));stroke-width:1px;stroke-opacity:.8;stroke-linejoin:round;transition:opacity .2s}.micra-tag{transition:opacity .2s;position:absolute;top:0;left:0}.micra-tag-pin{background:var(--dot,var(--micra-neutral));width:7px;height:7px;box-shadow:0 0 0 1.5px rgb(var(--color-surface));border-radius:50%;position:absolute;top:-3.5px;left:-3.5px}.micra-tag-label{border:1px solid rgb(var(--color-ink) / .12);border-left:3px solid var(--dot,var(--micra-neutral));background:rgb(var(--color-surface) / .94);white-space:nowrap;border-radius:6px;gap:1px;padding:3px 7px 4px 8px;font-size:11px;line-height:1.2;display:grid;position:absolute;top:0;left:0;box-shadow:0 2px 10px #00000014}.micra-tag-name{letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-ink) / .58);font-size:9px;font-weight:650}.micra-tag-value{font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}.micra-tags[data-focus] .micra-tag:not([data-on]),.micra-tags[data-focus] .micra-leaders path:not([data-on]){opacity:.25}.micra-scale{color:rgb(var(--color-ink) / .72);flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;margin:.5rem 0 0;font-size:.8125rem;display:flex}.micra-scale-track{width:200px;height:26px;display:inline-block;position:relative}.micra-scale-bar{background:linear-gradient(90deg,#2e6ce2 0%,#4084f0 17.4%,#805ce6 34.8%,#d05096 52.2%,#e24838 67.8%,#cc2e26 82.6%,#9e1a20 100%);border-radius:4px;height:8px;position:absolute;top:2px;left:0;right:0}.micra-scale-track span[data-at]{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.6875rem;position:absolute;top:13px;transform:translate(-50%)}.micra-scale-key{align-items:center;gap:.4rem;display:inline-flex}.micra-scale-key:before{content:"";border-radius:3px;width:18px;height:6px}.micra-scale-key[data-kind=steam]:before{background:var(--micra-steam)}.micra-scale-key[data-kind=wire]:before{border-top:2px dashed var(--micra-current);border-radius:0;height:0}.micra-buttons{flex-wrap:wrap}.micra-readings{display:none}.micra-tag-pin:after,.micra-readings i:after{content:attr(data-n)}.micra-tag-pin:after{display:none}@media (max-width:640px){.micra-tag-label,.micra-leaders{display:none}.micra-tag-pin{width:15px;height:15px;top:-7.5px;left:-7.5px}.micra-tag-pin:after{display:block}.micra-tag-pin,.micra-readings i{background:var(--dot,var(--micra-neutral));color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 2px #00000059;border-radius:50%;place-items:center;font-size:7.5px;font-style:normal;font-weight:700;line-height:1;display:grid}.micra-readings{grid-template-columns:1fr 1fr;gap:.45rem .9rem;margin:.75rem 0 0;padding:0;font-size:.75rem;line-height:1.25;list-style:none;display:grid}.micra-readings li{-moz-column-gap:.45rem;grid-template-columns:15px 1fr;align-items:start;column-gap:.45rem;display:grid}.micra-readings i{grid-row:span 2;width:15px;height:15px;margin-top:1px}.micra-reading-name{letter-spacing:.04em;text-transform:uppercase;color:rgb(var(--color-ink) / .58);font-size:.625rem;font-weight:650}.micra-reading-value{font-variant-numeric:tabular-nums;color:rgb(var(--color-ink))}}@media (prefers-reduced-motion:reduce){.micra-streams{stroke-dasharray:none;animation:none}.micra-puffs[data-on] circle{opacity:.55;animation:none}.micra-pipe-water,.micra-pipe-flow,.micra-liquid-fill,.micra-heater,.micra-barista,.micra-tag{transition:none}}.micra-mechanics{border-top:1px solid var(--anatomy-faint);padding-top:.8rem}.micra-mechanics output{font:inherit;margin-top:.6rem;display:block}.micra[data-inspecting] .micra-puffs circle{animation-play-state:paused}.micra-buttons button:disabled{opacity:.45;cursor:not-allowed}.espresso-figure .figure-panel{gap:clamp(1.5rem,3vw,2.75rem);margin-top:1.75rem}.espresso-figure .figure-panel>*{min-width:0}.espresso-figure .micra-control-heading h3{letter-spacing:-.025em;margin:0;font-size:1.2rem;font-weight:600;line-height:1.3}.espresso-figure .micra-control-heading p{max-width:46ch;color:rgb(var(--color-ink) / .75);margin:.55rem 0 1.25rem;font-size:.9375rem;line-height:1.65}.espresso-figure .micra-control-group{border:0;min-width:0;margin:1.2rem 0 0;padding:0}.espresso-figure .micra-control-group legend{margin-bottom:.6rem;padding:0;font-size:.875rem;font-weight:600;line-height:1.4}.espresso-figure .micra-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.espresso-figure .instrument-controls .micra-buttons button{text-align:center;border-radius:4px;min-width:0;min-height:44px;padding:.7rem .85rem;font-size:.9375rem}.espresso-figure .instrument-controls .micra-buttons button:disabled{opacity:.45;cursor:not-allowed}.espresso-figure .micra-controls>label.micra-timeline{margin-top:1.5rem}.espresso-figure .micra-timeline>span{gap:1rem;font-size:.9375rem}.espresso-figure .micra-timeline output{letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:1.25rem}.espresso-figure .micra-timeline input{min-height:44px;margin:.3rem 0}.espresso-figure .micra-timeline small{color:rgb(var(--color-ink) / .8);font-variant-numeric:tabular-nums;font-size:.875rem;line-height:1.6}.espresso-figure .micra-controls p.micra-timeline-help{color:rgb(var(--color-ink) / .7);margin:.4rem 0 0;font-size:.8125rem;line-height:1.6}.espresso-figure .micra-observation{border-left:2px solid rgb(var(--color-moss));background:rgb(var(--color-moss) / .055);margin:1.25rem 0;padding:1rem 1.1rem}.espresso-figure .micra-observation>span{color:rgb(var(--color-moss));margin-bottom:.45rem;font-size:.8125rem;font-weight:600;display:block}.espresso-figure .micra-controls .micra-observation p.instrument-lesson{min-height:0;margin:0;font-size:.9375rem;line-height:1.65}.espresso-figure .micra-mechanics{border-color:rgb(var(--color-ink) / .18);margin-top:1.5rem;padding-top:0}.espresso-figure .micra-mechanics summary{cursor:pointer;min-height:44px;padding:.9rem 0;font-size:.9375rem;font-weight:550;line-height:1.5}.espresso-figure .micra-mechanics summary small{color:rgb(var(--color-ink) / .7);margin-top:.15rem;margin-left:1.05rem;font-size:.8125rem;font-weight:400;line-height:1.5;display:block}.espresso-figure .micra-mechanics summary:focus-visible{outline:2px solid rgb(var(--color-moss));outline-offset:4px}.espresso-figure .micra-controls .micra-mechanics p.instrument-lesson{min-height:0;color:rgb(var(--color-ink) / .75);margin:.75rem 0 0;font-size:.875rem;line-height:1.65}.espresso-figure .micra-mechanics output{margin-top:.3rem;padding:.5rem 0 0;font-size:.9375rem;font-weight:600}.espresso-figure .figure-note-text{min-height:0}.espresso-figure .figure-note h3{letter-spacing:-.025em;font-size:1.2rem;line-height:1.3}.espresso-figure .figure-note p{color:rgb(var(--color-ink) / .8);font-size:.9375rem;line-height:1.65}.espresso-figure .figure-part-list{gap:.45rem;margin-top:1rem}.espresso-figure .figure-part-list button{text-align:left;border-radius:4px;min-height:44px;padding:.6rem .75rem;font-size:.875rem;line-height:1.4}.espresso-figure .figure-part-list button>span{color:rgb(var(--color-ink) / .65);font-size:.75rem}.espresso-figure .micra-scale{gap:.65rem 1.25rem;margin-top:.75rem;font-size:.875rem;line-height:1.5}.espresso-figure .micra-scale-track{height:32px;margin-inline:.35rem}.espresso-figure .micra-scale-track span[data-at]{font-size:.75rem}@media (max-width:640px){.espresso-figure .micra-readings{gap:.8rem 1rem;font-size:.875rem;line-height:1.5}.espresso-figure .micra-reading-name{text-transform:none;letter-spacing:0;color:rgb(var(--color-ink) / .72);font-size:.75rem;line-height:1.45}.espresso-figure .micra-reading-value{font-size:.875rem}.espresso-figure .micra-scale{row-gap:.85rem}.espresso-figure .figure-panel{margin-top:1.5rem}}@media (max-width:360px){.espresso-figure .micra-buttons{grid-template-columns:minmax(0,1fr)}.espresso-figure .micra-scale-track{width:min(200px,100% - 1rem)}}@media (prefers-reduced-motion:reduce){.espresso-figure :is(.micra-buttons button,.figure-part-list button){transition:none}}
