.m-root{--m-bg:22 27 31;--m-bg2:28 34 39;--m-panel:42 50 56;--m-panel2:52 61 68;--m-panel3:64 75 83;--m-line:13 17 20;--m-ink:222 230 235;--m-muted:139 154 163;--m-accent:255 157 46;--m-accent2:155 225 93;--m-blue:95 179 255;--m-red:255 77 87;--m-lcd:255 190 92;color:rgb(var(--m-ink));background:radial-gradient(1200px 600px at 80% -10%, #ff9d2e12, transparent 60%), radial-gradient(900px 500px at -10% 110%, #5fb3ff0f, transparent 60%), rgb(var(--m-bg));font-feature-settings:"tnum" 1}.m-root ::selection{background:rgb(var(--m-accent) / .35)}.m-panel{background:linear-gradient(180deg, rgb(var(--m-panel2)), rgb(var(--m-panel)));border:1px solid rgb(var(--m-line));box-shadow:inset 0 1px #ffffff12,0 1px #ffffff05,0 10px 30px -18px #000c}:where(.m-panel){border-radius:8px}.m-inset{background:rgb(var(--m-bg2));border:1px solid rgb(var(--m-line));box-shadow:inset 0 2px 6px #00000073,0 1px #ffffff0a}:where(.m-inset){border-radius:6px}.m-win{background:rgb(var(--m-panel));border:1px solid rgb(var(--m-line));overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 24px 60px -30px #000000e6,0 0 0 1px #ffffff05}:where(.m-win){border-radius:10px}.m-titlebar{border-bottom:1px solid rgb(var(--m-line));background:linear-gradient(#46525a,#30393f);box-shadow:inset 0 1px #ffffff17}:where(.m-btn),button:where(.m-btn){min-height:34px;color:rgb(var(--m-ink));white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:0 .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.m-btn{border:1px solid rgb(var(--m-line));background:linear-gradient(#54616a,#3a444b);transition:filter .12s,transform 60ms;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0006}.m-btn:hover{filter:brightness(1.12)}.m-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006}.m-btn:disabled{opacity:.45;pointer-events:none}.m-btn:focus-visible{outline:2px solid rgb(var(--m-accent));outline-offset:1px}.m-btn-accent{color:#1a1206;background:linear-gradient(180deg, #ffb85c, rgb(var(--m-accent)) 55%, #e08016);box-shadow:inset 0 1px 0 #fff0d299, 0 0 18px -6px rgb(var(--m-accent) / .8);border-color:#7a4004}.m-btn-on{color:#0d1a05;background:linear-gradient(180deg, #bef58c, rgb(var(--m-accent2)));border-color:#345c14}.m-btn-red{background:linear-gradient(180deg, #ff7880, rgb(var(--m-red)));color:#22050a;border-color:#6e141c}.m-btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.m-btn-ghost:hover{background:#ffffff0f}.m-lcd{font-variant-numeric:tabular-nums;color:rgb(var(--m-lcd));text-shadow:0 0 8px rgb(var(--m-lcd) / .55);letter-spacing:.04em;background:linear-gradient(#0a0e0f,#111719);border:1px solid #000;border-radius:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;box-shadow:inset 0 2px 8px #000c,0 1px #ffffff0f}.m-lcd-green{color:rgb(var(--m-accent2));text-shadow:0 0 8px rgb(var(--m-accent2) / .5)}.m-lcd-blue{color:rgb(var(--m-blue));text-shadow:0 0 8px rgb(var(--m-blue) / .5)}.m-led{background:#283034;border-radius:999px;width:8px;height:8px;box-shadow:inset 0 1px 2px #0009}.m-led-on{background:rgb(var(--m-accent2));box-shadow:0 0 8px rgb(var(--m-accent2)), inset 0 -1px 1px #0000004d}.m-led-orange{background:rgb(var(--m-accent));box-shadow:0 0 8px rgb(var(--m-accent))}.m-led-red{background:rgb(var(--m-red));box-shadow:0 0 8px rgb(var(--m-red))}.m-field{background:rgb(var(--m-bg2));border:1px solid rgb(var(--m-line));color:rgb(var(--m-ink));border-radius:6px;min-height:34px;padding:0 .6rem;font-size:.9rem;box-shadow:inset 0 2px 4px #0006}.m-field:focus{border-color:rgb(var(--m-accent));box-shadow:0 0 0 2px rgb(var(--m-accent) / .25), inset 0 2px 4px #0006;outline:none}textarea.m-field{padding:.5rem .6rem}.m-root select.m-field option{background:rgb(var(--m-panel))}.m-label{letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--m-muted));font-size:.68rem;font-weight:800}.m-range{appearance:none;background:rgb(var(--m-line));border-radius:99px;height:6px;box-shadow:inset 0 1px 2px #0009}.m-range::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid rgb(var(--m-line));cursor:pointer;background:linear-gradient(#e6ecf0,#a0acb4);border-radius:4px;width:16px;height:16px;box-shadow:0 1px 3px #0009}.m-range::-moz-range-thumb{border:1px solid rgb(var(--m-line));cursor:pointer;background:linear-gradient(#e6ecf0,#a0acb4);border-radius:4px;width:16px;height:16px}.m-step{border:1px solid rgb(var(--m-line));background:linear-gradient(#4e5a62,#3c464d);border-radius:4px;transition:background 80ms,box-shadow 80ms;box-shadow:inset 0 1px #ffffff14}.m-step-alt{background:linear-gradient(#624a46,#4e3a38)}.m-step-on{background:linear-gradient(180deg, #ffc478, rgb(var(--m-accent)));box-shadow:0 0 12px -2px rgb(var(--m-accent) / .9), inset 0 1px 0 #fff0d299}.m-step-now{outline-offset:-2px;outline:2px solid #ffffffd9}.m-tree-item{border-left:2px solid #0000}.m-tree-item:hover{background:#ffffff0d}.m-tree-item[aria-current=page]{background:linear-gradient(90deg, rgb(var(--m-accent) / .22), transparent);border-left-color:rgb(var(--m-accent));color:#fff}.m-root ::-webkit-scrollbar{width:10px;height:10px}.m-root ::-webkit-scrollbar-thumb{background:rgb(var(--m-panel3));border:2px solid rgb(var(--m-bg));border-radius:99px}.m-root ::-webkit-scrollbar-track{background:0 0}.m-grid-bg{background-color:#1e2429;background-image:linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(0deg,#00000040 1px,#0000 1px)}@keyframes m-in{0%{opacity:0;transform:translateY(6px)scale(.995)}}.m-in{animation:.28s cubic-bezier(.2,.9,.3,1) both m-in}@keyframes m-pulse{50%{opacity:.4}}.m-pulse{animation:1s ease-in-out infinite m-pulse}@keyframes m-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.m-eq>span{transform-origin:bottom;animation:.9s ease-in-out infinite m-eq}@media (prefers-reduced-motion:reduce){.m-in,.m-pulse,.m-eq>span{animation:none}}.m-step-acc{background:linear-gradient(180deg, #ff8c6e, rgb(var(--m-red)));box-shadow:0 0 14px -2px rgb(var(--m-red) / .9), inset 0 1px 0 #ffdcd299}.m-roll-key-black{color:#9aa5ad;background:linear-gradient(90deg,#1b2025,#2a3036)}.m-roll-key-white{color:#3a444b;background:linear-gradient(90deg,#cfd6da,#eef2f4)}.m-note{color:#10240e;background:linear-gradient(#96eb8c,#58c45c);border:1px solid #1e501eb3;border-radius:3px;box-shadow:inset 0 1px #fff6}.m-note[data-sel="1"]{background:linear-gradient(180deg, #ffc882, rgb(var(--m-accent)));border-color:#783c00b3}.m-clip{border:1px solid #0006;border-radius:4px;box-shadow:inset 0 1px #ffffff40}body:has(.m-root){background:#161b1f;overflow:hidden}:is(body:has(.m-root)>header,body:has(.m-root)>footer){display:none}.m-back{color:rgb(var(--m-ink));background:linear-gradient(#46525a,#30393f);border-radius:999px;box-shadow:0 10px 30px -8px #000c,0 0 0 1px #ff9d2e59,inset 0 1px #ffffff1f}.m-back:hover{box-shadow:0 10px 30px -8px #000c,0 0 0 1px #ff9d2ecc,0 0 18px -2px #ff9d2e99}