html.mf{--color-ink:#191613;--color-panel:#211d19;--color-tile:#28231e;--color-term:#12100d;--color-line:#2e2822;--color-line-2:#40382f;--color-fg:#ece7df;--color-soft:#c3bcb0;--color-muted:#b3aa9d;--color-dim:#9c9386;--color-frost:#ffbe6e;--color-beam:#f5a03c;--color-beam-hover:#ffbe6e;--color-on-accent:#191613;--color-live:#7b9e6b}html.mf .keycap{background:#352e26}.mf-page{z-index:3;position:relative}.mf-s{padding:clamp(80px,14vh,160px) clamp(16px,4vw,72px) clamp(110px,14vh,160px)}.mf-wrap{gap:clamp(28px,4vw,48px);max-width:1440px;display:grid}.mf-hero{flex-direction:column;justify-content:flex-end;gap:26px;min-height:100svh;padding:120px clamp(16px,4vw,72px) 96px;display:flex}html:not(.story) .mf-hero{min-height:62svh}.mf-h1{font-size:clamp(44px,5.4vw,84px)}.mf-h2{max-width:22ch;font-size:clamp(32px,3.6vw,52px)}.mf-h1,.mf-h2,.mf-lead{text-shadow:0 4px 40px #060504bf}.mf-lead{max-width:54ch;color:var(--color-fg);font-size:clamp(18px,1.7vw,22px);line-height:1.4}.mf-note{max-width:62ch;color:var(--color-muted)}.mf-note b{color:var(--color-fg);font-weight:600}.mf-actions{flex-wrap:wrap;gap:8px;display:flex}.mf-cols{align-items:start;gap:28px;display:grid}@media (width>=880px){.mf-cols{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.mf-card{border-radius:var(--r);background:#211d19f0;padding:clamp(18px,2.4vw,28px)}.mf-window{border:1px solid var(--color-line-2);border-radius:var(--r);background:#12100df5;overflow:hidden}.mf-window .console-bar b{color:var(--color-beam);font-weight:400}.mf-files{font:400 14px/1.5 var(--font-mono)}.mf-files div{border-bottom:1px solid var(--color-line);justify-content:space-between;gap:16px;padding:10px 16px;display:flex}.mf-files div:last-child{color:var(--color-dim);border-bottom:0}.mf-files span{color:var(--color-bad)}.mf-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:8px;display:grid}.mf-steps h3{margin-top:16px;font-size:21px;font-weight:600}.mf-steps p{color:var(--color-soft);margin-top:8px;font-size:16px;line-height:1.5}.mf-facts{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:8px;display:grid}.mf-facts li{border-radius:var(--r);background:#211d19f0;align-items:flex-start;gap:12px;padding:16px 18px;line-height:1.4;display:flex}.mf-levels{flex-wrap:wrap;gap:6px;display:flex}.mf-levels button{text-align:left;cursor:pointer;min-width:150px;color:var(--color-fg);border-radius:var(--r);background:#211d19f0;flex-direction:column;gap:3px;padding:12px 16px;transition:background-color .15s;display:flex}.mf-levels button:hover{background:#2f2820}.mf-levels b{font-size:17px;font-weight:600;line-height:1.15}.mf-levels small{color:var(--color-muted);font-size:14px;line-height:1.35}.mf-levels [aria-pressed=true]{background:var(--color-beam);color:var(--color-on-accent)}.mf-levels [aria-pressed=true] small{color:var(--color-on-accent)}.mf-levels[hidden]{display:none}.mf-code{font:400 14px/1.6 var(--font-mono);color:var(--color-soft);white-space:pre;padding:16px 18px;overflow-x:auto}.mf-pair{align-items:stretch;gap:8px;display:grid}@media (width>=880px){.mf-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.mf-level{align-content:start;gap:8px;display:grid}.mf-level[hidden]{display:none}.mf-level+.mf-level{margin-top:8px}.mf-faq{gap:6px;max-width:860px;display:grid}.mf-faq details{border-radius:var(--r);background:#211d19f0}.mf-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:clamp(17px,1.5vw,19px);font-weight:600;line-height:1.25;list-style:none;transition:color .15s;display:flex}.mf-faq summary::-webkit-details-marker{display:none}.mf-faq summary:hover{color:var(--color-beam)}.mf-faq summary:after{content:"+";color:var(--color-beam);flex:none;font-size:20px;line-height:1}.mf-faq details[open] summary:after{content:"−"}.mf-faq details p{max-width:64ch;color:var(--color-soft);padding:0 20px 20px}.mf-price{border-radius:var(--r);background:#211d19f5;gap:20px;width:min(620px,100%);padding:clamp(22px,3vw,36px);display:grid}.mf-price-row{color:var(--color-muted);justify-content:space-between;gap:16px;font-size:15px;display:flex}.mf-price strong{font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1}.mf-off{border:1px solid var(--color-line);border-radius:var(--r);min-height:52px;color:var(--color-dim);cursor:not-allowed;align-items:center;gap:10px;padding:0 18px;font-size:16px;font-weight:600;display:inline-flex}.mf-off .placeholder{font-weight:400}.mf-next{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;display:grid}.mf-next a{color:var(--color-fg);border-radius:var(--r);background:#211d19f0;flex-direction:column;gap:10px;padding:20px;transition:background-color .15s;display:flex}.mf-next a:hover{background:#2f2820}.mf-next b{font-size:21px;font-weight:600;line-height:1.15}.mf-next span{color:var(--color-muted);font-size:16px;line-height:1.45}.mf-hero-grid{align-items:center;gap:clamp(28px,4vw,56px);width:100%;display:grid}@media (width>=1000px){.mf-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.cmp{--split:50%;border:1px solid var(--color-line-2);border-radius:var(--r);background:var(--color-term);overflow:hidden;box-shadow:0 24px 48px -16px #0009}.cmp-bar,.cmp-foot{background:var(--color-panel);color:var(--color-soft);justify-content:space-between;gap:16px;padding:9px 16px;font-size:15px;display:flex}.cmp-bar{border-bottom:1px solid var(--color-line)}.cmp-bar code{color:var(--color-fg)}.cmp-foot{border-top:1px solid var(--color-line);font-weight:600}.cmp-view{display:grid;position:relative}.cmp-code{background:var(--color-term);color:var(--color-soft);font:400 14px/1.55 var(--font-mono);grid-area:1/1;margin:0;padding:14px 0;overflow:hidden}.cmp-line{grid-template-columns:3.2em minmax(0,1fr);min-height:1.55em;display:grid}.cmp-line i{text-align:right;color:var(--color-dim);user-select:none;padding-right:1em;font-style:normal}.cmp-line>span{white-space:pre;padding-right:14px}.cmp-stub .cmp-line>span{white-space:pre-wrap;overflow-wrap:anywhere}@media (width<=560px){.cmp-code{font-size:12.5px}.cmp-line{grid-template-columns:2.6em minmax(0,1fr)}}.cmp-code b{font-weight:400}.c-word{color:var(--color-frost)}.c-text{color:#a7c98b}.c-note{color:var(--color-dim)}.cmp-stub{clip-path:inset(0 0 0 var(--split))}.cmp-rule{top:0;bottom:0;left:var(--split);background:var(--color-beam);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.cmp-range{opacity:0;cursor:ew-resize;touch-action:pan-y;grid-area:1/1;width:100%;height:100%;margin:0;position:relative}.cmp-range[hidden]{display:none}.cmp:has(.cmp-range:focus-visible){outline:2px solid var(--color-frost);outline-offset:3px}