.md{--machine: #8fb3c9;--machine-rgb: 143, 179, 201;display:grid;gap:clamp(64px,9vw,112px)}html[data-theme=light] .md{--machine: #3f6a84;--machine-rgb: 63, 106, 132}.md-act-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.md-h{font-family:var(--display);font-weight:500;font-size:clamp(1.6rem,2.8vw,2.3rem);letter-spacing:-.03em;line-height:1.12;margin:0;max-width:22ch;text-wrap:balance}.md-lead{color:var(--ink-soft);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.6;max-width:62ch;margin:18px 0 0}.md-em{color:var(--ruby)}.md-legend{display:flex;flex-wrap:wrap;gap:20px;margin:32px 0 4px;font:500 12px/1 var(--mono);color:var(--ink-soft)}.md-legend span{display:inline-flex;align-items:center;gap:8px}.md-sw{width:14px;height:10px;border-radius:2px;display:inline-block}.md-sw-m{background:var(--machine)}.md-sw-h{background:var(--ruby)}.md-area{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.45fr);gap:8px 28px;padding-block:22px;border-bottom:1px solid var(--line);align-items:center}.md-idx{font:500 12px/1 var(--mono);color:var(--muted);align-self:start;padding-top:6px}.md-txt{min-width:0}.md-area h3{font:500 1.2rem/1.2 var(--display);margin:0 0 4px;letter-spacing:-.01em}.md-area p{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.5}.md-hours{font:400 11.5px/1 var(--mono);color:var(--muted);margin-top:8px;display:block}.md-viz{min-width:0}.md-bar{height:34px;border-radius:4px;overflow:hidden;display:flex;background:var(--mist1)}.md-bar-m{background:linear-gradient(90deg,rgba(var(--machine-rgb),.55),var(--machine));display:flex;align-items:center;padding-left:12px;font:600 13px/1 var(--mono);color:var(--bg);transform-origin:left;white-space:nowrap}.md-bar-h{flex:1;background:repeating-linear-gradient(135deg,rgba(var(--ruby-rgb),.22) 0 6px,rgba(var(--ruby-rgb),.08) 6px 12px);border-left:2px solid var(--ruby)}.md-roles{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 6px}.md-roles-l{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:4px}.md-role{font:500 13px/1 var(--sans, inherit);padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.md-role:hover{border-color:var(--machine);color:var(--ink)}.md-role:focus-visible{outline:2px solid var(--ruby);outline-offset:2px}.md-role[aria-pressed=true]{background:var(--machine);border-color:var(--machine);color:var(--bg)}.md-areas{display:flex;flex-direction:column}.md-bar{transition:width .7s cubic-bezier(.2,.7,.2,1);width:100%}.md-hours b{color:var(--ink);font-weight:600}.md-keeps{font:400 12px/1.4 var(--mono);color:var(--ink-soft);margin-top:8px;display:flex;flex-wrap:wrap;gap:4px 8px}.md-keeps b{color:var(--ruby);font-weight:500}.md-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:36px 0 16px}.md-sum div{padding:20px 22px;background:var(--mist1);border-radius:6px}.md-sum strong{display:block;font:500 2.2rem/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:6px}.md-sum span{font-size:.9rem;color:var(--ink-soft)}.md-c-m{color:var(--machine)}.md-c-h{color:var(--ruby)}.md-sim{margin:36px 0 16px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.md-panel{background:var(--mist1);border:1px solid var(--line);border-radius:8px;padding:24px;min-width:0}.md-ph{margin:0 0 16px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.md-ph-t{margin-top:30px}.md-rack{display:flex;flex-direction:column-reverse;gap:6px;min-height:252px}.md-unit{height:26px;border-radius:3px;background:var(--mist3);border:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 10px}.md-unit[hidden]{display:none}.md-unit i{width:6px;height:6px;border-radius:50%;background:var(--machine);box-shadow:0 0 8px var(--machine)}.md-unit i:nth-child(3){opacity:.6}.md-unit em{margin-left:auto;font:400 10px/1 var(--mono);font-style:normal;color:var(--muted)}.md-slots{flex:1;height:8px;background:repeating-linear-gradient(90deg,var(--line) 0 3px,transparent 3px 6px)}.md-ctrl{margin-top:20px}.md-ctrl label{display:flex;justify-content:space-between;font:500 13px/1 var(--mono);color:var(--ink-soft);margin-bottom:12px}.md-ctrl output{color:var(--machine);font-weight:600}.md-ctrl input[type=range]{width:100%;accent-color:var(--machine)}.md-btns{display:flex;gap:8px;margin-top:14px}.md-btns button{flex:1;font:500 12px/1 var(--mono);padding:10px 12px;border-radius:4px;border:1px solid var(--line);background:var(--mist2);color:var(--ink);cursor:pointer}.md-btns button:hover{border-color:var(--machine)}.md-btns button:focus-visible,.md-ctrl input:focus-visible{outline:2px solid var(--ruby);outline-offset:2px}.md-pipe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;height:200px}.md-stage{display:flex;flex-direction:column;justify-content:center;height:100%;min-width:0}.md-flow{height:12%;border-radius:4px;background:linear-gradient(180deg,rgba(var(--machine-rgb),.35),rgba(var(--machine-rgb),.7));transition:height .5s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}.md-flow:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.18) 14px 16px)}.md-stage.md-you .md-flow{background:var(--ruby);box-shadow:0 0 0 4px rgba(var(--ruby-rgb),.18),0 0 28px rgba(var(--ruby-rgb),.45)}.md-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:12px}.md-labels div{font:500 11px/1.3 var(--mono);color:var(--ink-soft);text-align:center;min-width:0;overflow-wrap:anywhere}.md-labels .md-you{color:var(--ruby)}.md-labels small{display:block;color:var(--muted);font-weight:400;margin-top:3px;font-variant-numeric:tabular-nums}.md-tbar{display:flex;height:44px;border-radius:4px;overflow:hidden;background:var(--mist2)}.md-tm,.md-tc{display:flex;align-items:center;justify-content:center;font:600 12px/1 var(--mono);overflow:hidden;white-space:nowrap;transition:flex-basis .5s cubic-bezier(.2,.7,.2,1)}.md-tm{background:var(--machine);color:var(--bg)}.md-tc{background:var(--ruby);color:#fff}.md-tmeta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px;font:400 12px/1.4 var(--mono);color:var(--ink-soft);font-variant-numeric:tabular-nums}.md-verdict{margin:22px 0 0;font:500 clamp(1.05rem,1.8vw,1.3rem)/1.35 var(--display);letter-spacing:-.01em}.md-verdict b{color:var(--ruby);font-weight:600;font-variant-numeric:tabular-nums}.md-finale{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}.md-glass{width:100%;max-width:340px;height:auto;justify-self:center;display:block}.md-stop-m{stop-color:var(--machine)}.md-stop-r{stop-color:var(--ruby)}.md-g-outline{fill:none;stroke:var(--line);stroke-width:1.5}.md-g-ruby{fill:var(--ruby)}.md-g-ring{fill:none;stroke:var(--ruby);stroke-opacity:.4;stroke-width:1.5}.md-g-you{fill:var(--ruby);font:600 13px var(--mono)}.md-g-small{fill:var(--muted);font:400 10px var(--mono)}.md-g-label{fill:var(--ink);font:400 11px var(--mono)}.md-drop{fill:var(--machine)}.md-drop-r{fill:var(--ruby)}.md-promise{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.md-promise li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;color:var(--ink-soft)}.md-promise li:before{content:"→";font-family:var(--mono);color:var(--ruby)}.md-promise strong{color:var(--ink);font-weight:600}@media(prefers-reduced-motion:no-preference){.md.md-js .md-bar-m{transform:scaleX(0)}.md.md-js .md-areas.md-in .md-bar-m{animation:md-grow 1.2s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d, 0s)}.md.md-js .md-areas .md-bar-h{opacity:0;transition:opacity .6s ease}.md.md-js .md-areas.md-in .md-bar-h{opacity:1;transition-delay:calc(var(--d, 0s) + .5s)}.md-tbar.md-wait>div{flex-basis:0%!important}.md-unit:not([hidden]){animation:md-slide .35s ease both}.md-unit i{animation:md-blink 1.6s infinite}.md-unit i:nth-child(2){animation-delay:.4s}.md-unit i:nth-child(3){animation-delay:.9s}.md-flow:after{animation:md-run 1.2s linear infinite}.md-stage.md-you .md-flow:after{animation-duration:4s}}@keyframes md-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes md-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes md-blink{50%{opacity:.3}}@keyframes md-run{to{background-position:32px 0}}@media(max-width:820px){.md-area{grid-template-columns:28px minmax(0,1fr)}.md-viz{grid-column:1 / -1}.md-sim{grid-template-columns:minmax(0,1fr)}.md-rack{min-height:0}.md-finale{grid-template-columns:minmax(0,1fr)}.md-labels div{font-size:9.5px}}
