.mk .router{--rd-beam:color-mix(in srgb, var(--mk-navy-rule) 70%, var(--mk-on-navy-2));--rd-soft-ink:color-mix(in srgb, var(--mk-cord) 70%, var(--mk-on-navy));border:1px solid var(--mk-navy-rule);background:linear-gradient(180deg, color-mix(in srgb, var(--mk-panel) 92%, transparent), color-mix(in srgb, var(--mk-navy) 85%, transparent));min-width:0;color:var(--mk-on-navy);text-align:left;border-radius:24px;padding:22px clamp(14px,2.4vw,28px) 18px;position:relative;box-shadow:0 40px 80px -40px #0009}.mk .router .mono{font-family:var(--mk-monospace);letter-spacing:.04em;font-size:12.5px}.mk .router__top{color:var(--mk-on-navy-2);justify-content:space-between;align-items:center;gap:12px;padding-bottom:6px;display:flex}.mk .router__live{align-items:center;gap:8px;display:inline-flex}.mk .router__stage{grid-template-columns:auto minmax(24px,1fr) auto minmax(24px,1fr) auto;align-items:center;min-height:360px;padding-block:12px;display:grid;position:relative}.mk .router__beams{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:visible}.mk .router__col{z-index:1;gap:14px;display:grid;position:relative}.mk .router .chan{align-items:center;gap:10px;display:flex}.mk .router .chan__label{font-family:var(--mk-monospace);letter-spacing:.04em;color:var(--mk-on-navy-2);text-align:right;min-width:4.6rem;font-size:11.5px;transition:color .3s}.mk .router .chan[data-active=true] .chan__label{color:var(--mk-on-navy)}.mk .router [data-tone]{--node:var(--rd-soft-ink)}.mk .router [data-tone=whatsapp]{--node:var(--mk-lamp)}.mk .router [data-tone=instagram]{--node:color-mix(in srgb, var(--mk-cord) 60%, var(--mk-on-navy))}.mk .router .node{background:var(--mk-panel-2);border:1px solid var(--mk-navy-rule);border-radius:50%;place-items:center;width:48px;height:48px;transition:border-color .3s,box-shadow .3s,background .3s;display:grid;position:relative}.mk .router .node svg{width:21px;height:21px;fill:var(--mk-on-navy-2);transition:fill .3s}.mk .router .node[data-active=true]{border-color:var(--node);background:color-mix(in srgb, var(--node) 16%, var(--mk-panel-2));box-shadow:0 0 0 6px color-mix(in srgb, var(--node) 16%, transparent)}.mk .router .node[data-active=true] svg{fill:var(--node)}.mk .router .hub{z-index:1;border-radius:50%;justify-self:center;place-items:center;width:112px;height:112px;display:grid;position:relative}.mk .router .hub__core{z-index:2;background:radial-gradient(circle at 50% 35%, var(--mk-panel-2), var(--mk-navy) 75%);border:1.5px solid color-mix(in srgb, var(--mk-cord) 70%, transparent);width:100%;height:100%;box-shadow:0 0 40px color-mix(in srgb, var(--mk-cord) 30%, transparent), inset 0 1px 0 color-mix(in srgb, var(--mk-on-navy) 12%, transparent);border-radius:50%;align-content:center;place-items:center;gap:2px;display:grid;position:relative}.mk .router .hub__core svg{width:34px;height:34px;color:var(--mk-cord)}.mk .router .hub__core span{font-family:var(--mk-monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--mk-on-navy-2);font-size:10px}.mk .router .hub__ring{border:1px solid var(--mk-cord);z-index:1;opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.mk .router .agent{background:var(--mk-panel-2);border:1px solid var(--mk-navy-rule);border-radius:999px;align-items:center;gap:10px;min-width:168px;padding:9px 14px 9px 9px;transition:border-color .3s,box-shadow .3s;display:flex}.mk .router .agent__node{background:var(--mk-navy);border:1px solid var(--mk-navy-rule);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.mk .router .agent__node .lamp{transition:background .3s,box-shadow .3s}.mk .router .agent__name{font-size:14.5px;font-weight:650;line-height:1.2;display:block}.mk .router .agent__sub{font-family:var(--mk-monospace);letter-spacing:.03em;color:var(--mk-on-navy-2);font-size:10.5px;display:block}.mk .router .agent[data-active=true]{border-color:var(--mk-lamp);box-shadow:0 0 0 5px color-mix(in srgb, var(--mk-lamp) 14%, transparent)}.mk .router .agent__short{display:none}.mk .router .lamp--off{background:var(--mk-navy-rule);box-shadow:none}.mk .router .live{border:1px solid var(--mk-navy-rule);background:color-mix(in srgb, var(--mk-navy) 70%, transparent);border-radius:16px;height:124px;padding:14px 16px;position:relative;overflow:hidden}.mk .router .live__inner{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 14px;display:grid}.mk .router .live__icon{background:var(--mk-panel-2);border-radius:12px;grid-row:span 3;place-items:center;width:38px;height:38px;display:grid}.mk .router .live__icon svg{width:19px;height:19px;fill:var(--node)}.mk .router .live__meta{font-family:var(--mk-monospace);letter-spacing:.04em;color:var(--mk-on-navy-2);font-size:11.5px}.mk .router .live__text{color:var(--mk-on-navy);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15.5px;display:-webkit-box;overflow:hidden}.mk .router .live__result{color:var(--mk-on-navy-2);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;display:flex}.mk .router .live__result strong{color:var(--mk-on-navy);font-weight:600}.mk .router .live__foot{flex-direction:column;align-items:center;gap:8px;padding-top:12px;display:flex}.mk .router .live__dots{justify-content:center;gap:6px;display:flex}.mk .router .live__dots button{background:var(--mk-navy-rule);cursor:pointer;border:0;border-radius:2px;width:22px;height:4px;padding:0}.mk .router .live__dots button:before{content:"";height:24px;margin-top:-10px;display:block}.mk .router .live__dots button[aria-checked=true]{background:var(--mk-cord)}.mk .router .live__dots button:focus-visible{outline:2px solid var(--mk-cord);outline-offset:4px}.mk .router .live__note{color:var(--mk-on-navy-2);margin:0;font-size:11px}.mk .router .beam__track{fill:none;stroke:var(--rd-beam);stroke-opacity:.55;stroke-width:1.5px;stroke-linecap:round}.mk .router .beam__pulse{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:16 120;stroke-dashoffset:16px}.mk .router .beam--in .beam__pulse{stroke:color-mix(in srgb, var(--mk-cord) 45%, transparent)}.mk .router .beam--out .beam__pulse{stroke:color-mix(in srgb, var(--mk-lamp) 45%, transparent)}.mk .router .beam__hot{stroke-width:2.5px}.mk .router .beam__hot--in{stroke:var(--mk-cord)}.mk .router .beam__hot--out{stroke:var(--mk-lamp)}@media (prefers-reduced-motion:no-preference){.mk .router .beam__pulse:not(.beam__hot){animation:mk-beam var(--beam-dur,5s) cubic-bezier(.16, 1, .3, 1) var(--beam-delay,0s) infinite}.mk .router .beam__hot--in{animation:2.1s cubic-bezier(.16,1,.3,1) infinite mk-beam-hot}.mk .router .beam__hot--out{animation:2.1s cubic-bezier(.16,1,.3,1) .75s infinite mk-beam-hot}.mk .router .hub__ring{animation:2.4s ease-out infinite mk-hub-ring}.mk .router .hub__ring--late{animation-delay:1.2s}.mk .router .router__live .lamp{animation:1.6s ease-in-out infinite mk-blink}.mk .router .hub__core[data-pop]{animation:.6s cubic-bezier(.34,1.56,.64,1) .7s both mk-hub-pop}.mk .router .live__inner[data-swap]>*{animation:.35s cubic-bezier(.2,.7,.2,1) both mk-live-in}.mk .router .live__inner[data-swap]>.live__icon{animation-name:mk-live-icon}.mk .router .live__inner[data-swap]>.live__text{animation-delay:80ms}.mk .router .live__inner[data-swap]>.live__result{animation-delay:.9s}}@keyframes mk-beam{0%{stroke-dashoffset:16px}to{stroke-dashoffset:-100px}}@keyframes mk-beam-hot{0%{stroke-dashoffset:16px}71%,to{stroke-dashoffset:-100px}}@keyframes mk-hub-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes mk-blink{0%,to{opacity:1}50%{opacity:.35}}@keyframes mk-hub-pop{0%{transform:scale(.94)}to{transform:none}}@keyframes mk-live-in{0%{filter:blur(4px);transform:translateY(8px)}to{filter:none;transform:none}}@keyframes mk-live-icon{0%{transform:scale(.8)}to{transform:none}}.mk .router[data-offscreen] *,.mk .router[data-offscreen] :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.mk .router *,.mk .router :before,.mk .router :after{animation:none!important}.mk .router .beam__pulse,.mk .router .hub__ring{display:none}}@media (max-width:640px){.mk .router__stage{grid-template-columns:auto minmax(16px,1fr) auto minmax(16px,1fr) auto;min-height:300px}.mk .router .chan__label,.mk .router .agent__sub{display:none}.mk .router .node{width:38px;height:38px}.mk .router .node svg{width:17px;height:17px}.mk .router .hub{width:76px;height:76px}.mk .router .hub__core svg{width:24px;height:24px}.mk .router .hub__core span{display:none}.mk .router .agent{gap:6px;min-width:0;padding:6px 10px 6px 6px}.mk .router .agent__node{width:24px;height:24px}.mk .router .agent__name{font-size:12.5px}.mk .router .agent__long{display:none}.mk .router .agent__short{display:inline}.mk .router .live{height:176px}}