.vmm{--ink:#123f39;--muted:#66837e;--line:#d5e7e3;margin:-12px -22px 0;padding:.75rem max(20px,calc((100% - 1180px)/2)) 3rem;background:#f4fbfa;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.vmm *{box-sizing:border-box}.vmm-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1rem}.vmm-header a{display:block;margin-bottom:.8rem;color:#078574;font-size:.72rem;font-weight:900;text-decoration:none}.vmm-header span{color:#078574;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.vmm-header h1{margin:.35rem 0;color:var(--ink);font:700 clamp(2.3rem,5vw,3.8rem)/1 Georgia,serif}.vmm-header p{margin:0;color:var(--muted)}.vmm-controls{display:flex;gap:.45rem;padding:.4rem;border:1px solid var(--line);border-radius:14px;background:#fff}.vmm-controls button{min-width:40px;min-height:40px;padding:.55rem .7rem;border:0;border-radius:9px;background:#e8f7f3;color:#087366;font-weight:900;cursor:pointer}.vmm-help{margin:.7rem 0;color:var(--muted);font-size:.7rem;text-align:right}.vmm-viewport{height:min(720px,70vh);min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background-color:#fff;background-image:radial-gradient(#cce2dd 1px,transparent 1px);background-size:28px 28px;box-shadow:0 20px 45px rgba(18,76,67,.08);cursor:grab;touch-action:none}.vmm-viewport.is-dragging{cursor:grabbing}.vmm-canvas{position:relative;width:1420px;min-height:720px;padding:285px 70px 60px 380px;transform-origin:0 0;will-change:transform}.vmm-root{position:absolute;top:300px;left:75px;display:grid;width:220px;gap:.2rem;padding:1.25rem;border-radius:18px;background:linear-gradient(135deg,#075b51,#08a28d);box-shadow:0 15px 30px rgba(7,91,81,.18);color:#fff}.vmm-root span,.vmm-root small{color:#a8eee2;font-size:.62rem;font-weight:900;text-transform:uppercase}.vmm-root strong{font:700 2rem Georgia,serif}.vmm-trunk{position:absolute;top:339px;left:295px;width:88px;height:3px;background:#7ebdb2}.vmm-trunk:after{position:absolute;top:-250px;right:0;width:3px;height:505px;background:#7ebdb2;content:""}.vmm-branches{display:grid;grid-template-columns:repeat(2,430px);gap:1rem 3.2rem}.vmm-branch{position:relative}.vmm-branch:before{position:absolute;top:29px;left:-53px;width:53px;height:2px;background:var(--branch);content:""}.vmm-branch:nth-child(even):before{left:-485px;width:485px;opacity:.38}.vmm-branch>button{display:grid;width:100%;grid-template-columns:38px 1fr 28px;align-items:center;gap:.65rem;min-height:60px;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--branch),#fff 55%);border-radius:14px;background:color-mix(in srgb,var(--branch),#fff 88%);color:var(--ink);cursor:pointer;font:inherit;text-align:left}.vmm-branch>button i{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:var(--branch);color:#fff;font-size:.65rem;font-style:normal;font-weight:900}.vmm-branch>button strong{font:700 1.25rem Georgia,serif}.vmm-branch>button b{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#fff;color:var(--branch)}.vmm-leaves{display:grid;gap:.5rem;margin:.55rem 0 1rem 2.5rem}.vmm-leaves a{display:grid;grid-template-columns:30px 1fr 16px;align-items:center;gap:.6rem;min-height:48px;padding:.55rem .65rem;border:1px solid var(--line);border-left:3px solid var(--branch);border-radius:11px;background:#fff;color:var(--ink);font-size:.74rem;font-weight:800;text-decoration:none}.vmm-leaves a span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--branch),#fff 88%);color:var(--branch);font-size:.58rem}.vmm-leaves a i{color:var(--branch);font-style:normal}.vmm-branch:not(.is-open) .vmm-leaves{display:none}.vmm-viewport:fullscreen{height:100vh;border:0;border-radius:0}
@media(max-width:760px){.vmm{margin:-12px -14px 0;padding:.5rem 12px 2rem}.vmm-header{align-items:stretch;flex-direction:column;gap:1rem}.vmm-header h1{font-size:2.35rem}.vmm-controls{align-self:flex-start}.vmm-help{text-align:left}.vmm-viewport{height:68vh;min-height:520px}.vmm-canvas{width:1080px;padding-left:320px}.vmm-branches{grid-template-columns:360px;gap:.75rem}.vmm-root{left:45px}.vmm-trunk{left:265px;width:55px}.vmm-branch:nth-child(even):before{left:-53px;width:53px;opacity:1}}
.vmm-viewport:focus-visible{outline:3px solid rgba(7,133,116,.42);outline-offset:3px}.vmm-help,.vmm-root span,.vmm-root small,.vmm-leaves a span{font-size:.7rem}