:root{--mpn-cyan-300: #67e8f9;--mpn-cyan-400: #22d3ee;--mpn-cyan-500: #06b6d4;--mpn-cyan-600: #0891b2;--mpn-indigo-200: #c7d2fe;--mpn-indigo-300: #a5b4fc;--mpn-indigo-400: #818cf8;--mpn-indigo-500: #6366f1;--mpn-indigo-600: #4f46e5;--mpn-indigo-700: #4338ca;--mpn-violet-300: #c4b5fd;--mpn-violet-400: #a78bfa;--mpn-violet-500: #8b5cf6;--mpn-violet-600: #7c3aed;--mpn-ink-1000: #04060e;--mpn-ink-950: #070a16;--mpn-ink-900: #0b0f1f;--mpn-ink-850: #11162a;--mpn-ink-800: #171d36;--mpn-ink-700: #232a47;--mpn-ink-600: #333a5c;--mpn-ink-500: #4d5478;--mpn-ink-400: #6f769c;--mpn-ink-300: #949cc4;--mpn-ink-200: #c3c7e2;--mpn-ink-100: #e2e4f3;--mpn-ink-50: #f0f1fa;--mpn-ink-25: #f6f5fe;--mpn-ink-0: #ffffff;--mpn-glass-1: rgba(255,255,255,0.045);--mpn-glass-2: rgba(255,255,255,0.075);--mpn-glass-3: rgba(255,255,255,0.11);--mpn-glass-line: rgba(255,255,255,0.09);--mpn-glass-line-strong: rgba(255,255,255,0.16);--mpn-glass-sheen: rgba(255,255,255,0.06);--mpn-frost-1: rgba(255,255,255,0.5);--mpn-frost-2: rgba(255,255,255,0.72);--mpn-frost-3: rgba(255,255,255,0.88);--mpn-frost-line: rgba(80,70,180,0.14);--mpn-frost-line-strong: rgba(80,70,180,0.24);--mpn-frost-sheen: rgba(255,255,255,0.9);--mpn-green-400: #4ade80;--mpn-green-600: #0e9f6e;--mpn-amber-400: #fbbf24;--mpn-amber-600: #c77700;--mpn-rose-400: #fb7185;--mpn-rose-600: #e0413a;--mpn-sky-400: #38bdf8;--mpn-sky-600: #0b84d4;--mpn-purple-400: #c084fc;--mpn-purple-600: #7c3aed;--mpn-slate-400: #94a3b8;--mpn-slate-600: #7b7a9c;--mpn-sp-1: 4px;--mpn-sp-2: 8px;--mpn-sp-3: 12px;--mpn-sp-4: 16px;--mpn-sp-5: 20px;--mpn-sp-6: 24px;--mpn-sp-7: 32px;--mpn-sp-8: 48px;--mpn-fs-xs: 11px;--mpn-fs-sm: 12px;--mpn-fs-base: 13px;--mpn-fs-md: 14px;--mpn-fs-lg: 16px;--mpn-fs-xl: 22px;--mpn-fs-2xl: 28px;--mpn-fs-3xl: 36px;--mpn-lh-tight: 1.2;--mpn-lh-base: 1.5;--mpn-lh-loose: 1.65;--mpn-track-tight: -0.02em;--mpn-track-eyebrow: 0.12em;--mpn-font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans",sans-serif;--mpn-font-mono: ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--mpn-z-base: 1;--mpn-z-sticky: 20;--mpn-z-drawer: 40;--mpn-z-scrim: 50;--mpn-z-modal: 60;--mpn-z-toast: 70;--mpn-ease: cubic-bezier(0.2,0.8,0.2,1);--mpn-dur-fast: 110ms;--mpn-dur: 180ms;--mpn-dur-slow: 280ms}:root{color-scheme: dark;--mpn-bg: var(--mpn-ink-950);--mpn-bg-sunken: var(--mpn-glass-1);--mpn-bg-raised: var(--mpn-glass-2);--mpn-bg-overlay: var(--mpn-ink-850);--mpn-bg-inset: rgba(0,0,0,0.24);--mpn-bg-hover: var(--mpn-glass-2);--mpn-bg-active: var(--mpn-glass-3);--mpn-border: var(--mpn-glass-line);--mpn-border-strong: rgba(255,255,255,0.34);--mpn-line: rgba(255,255,255,0.07);--mpn-sheen: var(--mpn-glass-sheen);--mpn-fg: #eaeafb;--mpn-fg-muted: var(--mpn-ink-300);--mpn-fg-faint: var(--mpn-ink-400);--mpn-fg-on-accent: #ffffff;--mpn-accent: var(--mpn-indigo-300);--mpn-accent-solid: var(--mpn-indigo-600);--mpn-accent-hover: var(--mpn-indigo-400);--mpn-accent-tint: rgba(129,140,248,0.16);--mpn-accent-line: rgba(129,140,248,0.36);--mpn-accent-gradient: linear-gradient( 135deg,var(--mpn-cyan-400) 0%,var(--mpn-indigo-500) 55%,var(--mpn-violet-400) 100% );--mpn-focus: var(--mpn-cyan-400);--mpn-focus-ring: 0 0 0 2px var(--mpn-bg),0 0 0 4px var(--mpn-focus);--mpn-ok: var(--mpn-green-400);--mpn-warn: var(--mpn-amber-400);--mpn-danger: var(--mpn-rose-400);--mpn-info: var(--mpn-sky-400);--mpn-pending: var(--mpn-purple-400);--mpn-idle: var(--mpn-slate-400);--mpn-ok-tint: rgba(74,222,128,0.13);--mpn-warn-tint: rgba(251,191,36,0.13);--mpn-danger-tint: rgba(251,113,133,0.13);--mpn-info-tint: rgba(56,189,248,0.13);--mpn-pending-tint: rgba(192,132,252,0.13);--mpn-idle-tint: rgba(148,163,184,0.12);--mpn-shadow-sm: 0 1px 0 var(--mpn-sheen) inset,0 2px 8px rgba(0,0,0,0.3);--mpn-shadow: 0 1px 0 var(--mpn-sheen) inset,0 18px 44px rgba(0,0,0,0.38);--mpn-shadow-lg: 0 1px 0 var(--mpn-sheen) inset,0 32px 80px rgba(0,0,0,0.55);--mpn-glow-accent: 0 6px 18px rgba(99,102,241,0.36);--mpn-scrim: rgba(4,6,14,0.64);--mpn-wash: radial-gradient(58% 46% at 14% -4%,rgba(99,102,241,0.34),transparent 62%),radial-gradient(48% 42% at 88% 6%,rgba(34,211,238,0.2),transparent 62%),radial-gradient(64% 56% at 52% 104%,rgba(167,139,250,0.2),transparent 62%);--mpn-grid-line: rgba(255,255,255,0.05)}:root[data-theme="light"]{color-scheme: light;--mpn-bg: var(--mpn-ink-25);--mpn-bg-sunken: var(--mpn-frost-1);--mpn-bg-raised: var(--mpn-frost-2);--mpn-bg-overlay: var(--mpn-frost-3);--mpn-bg-inset: rgba(80,70,180,0.05);--mpn-bg-hover: rgba(99,102,241,0.06);--mpn-bg-active: rgba(99,102,241,0.1);--mpn-border: var(--mpn-frost-line);--mpn-border-strong: rgba(64,56,150,0.68);--mpn-line: rgba(80,70,180,0.1);--mpn-sheen: var(--mpn-frost-sheen);--mpn-fg: #1b1a3a;--mpn-fg-muted: #62608f;--mpn-fg-faint: #8b89b4;--mpn-fg-on-accent: #ffffff;--mpn-accent: #5b57e8;--mpn-accent-solid: #5b57e8;--mpn-accent-hover: #4a46d4;--mpn-accent-tint: rgba(91,87,232,0.12);--mpn-accent-line: rgba(91,87,232,0.32);--mpn-focus: var(--mpn-cyan-600);--mpn-ok: #056f47;--mpn-warn: #7a5200;--mpn-danger: #a8231c;--mpn-info: #0a5490;--mpn-pending: #5f21b8;--mpn-idle: #575669;--mpn-ok-tint: rgba(14,159,110,0.12);--mpn-warn-tint: rgba(199,119,0,0.12);--mpn-danger-tint: rgba(224,65,58,0.1);--mpn-info-tint: rgba(11,132,212,0.11);--mpn-pending-tint: rgba(124,58,237,0.11);--mpn-idle-tint: rgba(123,122,156,0.1);--mpn-shadow-sm: 0 1px 0 var(--mpn-sheen) inset,0 1px 3px rgba(60,50,150,0.07);--mpn-shadow: 0 1px 0 var(--mpn-sheen) inset,0 14px 36px rgba(60,50,150,0.1);--mpn-shadow-lg: 0 1px 0 var(--mpn-sheen) inset,0 28px 70px rgba(60,50,150,0.18);--mpn-glow-accent: 0 6px 18px rgba(91,87,232,0.24);--mpn-scrim: rgba(40,38,90,0.32);--mpn-wash: radial-gradient(58% 46% at 14% -4%,rgba(129,140,248,0.3),transparent 62%),radial-gradient(48% 42% at 88% 6%,rgba(103,232,249,0.26),transparent 62%),radial-gradient(64% 56% at 52% 104%,rgba(196,181,253,0.3),transparent 62%);--mpn-grid-line: rgba(80,70,180,0.06)}:root{--mpn-radius-xs: 4px;--mpn-radius-sm: 8px;--mpn-radius: 12px;--mpn-radius-lg: 16px;--mpn-radius-pill: 999px;--mpn-border-w: 1px;--mpn-row-h: 42px;--mpn-row-h-compact: 34px;--mpn-card-pad: 18px;--mpn-gap: 16px;--mpn-control-h: 34px;--mpn-control-pad-x: 14px;--mpn-sidebar-w: 244px;--mpn-sidebar-w-rail: 60px;--mpn-topbar-h: 56px;--mpn-drawer-w: 480px;--mpn-content-max: 1600px;--mpn-blur: 22px;--mpn-blur-chrome: 20px;--mpn-saturate: 170%;--mpn-bp-wide: 1300px;--mpn-bp-rail: 1100px;--mpn-bp-drawer: 820px}[data-density="compact"]{--mpn-row-h: 34px;--mpn-card-pad: 14px;--mpn-gap: 12px;--mpn-control-h: 30px}[data-density="relaxed"]{--mpn-row-h: 52px;--mpn-card-pad: 22px;--mpn-gap: 20px;--mpn-control-h: 40px}*,*::before,*::after{box-sizing: border-box}html,body{margin: 0;padding: 0}html{-webkit-text-size-adjust: 100%}body{min-height: 100vh;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin: 0}ul[class],ol[class]{list-style: none;margin: 0;padding: 0}img,picture,svg,video,canvas{display: block;max-width: 100%}svg{flex: 0 0 auto}input,button,textarea,select{font: inherit;color: inherit}button{background: none;border: 0;padding: 0;cursor: pointer}table{border-collapse: collapse;border-spacing: 0}a{color: inherit;text-decoration: none}[hidden]{display: none !important}:focus-visible{outline: 2px solid var(--mpn-focus);outline-offset: 2px}::selection{background: var(--mpn-accent-tint)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}.mpn-root{font-family: var(--mpn-font-sans);font-size: var(--mpn-fs-base);line-height: var(--mpn-lh-base);color: var(--mpn-fg)}.mpn-h1,.mpn-h2,.mpn-h3{letter-spacing: var(--mpn-track-tight);line-height: var(--mpn-lh-tight);font-weight: 600;color: var(--mpn-fg)}.mpn-h1{font-size: var(--mpn-fs-xl)}.mpn-h2{font-size: var(--mpn-fs-lg)}.mpn-h3{font-size: var(--mpn-fs-md)}.mpn-eyebrow{font-size: var(--mpn-fs-xs);font-weight: 600;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-faint)}.mpn-mono{font-family: var(--mpn-font-mono);font-variant-numeric: tabular-nums;font-size: 0.95em}.mpn-muted{color: var(--mpn-fg-muted)}.mpn-faint{color: var(--mpn-fg-faint)}.mpn-link{color: var(--mpn-accent);text-decoration: underline;text-decoration-color: var(--mpn-accent-line);text-underline-offset: 3px}.mpn-link:hover{text-decoration-color: currentColor}.mpn-kbd{font-family: var(--mpn-font-mono);font-size: 10px;line-height: 1;padding: 3px 5px;border: 1px solid var(--mpn-border-strong);border-radius: var(--mpn-radius-xs);color: var(--mpn-fg-faint)}.mpn-truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mpn-sr{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.mpn-root{background: var(--mpn-bg);min-height: 100vh}.mpn-root::before{content: "";position: fixed;inset: 0;z-index: 0;pointer-events: none;background: var(--mpn-wash)}.mpn-app{position: relative;z-index: var(--mpn-z-base);display: grid;grid-template-columns: var(--mpn-sidebar-w) minmax(0,1fr);min-height: 100vh}.mpn-sidebar{display: flex;flex-direction: column;gap: 2px;padding: var(--mpn-sp-3);border-inline-end: var(--mpn-border-w) solid var(--mpn-line);background: var(--mpn-bg-sunken);backdrop-filter: blur(var(--mpn-blur-chrome)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur-chrome)) saturate(var(--mpn-saturate));overflow-y: auto}.mpn-main{display: flex;flex-direction: column;min-width: 0}.mpn-topbar{position: sticky;top: 0;z-index: var(--mpn-z-sticky);display: flex;align-items: center;gap: var(--mpn-sp-3);height: var(--mpn-topbar-h);padding: 0 var(--mpn-sp-6);border-bottom: var(--mpn-border-w) solid var(--mpn-line);background: var(--mpn-bg-sunken);backdrop-filter: blur(var(--mpn-blur-chrome)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur-chrome)) saturate(var(--mpn-saturate))}.mpn-topbar-end{margin-inline-start: auto;display: flex;align-items: center;gap: var(--mpn-sp-2)}.mpn-page{display: flex;flex-direction: column;gap: var(--mpn-gap);width: 100%;max-width: var(--mpn-content-max);padding: var(--mpn-sp-6)}.mpn-page-head{display: flex;align-items: flex-end;gap: var(--mpn-sp-4);flex-wrap: wrap}.mpn-page-title{font-size: var(--mpn-fs-xl);font-weight: 600;letter-spacing: var(--mpn-track-tight);line-height: var(--mpn-lh-tight)}.mpn-page-sub{margin-top: var(--mpn-sp-1);font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-page-actions{margin-inline-start: auto;display: flex;gap: var(--mpn-sp-2)}.mpn-grid{display: grid;gap: var(--mpn-gap);min-width: 0}.mpn-g-2{grid-template-columns: repeat(2,minmax(0,1fr))}.mpn-g-3{grid-template-columns: repeat(3,minmax(0,1fr))}.mpn-g-4{grid-template-columns: repeat(4,minmax(0,1fr))}.mpn-g-split{grid-template-columns: minmax(0,2fr) minmax(0,1fr)}.mpn-g-side{grid-template-columns: minmax(0,1fr) 320px}.mpn-stack{display: flex;flex-direction: column;gap: var(--mpn-gap);min-width: 0}.mpn-row{display: flex;align-items: center;gap: var(--mpn-sp-2);flex-wrap: wrap}.mpn-spacer{margin-inline-start: auto}.mpn-topbar .mpn-nav-toggle{display: none}.mpn-scrim{position: fixed;inset: 0;z-index: var(--mpn-z-scrim);background: var(--mpn-scrim);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px)}@media (max-width: 1300px){.mpn-g-4{grid-template-columns: repeat(2,minmax(0,1fr))}.mpn-g-side{grid-template-columns: minmax(0,1fr)}}@media (max-width: 1100px){.mpn-app{grid-template-columns: var(--mpn-sidebar-w-rail) minmax(0,1fr)}.mpn-sidebar{align-items: center;padding: var(--mpn-sp-3) var(--mpn-sp-2)}.mpn-sidebar .mpn-nav-item{justify-content: center;padding: var(--mpn-sp-2)}.mpn-sidebar .mpn-nav-item > span,.mpn-sidebar .mpn-nav-label,.mpn-sidebar .mpn-brand-name{display: none}.mpn-g-split{grid-template-columns: minmax(0,1fr)}}@media (max-width: 820px){.mpn-app{grid-template-columns: minmax(0,1fr)}.mpn-sidebar{position: fixed;inset-block: 0;inset-inline-start: 0;inset-inline-end: auto;z-index: var(--mpn-z-drawer);width: var(--mpn-sidebar-w);align-items: stretch;padding: var(--mpn-sp-3);background: var(--mpn-bg-overlay);transform: translateX(-100%);transition: transform var(--mpn-dur) var(--mpn-ease)}.mpn-sidebar .mpn-nav-item{justify-content: flex-start;padding: var(--mpn-sp-2) var(--mpn-sp-3)}.mpn-sidebar .mpn-nav-item > span,.mpn-sidebar .mpn-nav-label,.mpn-sidebar .mpn-brand-name{display: block}:root[data-nav="open"] .mpn-sidebar{transform: none}.mpn-topbar .mpn-nav-toggle{display: grid}.mpn-page{padding: var(--mpn-sp-4)}.mpn-g-2,.mpn-g-3,.mpn-g-4{grid-template-columns: minmax(0,1fr)}}.mpn-board{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(268px,1fr);gap: var(--mpn-gap);padding: var(--mpn-card-pad);overflow-x: auto;align-items: start}.mpn-board-col{display: flex;flex-direction: column;gap: var(--mpn-sp-2);min-width: 0;padding: var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius);background: var(--mpn-bg-sunken)}.mpn-board-head{display: flex;align-items: center;gap: var(--mpn-sp-2);padding: 0 var(--mpn-sp-1) var(--mpn-sp-1)}.mpn-board-title{font-size: var(--mpn-fs-sm);font-weight: 600;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-muted)}.mpn-board-count{font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-board-card{display: flex;flex-direction: column;gap: var(--mpn-sp-2);padding: var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-raised);box-shadow: var(--mpn-shadow-sm);cursor: grab}.mpn-board-card:hover{border-color: var(--mpn-border-strong)}.mpn-board-card.is-dragging{opacity: 0.5;cursor: grabbing}.mpn-board-card-title{font-size: var(--mpn-fs-base);font-weight: 600;color: var(--mpn-fg)}.mpn-board-meta{display: flex;align-items: center;gap: var(--mpn-sp-2);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-board-drop{min-height: 56px;border: 1px dashed var(--mpn-border-strong);border-radius: var(--mpn-radius-sm)}.mpn-topo{display: flex;flex-direction: column;gap: var(--mpn-sp-4);padding: var(--mpn-card-pad);overflow-x: auto}.mpn-topo-row{display: flex;align-items: center;gap: var(--mpn-sp-3);min-width: max-content}.mpn-topo-node{display: flex;flex-direction: column;gap: 2px;min-width: 132px;padding: var(--mpn-sp-2) var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-raised);font-size: var(--mpn-fs-sm)}.mpn-topo-node.is-state{border-color: var(--mpn-state);background: var(--mpn-state-tint)}.mpn-topo-name{font-family: var(--mpn-font-mono);font-weight: 600;color: var(--mpn-fg)}.mpn-topo-sub{font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-topo-arrow{flex: 0 0 32px;height: 1px;position: relative;background: var(--mpn-border-strong)}.mpn-topo-arrow::after{content: "";position: absolute;right: 0;top: -3px;border: 3.5px solid transparent;border-left-color: var(--mpn-border-strong)}.mpn-btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--mpn-sp-2);height: var(--mpn-control-h);padding: 0 var(--mpn-control-pad-x);border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-sm);background: transparent;color: var(--mpn-fg);font-size: var(--mpn-fs-sm);font-weight: 600;white-space: nowrap;transition: background var(--mpn-dur-fast) var(--mpn-ease),border-color var(--mpn-dur-fast) var(--mpn-ease)}.mpn-btn:hover{background: var(--mpn-bg-hover)}.mpn-btn:active{background: var(--mpn-bg-active)}.mpn-btn[disabled],.mpn-btn[aria-disabled="true"]{opacity: 0.45;pointer-events: none}.mpn-btn-primary{border-color: transparent;background: var(--mpn-accent-gradient);color: #ffffff;box-shadow: var(--mpn-glow-accent)}.mpn-btn-primary:hover{background: var(--mpn-accent-gradient);filter: brightness(1.08)}.mpn-btn-solid{border-color: var(--mpn-accent-solid);background: var(--mpn-accent-solid);color: var(--mpn-fg-on-accent)}.mpn-btn-solid:hover{background: var(--mpn-accent-hover);border-color: var(--mpn-accent-hover)}.mpn-btn-ghost{border-color: transparent;color: var(--mpn-fg-muted)}.mpn-btn-ghost:hover{color: var(--mpn-fg)}.mpn-btn-danger{border-color: var(--mpn-danger);color: var(--mpn-danger)}.mpn-btn-danger:hover{background: var(--mpn-danger-tint)}.mpn-btn-sm{height: 26px;padding: 0 var(--mpn-sp-2);font-size: var(--mpn-fs-xs)}.mpn-btn-lg{height: 42px;padding: 0 var(--mpn-sp-5);font-size: var(--mpn-fs-md)}.mpn-btn-block{width: 100%}.mpn-btn-group{display: inline-flex}.mpn-btn-group > .mpn-btn{border-radius: 0;margin-inline-start: -1px}.mpn-btn-group > .mpn-btn:first-child{border-radius: var(--mpn-radius-sm) 0 0 var(--mpn-radius-sm);margin-inline-start: 0}.mpn-btn-group > .mpn-btn:last-child{border-radius: 0 var(--mpn-radius-sm) var(--mpn-radius-sm) 0}.mpn-btn-group > .mpn-btn[aria-pressed="true"]{z-index: 1;background: var(--mpn-accent-tint);border-color: var(--mpn-accent-line);color: var(--mpn-accent)}.mpn-icon-btn{display: grid;place-items: center;width: var(--mpn-control-h);height: var(--mpn-control-h);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: transparent;color: var(--mpn-fg-muted);transition: background var(--mpn-dur-fast) var(--mpn-ease),color var(--mpn-dur-fast) var(--mpn-ease)}.mpn-icon-btn:hover{background: var(--mpn-bg-hover);color: var(--mpn-fg)}.mpn-icon-btn-bare{border-color: transparent}.mpn-icon{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.mpn-icon-sm{width: 13px;height: 13px}.mpn-icon-lg{width: 20px;height: 20px}.mpn-avatar{display: grid;place-items: center;width: 30px;height: 30px;border-radius: var(--mpn-radius-pill);background: var(--mpn-accent-tint);color: var(--mpn-accent);font-size: var(--mpn-fs-xs);font-weight: 700}.mpn-cal{display: flex;flex-direction: column;min-width: 0}.mpn-cal-head{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-card-pad)}.mpn-cal-month{font-size: var(--mpn-fs-md);font-weight: 600;letter-spacing: var(--mpn-track-tight)}.mpn-cal-grid{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));border-top: var(--mpn-border-w) solid var(--mpn-line)}.mpn-cal-dow{padding: var(--mpn-sp-2);border-bottom: var(--mpn-border-w) solid var(--mpn-line);font-size: var(--mpn-fs-xs);font-weight: 600;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-faint);text-align: center}.mpn-cal-day{display: flex;flex-direction: column;gap: 3px;min-height: 92px;padding: var(--mpn-sp-2);border-inline-end: var(--mpn-border-w) solid var(--mpn-line);border-bottom: var(--mpn-border-w) solid var(--mpn-line);min-width: 0}.mpn-cal-day:nth-child(7n){border-inline-end: 0}.mpn-cal-day:hover{background: var(--mpn-bg-hover)}.mpn-cal-day.is-outside{color: var(--mpn-fg-faint);opacity: 0.55}.mpn-cal-num{font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-cal-day.is-today .mpn-cal-num{display: grid;place-items: center;width: 22px;height: 22px;border-radius: var(--mpn-radius-pill);background: var(--mpn-accent-gradient);color: #ffffff;font-weight: 700}.mpn-cal-event{display: flex;align-items: center;gap: 5px;padding: 2px var(--mpn-sp-2);border-radius: var(--mpn-radius-xs);background: var(--mpn-state-tint,var(--mpn-accent-tint));color: var(--mpn-state,var(--mpn-accent));font-size: var(--mpn-fs-xs);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mpn-cal-event::before{content: "";width: 4px;height: 4px;flex: 0 0 auto;border-radius: var(--mpn-radius-pill);background: currentColor}.mpn-cal-more{font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}@media (max-width: 820px){.mpn-cal-day{min-height: 64px}.mpn-cal-event{font-size: 10px}}.mpn-card{position: relative;min-width: 0;border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius);background: var(--mpn-bg-raised);box-shadow: var(--mpn-shadow);backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate))}.mpn-card-head{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-card-pad) var(--mpn-card-pad) 0}.mpn-card-title{font-size: var(--mpn-fs-base);font-weight: 600;letter-spacing: var(--mpn-track-tight)}.mpn-card-sub{margin-top: 2px;font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-card-act{margin-inline-start: auto;display: inline-flex;align-items: center;gap: var(--mpn-sp-1);font-size: var(--mpn-fs-sm);color: var(--mpn-accent)}.mpn-card-body{padding: var(--mpn-card-pad)}.mpn-card-foot{display: flex;align-items: center;gap: var(--mpn-sp-2);padding: var(--mpn-card-pad);border-top: var(--mpn-border-w) solid var(--mpn-line)}.mpn-card-flush > .mpn-card-body{padding: 0}.mpn-section-head{display: flex;align-items: center;gap: var(--mpn-sp-3);padding-bottom: var(--mpn-sp-2)}.mpn-stat-label{font-size: var(--mpn-fs-xs);font-weight: 600;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-muted)}.mpn-stat-value{margin: var(--mpn-sp-3) 0 var(--mpn-sp-1);font-family: var(--mpn-font-mono);font-variant-numeric: tabular-nums;font-size: var(--mpn-fs-2xl);font-weight: 700;line-height: 1;letter-spacing: var(--mpn-track-tight)}.mpn-stat-unit{font-size: 0.5em;font-weight: 500;color: var(--mpn-fg-faint)}.mpn-stat-meta{display: flex;align-items: center;gap: var(--mpn-sp-2);font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-delta{font-family: var(--mpn-font-mono);font-variant-numeric: tabular-nums;font-weight: 600}.mpn-delta-up{color: var(--mpn-ok)}.mpn-delta-down{color: var(--mpn-danger)}.mpn-delta-flat{color: var(--mpn-fg-faint)}.mpn-meter{height: 5px;margin-top: var(--mpn-sp-3);border-radius: var(--mpn-radius-pill);background: var(--mpn-bg-inset);overflow: hidden}.mpn-meter-fill{display: block;height: 100%;border-radius: inherit;background: var(--mpn-accent-solid);transition: width var(--mpn-dur-slow) var(--mpn-ease)}.mpn-meter-fill.is-warn{background: var(--mpn-warn)}.mpn-meter-fill.is-danger{background: var(--mpn-danger)}.mpn-kv{display: grid;grid-template-columns: minmax(120px,auto) minmax(0,1fr);gap: var(--mpn-sp-2) var(--mpn-sp-4);font-size: var(--mpn-fs-base)}.mpn-kv dt{color: var(--mpn-fg-muted)}.mpn-kv dd{font-family: var(--mpn-font-mono);color: var(--mpn-fg);overflow-wrap: anywhere}.mpn-card-quiet{background: transparent;box-shadow: none;backdrop-filter: none;-webkit-backdrop-filter: none}.mpn-card-state{border-color: var(--mpn-state)}.mpn-card-state::before{content: "";position: absolute;inset-block: 0;inset-inline-start: 0;inset-inline-end: auto;width: 3px;border-radius: var(--mpn-radius) 0 0 var(--mpn-radius);background: var(--mpn-state)}.mpn-infobox{display: flex;align-items: center;gap: var(--mpn-sp-4);padding: var(--mpn-card-pad)}.mpn-infobox-mark{display: grid;place-items: center;width: 46px;height: 46px;flex: 0 0 auto;border-radius: var(--mpn-radius-sm);background: var(--mpn-state-tint,var(--mpn-accent-tint));color: var(--mpn-state,var(--mpn-accent))}.mpn-infobox-body{min-width: 0}.mpn-infobox .mpn-stat-value{margin: 2px 0 0;font-size: var(--mpn-fs-xl)}.mpn-widget-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: var(--mpn-gap)}.mpn-chart{width: 100%;height: 180px;display: block;overflow: visible}.mpn-chart-sm{height: 120px}.mpn-spark{width: 108px;height: 30px;display: block}.mpn-chart-grid line{stroke: var(--mpn-grid-line);stroke-width: 1}.mpn-chart-axis{fill: var(--mpn-fg-faint);font-family: var(--mpn-font-mono);font-size: 10px}.mpn-chart-line{fill: none;stroke: var(--mpn-accent);stroke-width: 2;stroke-linejoin: round;stroke-linecap: round}.mpn-chart-line-2{stroke: var(--mpn-cyan-400)}.mpn-chart-line-3{stroke: var(--mpn-violet-400)}.mpn-chart-area{stroke: none}.mpn-chart-bar{fill: var(--mpn-accent-solid)}.mpn-chart-bar-muted{fill: var(--mpn-bg-inset)}.mpn-legend{display: flex;flex-wrap: wrap;gap: var(--mpn-sp-4);padding: 0 var(--mpn-card-pad) var(--mpn-card-pad);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-muted)}.mpn-legend-item{display: inline-flex;align-items: center;gap: var(--mpn-sp-2)}.mpn-legend-swatch{width: 10px;height: 3px;border-radius: 2px;background: var(--mpn-accent)}.mpn-matrix{display: grid;gap: 3px;grid-auto-flow: column;grid-template-rows: repeat(7,12px)}.mpn-matrix-cell{width: 12px;height: 12px;border-radius: 2px;background: var(--mpn-bg-inset)}.mpn-matrix-cell[data-level="1"]{background: rgba(99,102,241,0.25)}.mpn-matrix-cell[data-level="2"]{background: rgba(99,102,241,0.45)}.mpn-matrix-cell[data-level="3"]{background: rgba(99,102,241,0.7)}.mpn-matrix-cell[data-level="4"]{background: var(--mpn-accent-solid)}.mpn-stack-bar{display: flex;height: 8px;border-radius: var(--mpn-radius-pill);overflow: hidden;background: var(--mpn-bg-inset)}.mpn-stack-seg{height: 100%;background: var(--mpn-state,var(--mpn-accent-solid))}.mpn-donut{width: 132px;height: 132px;display: block;transform: rotate(-90deg)}.mpn-donut-track{fill: none;stroke: var(--mpn-bg-inset);stroke-width: 12}.mpn-donut-seg{fill: none;stroke: var(--mpn-state,var(--mpn-accent));stroke-width: 12;stroke-linecap: butt;transition: stroke-dasharray var(--mpn-dur-slow) var(--mpn-ease)}.mpn-donut-wrap{position: relative;display: inline-grid;place-items: center}.mpn-donut-center{position: absolute;text-align: center;font-family: var(--mpn-font-mono)}.mpn-donut-value{font-size: var(--mpn-fs-xl);font-weight: 700;line-height: 1}.mpn-donut-label{font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-gauge{width: 160px;height: 92px;display: block}.mpn-gauge-track{fill: none;stroke: var(--mpn-bg-inset);stroke-width: 10;stroke-linecap: round}.mpn-gauge-fill{fill: none;stroke: var(--mpn-state,var(--mpn-accent));stroke-width: 10;stroke-linecap: round}.mpn-bars{display: flex;align-items: flex-end;gap: 4px;height: 88px}.mpn-bars i{flex: 1;min-width: 4px;border-radius: 2px 2px 0 0;background: var(--mpn-accent-tint)}.mpn-bars i.is-peak{background: var(--mpn-accent-solid)}.mpn-meter-row{display: grid;grid-template-columns: minmax(90px,auto) minmax(0,1fr) 48px;gap: var(--mpn-sp-3);align-items: center;padding: var(--mpn-sp-2) 0;font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-meter-row .mpn-meter{margin-top: 0}.mpn-meter-row output{font-family: var(--mpn-font-mono);text-align: end;color: var(--mpn-fg)}.mpn-chat{display: grid;grid-template-columns: 240px minmax(0,1fr);min-height: 480px}.mpn-chat-aside{display: flex;flex-direction: column;border-inline-end: var(--mpn-border-w) solid var(--mpn-line);overflow-y: auto}.mpn-chat-thread{display: flex;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3);border-bottom: var(--mpn-border-w) solid var(--mpn-line);cursor: pointer;min-width: 0}.mpn-chat-thread:hover{background: var(--mpn-bg-hover)}.mpn-chat-thread[aria-selected="true"]{background: var(--mpn-accent-tint);box-shadow: inset 2px 0 0 var(--mpn-accent)}.mpn-chat-thread-body{min-width: 0;flex: 1}.mpn-chat-thread-name{font-size: var(--mpn-fs-sm);font-weight: 600;color: var(--mpn-fg)}.mpn-chat-thread-last{font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mpn-chat-main{display: flex;flex-direction: column;min-width: 0}.mpn-chat-head{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3) var(--mpn-card-pad);border-bottom: var(--mpn-border-w) solid var(--mpn-line)}.mpn-chat-log{display: flex;flex-direction: column;gap: var(--mpn-sp-3);padding: var(--mpn-card-pad);flex: 1;overflow-y: auto}.mpn-chat-day{align-self: center;padding: 2px var(--mpn-sp-3);border-radius: var(--mpn-radius-pill);background: var(--mpn-bg-inset);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-msg{display: flex;gap: var(--mpn-sp-3);max-width: 78%}.mpn-msg-bubble{padding: var(--mpn-sp-2) var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius) var(--mpn-radius) var(--mpn-radius) var(--mpn-radius-xs);background: var(--mpn-bg-raised);font-size: var(--mpn-fs-base);color: var(--mpn-fg);line-height: var(--mpn-lh-loose);overflow-wrap: anywhere}.mpn-msg-time{margin-top: 3px;font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-msg-self{margin-inline-start: auto;flex-direction: row-reverse}.mpn-msg-self .mpn-msg-bubble{border-color: transparent;border-radius: var(--mpn-radius) var(--mpn-radius) var(--mpn-radius-xs) var(--mpn-radius);background: var(--mpn-accent-gradient);color: #ffffff}.mpn-msg-self .mpn-msg-time{text-align: end}.mpn-chat-compose{display: flex;align-items: center;gap: var(--mpn-sp-2);padding: var(--mpn-sp-3) var(--mpn-card-pad);border-top: var(--mpn-border-w) solid var(--mpn-line)}@media (max-width: 820px){.mpn-chat{grid-template-columns: minmax(0,1fr)}.mpn-chat-aside{display: none}.mpn-msg{max-width: 92%}}.mpn-code{margin: 0;padding: var(--mpn-sp-4);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-inset);color: var(--mpn-fg-muted);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-sm);line-height: var(--mpn-lh-loose);overflow-x: auto;white-space: pre;tab-size: 2}.mpn-code b{color: var(--mpn-fg);font-weight: 600}.mpn-code .mpn-tok-key{color: var(--mpn-accent)}.mpn-code .mpn-tok-str{color: var(--mpn-ok)}.mpn-code .mpn-tok-num{color: var(--mpn-pending)}.mpn-code .mpn-tok-dim{color: var(--mpn-fg-faint)}.mpn-code-inline{padding: 1px 5px;border-radius: var(--mpn-radius-xs);background: var(--mpn-bg-inset);font-family: var(--mpn-font-mono);font-size: 0.92em;color: var(--mpn-accent)}.mpn-term{display: flex;flex-direction: column;border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: var(--mpn-ink-1000);overflow: hidden}.mpn-term-bar{display: flex;align-items: center;gap: var(--mpn-sp-2);padding: var(--mpn-sp-2) var(--mpn-sp-3);border-bottom: var(--mpn-border-w) solid rgba(255,255,255,0.08);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: rgba(234,234,251,0.5)}.mpn-term-body{padding: var(--mpn-sp-3);max-height: 320px;overflow: auto;font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-sm);line-height: 1.7;color: #cfd3ef;white-space: pre-wrap}.mpn-term-body .mpn-tok-prompt{color: var(--mpn-cyan-400)}.mpn-log{max-height: 360px;overflow: auto;font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-sm);line-height: 1.7}.mpn-log-line{display: flex;gap: var(--mpn-sp-3);padding: 1px var(--mpn-card-pad);white-space: pre}.mpn-log-line:hover{background: var(--mpn-bg-hover)}.mpn-log-time{flex: 0 0 auto;color: var(--mpn-fg-faint)}.mpn-log-level{flex: 0 0 46px;font-weight: 600;color: var(--mpn-state,var(--mpn-fg-faint))}.mpn-log-msg{color: var(--mpn-fg-muted);white-space: pre-wrap;overflow-wrap: anywhere}.mpn-log-line.mpn-is-danger .mpn-log-msg,.mpn-log-line.mpn-is-warn .mpn-log-msg{color: var(--mpn-fg)}.mpn-diff{font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-sm);line-height: 1.7;overflow-x: auto}.mpn-diff-line{display: flex;gap: var(--mpn-sp-3);padding: 0 var(--mpn-card-pad);white-space: pre;color: var(--mpn-fg-muted)}.mpn-diff-num{flex: 0 0 32px;text-align: end;color: var(--mpn-fg-faint);user-select: none}.mpn-diff-line.is-add{background: var(--mpn-ok-tint);color: var(--mpn-fg)}.mpn-diff-line.is-del{background: var(--mpn-danger-tint);color: var(--mpn-fg)}.mpn-accordion{display: flex;flex-direction: column}.mpn-accordion > details{border-bottom: var(--mpn-border-w) solid var(--mpn-line)}.mpn-accordion > details:last-child{border-bottom: 0}.mpn-summary{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3) var(--mpn-card-pad);cursor: pointer;font-size: var(--mpn-fs-base);font-weight: 600;color: var(--mpn-fg);list-style: none}.mpn-summary::-webkit-details-marker{display: none}.mpn-summary:hover{background: var(--mpn-bg-hover)}.mpn-summary::after{content: "";margin-inline-start: auto;width: 7px;height: 7px;border-inline-end: 1.5px solid currentColor;border-bottom: 1.5px solid currentColor;transform: rotate(45deg) translate(-2px,-2px);transition: transform var(--mpn-dur) var(--mpn-ease);color: var(--mpn-fg-faint)}details[open] > .mpn-summary::after{transform: rotate(-135deg) translate(-2px,-2px)}.mpn-accordion-body{padding: 0 var(--mpn-card-pad) var(--mpn-card-pad);font-size: var(--mpn-fs-base);color: var(--mpn-fg-muted);line-height: var(--mpn-lh-loose)}.mpn-stepper{display: flex;align-items: center;gap: var(--mpn-sp-2);overflow-x: auto;scrollbar-width: none}.mpn-stepper::-webkit-scrollbar{display: none}.mpn-step{display: flex;align-items: center;gap: var(--mpn-sp-2);color: var(--mpn-fg-faint);font-size: var(--mpn-fs-sm);white-space: nowrap}.mpn-step-num{display: grid;place-items: center;width: 22px;height: 22px;flex: 0 0 auto;border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-pill);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs)}.mpn-step[aria-current="step"]{color: var(--mpn-fg);font-weight: 600}.mpn-step[aria-current="step"] .mpn-step-num{border-color: transparent;background: var(--mpn-accent-gradient);color: #ffffff}.mpn-step[data-done]{color: var(--mpn-fg-muted)}.mpn-step[data-done] .mpn-step-num{border-color: var(--mpn-ok);color: var(--mpn-ok)}.mpn-step-sep{width: 28px;height: 1px;flex: 0 0 auto;background: var(--mpn-border-strong)}.mpn-pagination{display: flex;align-items: center;gap: var(--mpn-sp-1)}.mpn-page-btn{display: grid;place-items: center;min-width: 30px;height: 30px;padding: 0 var(--mpn-sp-2);border: var(--mpn-border-w) solid transparent;border-radius: var(--mpn-radius-sm);color: var(--mpn-fg-muted);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-sm)}.mpn-page-btn:hover{background: var(--mpn-bg-hover);color: var(--mpn-fg)}.mpn-page-btn[aria-current="page"]{border-color: var(--mpn-accent-line);background: var(--mpn-accent-tint);color: var(--mpn-accent);font-weight: 600}.mpn-page-btn[disabled]{opacity: 0.4;pointer-events: none}.mpn-page-gap{padding: 0 var(--mpn-sp-1);color: var(--mpn-fg-faint)}.mpn-spinner{width: 16px;height: 16px;border: 2px solid var(--mpn-border-strong);border-top-color: var(--mpn-accent);border-radius: var(--mpn-radius-pill);animation: mpn-spin 0.7s linear infinite}.mpn-spinner-lg{width: 28px;height: 28px;border-width: 3px}@keyframes mpn-spin{to{transform: rotate(360deg)}}.mpn-dots{display: inline-flex;gap: 4px;align-items: center}.mpn-dots i{width: 5px;height: 5px;border-radius: var(--mpn-radius-pill);background: var(--mpn-fg-faint);animation: mpn-bounce 1s var(--mpn-ease) infinite}.mpn-dots i:nth-child(2){animation-delay: 0.12s}.mpn-dots i:nth-child(3){animation-delay: 0.24s}@keyframes mpn-bounce{0%,60%,100%{opacity: 0.3;transform: translateY(0)}30%{opacity: 1;transform: translateY(-3px)}}.mpn-banner{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3) var(--mpn-sp-4);border: var(--mpn-border-w) solid var(--mpn-state,var(--mpn-border));border-radius: var(--mpn-radius);background: var(--mpn-state-tint,var(--mpn-bg-raised));color: var(--mpn-fg);font-size: var(--mpn-fs-sm)}.mpn-banner-title{font-weight: 600}.mpn-banner-act{margin-inline-start: auto;flex: 0 0 auto}.mpn-toasts{position: fixed;inset-inline-end: var(--mpn-sp-6);inset-block-end: var(--mpn-sp-6);z-index: var(--mpn-z-toast);display: flex;flex-direction: column;gap: var(--mpn-sp-2);width: min(360px,calc(100vw - var(--mpn-sp-7)))}.mpn-toast{display: flex;align-items: flex-start;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3) var(--mpn-sp-4);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius);background: var(--mpn-bg-overlay);box-shadow: var(--mpn-shadow-lg);backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));font-size: var(--mpn-fs-sm);animation: mpn-rise var(--mpn-dur) var(--mpn-ease)}@keyframes mpn-rise{from{opacity: 0;transform: translateY(8px)}}.mpn-progress{height: 3px;border-radius: var(--mpn-radius-pill);background: var(--mpn-bg-inset);overflow: hidden}.mpn-progress-fill{display: block;height: 100%;background: var(--mpn-accent-gradient)}.mpn-progress-indeterminate .mpn-progress-fill{width: 35%;animation: mpn-slide 1.2s var(--mpn-ease) infinite}@keyframes mpn-slide{from{transform: translateX(-100%)}to{transform: translateX(320%)}}.mpn-feed{display: flex;flex-direction: column}.mpn-feed-item{display: flex;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3) 0;border-bottom: var(--mpn-border-w) solid var(--mpn-line)}.mpn-feed-item:last-child{border-bottom: 0}.mpn-feed-time{flex: 0 0 48px;font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint);padding-top: 2px}.mpn-feed-body{min-width: 0;font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-feed-body strong{color: var(--mpn-fg);font-weight: 600;font-family: var(--mpn-font-mono)}.mpn-timeline{display: flex;flex-direction: column;gap: var(--mpn-sp-4);padding-inline-start: var(--mpn-sp-4);border-inline-start: var(--mpn-border-w) solid var(--mpn-line)}.mpn-timeline-item{position: relative;font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-timeline-item::before{content: "";position: absolute;inset-inline-start: calc(var(--mpn-sp-4) * -1 - 4px);top: 6px;width: 7px;height: 7px;border-radius: var(--mpn-radius-pill);background: var(--mpn-state,var(--mpn-fg-faint));box-shadow: 0 0 0 3px var(--mpn-bg)}.mpn-field{display: flex;flex-direction: column;gap: var(--mpn-sp-2);min-width: 0}.mpn-label{font-size: var(--mpn-fs-sm);font-weight: 600;color: var(--mpn-fg)}.mpn-hint{font-size: var(--mpn-fs-sm);color: var(--mpn-fg-faint)}.mpn-error{font-size: var(--mpn-fs-sm);color: var(--mpn-danger)}.mpn-input,.mpn-select,.mpn-textarea{width: 100%;min-height: var(--mpn-control-h);padding: 0 var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-inset);color: var(--mpn-fg);font-size: var(--mpn-fs-base);transition: border-color var(--mpn-dur-fast) var(--mpn-ease)}.mpn-textarea{padding: var(--mpn-sp-2) var(--mpn-sp-3);min-height: 88px;resize: vertical;line-height: var(--mpn-lh-base)}.mpn-input:hover,.mpn-select:hover,.mpn-textarea:hover{border-color: var(--mpn-accent-line)}.mpn-input::placeholder,.mpn-textarea::placeholder{color: var(--mpn-fg-faint)}.mpn-input[aria-invalid="true"],.mpn-select[aria-invalid="true"]{border-color: var(--mpn-danger)}.mpn-input-mono{font-family: var(--mpn-font-mono)}.mpn-select{appearance: none;padding-inline-end: var(--mpn-sp-7);background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position: right 18px center,right 13px center;background-size: 5px 5px,5px 5px;background-repeat: no-repeat}.mpn-input-group{display: flex;align-items: center;gap: var(--mpn-sp-2);min-width: 0}.mpn-search{display: flex;align-items: center;gap: var(--mpn-sp-2);flex: 1;max-width: 340px;height: var(--mpn-control-h);padding: 0 var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-inset);color: var(--mpn-fg-faint);font-size: var(--mpn-fs-sm)}.mpn-search:hover{border-color: var(--mpn-border-strong)}.mpn-search .mpn-kbd{margin-inline-start: auto}.mpn-check{display: inline-flex;align-items: center;gap: var(--mpn-sp-2);font-size: var(--mpn-fs-base);color: var(--mpn-fg-muted);cursor: pointer}.mpn-check input{appearance: none;width: 15px;height: 15px;margin: 0;border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-xs);background: var(--mpn-bg-inset);flex: 0 0 auto;cursor: pointer}.mpn-check input[type="radio"]{border-radius: var(--mpn-radius-pill)}.mpn-check input[type="checkbox"]:checked{border-color: transparent;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 4.6 9 10 3.2' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 9px 9px no-repeat,var(--mpn-accent-gradient)}.mpn-check input[type="radio"]:checked{border-color: transparent;background: radial-gradient(circle at center,#ffffff 0 2.5px,transparent 3px),var(--mpn-accent-gradient)}.mpn-switch{position: relative;width: 34px;height: 19px;flex: 0 0 auto;appearance: none;border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-pill);background: var(--mpn-bg-inset);cursor: pointer;transition: background var(--mpn-dur) var(--mpn-ease)}.mpn-switch::after{content: "";position: absolute;top: 2px;left: 2px;width: 13px;height: 13px;border-radius: var(--mpn-radius-pill);background: var(--mpn-fg-muted);transition: transform var(--mpn-dur) var(--mpn-ease),background var(--mpn-dur) var(--mpn-ease)}.mpn-switch:checked{border-color: transparent;background: var(--mpn-accent-gradient)}.mpn-switch:checked::after{transform: translateX(15px);background: #ffffff}.mpn-fieldset{display: grid;gap: var(--mpn-sp-4);border: 0;margin: 0;padding: 0}.mpn-choice{display: flex;align-items: flex-start;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);cursor: pointer}.mpn-choice:hover{border-color: var(--mpn-border-strong);background: var(--mpn-bg-hover)}.mpn-choice:has(input:checked){border-color: var(--mpn-accent-line);background: var(--mpn-accent-tint)}.mpn-choice-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: var(--mpn-sp-3)}.mpn-form-h{display: grid;grid-template-columns: 180px minmax(0,1fr);gap: var(--mpn-sp-4);align-items: start}.mpn-form-h > .mpn-label{padding-top: 9px}.mpn-form-inline{display: flex;align-items: flex-end;gap: var(--mpn-sp-3);flex-wrap: wrap}.mpn-addon{display: flex;align-items: stretch;min-width: 0}.mpn-addon > .mpn-input{border-radius: 0;margin-inline-start: -1px}.mpn-addon > :first-child{border-radius: var(--mpn-radius-sm) 0 0 var(--mpn-radius-sm);margin-inline-start: 0}.mpn-addon > :last-child{border-radius: 0 var(--mpn-radius-sm) var(--mpn-radius-sm) 0}.mpn-addon-text{display: grid;place-items: center;padding: 0 var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border-strong);background: var(--mpn-bg-sunken);color: var(--mpn-fg-faint);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-sm);white-space: nowrap}.mpn-field.is-valid .mpn-input,.mpn-field.is-valid .mpn-select{border-color: var(--mpn-ok)}.mpn-field.is-invalid .mpn-input,.mpn-field.is-invalid .mpn-select,.mpn-field.is-invalid .mpn-textarea{border-color: var(--mpn-danger)}.mpn-counter{margin-inline-start: auto;font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-drop{display: flex;flex-direction: column;align-items: center;gap: var(--mpn-sp-2);padding: var(--mpn-sp-7) var(--mpn-sp-5);border: 2px dashed var(--mpn-border-strong);border-radius: var(--mpn-radius);background: var(--mpn-bg-inset);text-align: center;color: var(--mpn-fg-muted);cursor: pointer}.mpn-drop:hover,.mpn-drop.is-over{border-color: var(--mpn-accent);background: var(--mpn-accent-tint)}.mpn-range{width: 100%;height: 18px;appearance: none;background: transparent;cursor: pointer}.mpn-range::-webkit-slider-runnable-track{height: 4px;border-radius: var(--mpn-radius-pill);background: var(--mpn-bg-inset)}.mpn-range::-moz-range-track{height: 4px;border-radius: var(--mpn-radius-pill);background: var(--mpn-bg-inset)}.mpn-range::-webkit-slider-thumb{appearance: none;margin-top: -5px;width: 14px;height: 14px;border: 0;border-radius: var(--mpn-radius-pill);background: var(--mpn-accent-solid);box-shadow: var(--mpn-glow-accent)}.mpn-range::-moz-range-thumb{width: 14px;height: 14px;border: 0;border-radius: var(--mpn-radius-pill);background: var(--mpn-accent-solid)}.mpn-tags{display: flex;align-items: center;gap: var(--mpn-sp-2);flex-wrap: wrap;min-height: var(--mpn-control-h);padding: 5px var(--mpn-sp-2);border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-inset)}.mpn-tags .mpn-tag{background: var(--mpn-accent-tint);border-color: var(--mpn-accent-line);color: var(--mpn-accent)}.mpn-tags input{flex: 1;min-width: 80px;border: 0;background: transparent;font-size: var(--mpn-fs-base)}.mpn-tags input:focus-visible{outline: none}.mpn-otp{display: flex;gap: var(--mpn-sp-2)}.mpn-otp input{width: 42px;height: 50px;padding: 0;border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-inset);color: var(--mpn-fg);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xl);text-align: center}.mpn-otp input:focus-visible{border-color: var(--mpn-accent)}.mpn-il{display: block;width: 240px;height: 180px;max-width: 100%}.mpn-il-sm{width: 160px;height: 120px}.mpn-il-lg{width: 320px;height: 240px}.mpn-il-glow{fill: url(#mpn-il-glow);stroke: none}.mpn-il-line{fill: none;stroke: var(--mpn-fg-faint);stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.mpn-il-soft{fill: var(--mpn-bg-raised);stroke: none}.mpn-il-dash{fill: none;stroke: var(--mpn-border-strong);stroke-width: 2;stroke-dasharray: 5 5;stroke-linecap: round}.mpn-il-accent{fill: none;stroke: var(--mpn-accent);stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round}.mpn-il-accent-fill{fill: var(--mpn-accent);stroke: none}.mpn-il-danger{fill: none;stroke: var(--mpn-danger);stroke-width: 2.5;stroke-linecap: round}.mpn-il-ok{fill: none;stroke: var(--mpn-ok);stroke-width: 2.5;stroke-linecap: round;stroke-linejoin: round}.mpn-il-ok-soft{fill: var(--mpn-ok-tint);stroke: none}.mpn-il-text{fill: var(--mpn-fg-faint);stroke: none;font-family: var(--mpn-font-mono);font-size: 22px;font-weight: 700;letter-spacing: 0.16em}.mpn-il-plate-bg{fill: var(--mpn-bg-raised);stroke: none}.mpn-il-plate-edge{fill: none;stroke: url(#mpn-il-plate);stroke-width: 1.5}.mpn-il-plate-grid line{stroke: var(--mpn-grid-line);stroke-width: 1}.mpn-il-bracket path{fill: none;stroke: var(--mpn-focus);stroke-width: 2;stroke-linecap: round}.mpn-state-page{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--mpn-sp-4);min-height: 60vh;padding: var(--mpn-sp-8) var(--mpn-sp-6);text-align: center}.mpn-state-code{font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);font-weight: 700;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-faint)}.mpn-state-title{font-size: var(--mpn-fs-xl);font-weight: 600;letter-spacing: var(--mpn-track-tight)}.mpn-state-body{max-width: 46ch;color: var(--mpn-fg-muted);line-height: var(--mpn-lh-loose)}.mpn-list{display: flex;flex-direction: column}.mpn-list-item{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3) var(--mpn-card-pad);border-bottom: var(--mpn-border-w) solid var(--mpn-line);min-width: 0}.mpn-list-item:last-child{border-bottom: 0}.mpn-list-item:hover{background: var(--mpn-bg-hover)}.mpn-list-flush .mpn-list-item{padding-inline-start: 0;padding-inline-end: 0}.mpn-list-body{min-width: 0;flex: 1}.mpn-list-title{font-size: var(--mpn-fs-base);font-weight: 600;color: var(--mpn-fg)}.mpn-list-sub{font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-list-end{margin-inline-start: auto;display: flex;align-items: center;gap: var(--mpn-sp-2);flex: 0 0 auto}.mpn-media{display: flex;gap: var(--mpn-sp-3);min-width: 0}.mpn-media-thumb{display: grid;place-items: center;width: 38px;height: 38px;flex: 0 0 auto;border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-inset);color: var(--mpn-fg-muted)}.mpn-media-thumb.is-accent{background: var(--mpn-accent-tint);color: var(--mpn-accent)}.mpn-media-thumb.is-state{background: var(--mpn-state-tint);color: var(--mpn-state)}.mpn-avatar-group{display: flex;align-items: center}.mpn-avatar-group .mpn-avatar{margin-inline-start: -8px;box-shadow: 0 0 0 2px var(--mpn-bg)}.mpn-avatar-group .mpn-avatar:first-child{margin-inline-start: 0}.mpn-file-row{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-2) var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);font-size: var(--mpn-fs-sm)}.mpn-file-name{font-family: var(--mpn-font-mono);color: var(--mpn-fg);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mpn-file-size{margin-inline-start: auto;font-family: var(--mpn-font-mono);color: var(--mpn-fg-faint);flex: 0 0 auto}.mpn-comment{display: flex;gap: var(--mpn-sp-3);padding: var(--mpn-sp-3) 0}.mpn-comment-head{display: flex;align-items: baseline;gap: var(--mpn-sp-2);font-size: var(--mpn-fs-sm)}.mpn-comment-author{font-weight: 600;color: var(--mpn-fg)}.mpn-comment-time{font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-comment-body{margin-top: var(--mpn-sp-1);font-size: var(--mpn-fs-base);color: var(--mpn-fg-muted);line-height: var(--mpn-lh-loose)}.mpn-brand{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-1) var(--mpn-sp-2) var(--mpn-sp-4)}.mpn-brand-mark{display: grid;place-items: center;width: 28px;height: 28px;border-radius: var(--mpn-radius-sm);background: var(--mpn-accent-gradient);color: #ffffff;font-weight: 800;font-size: var(--mpn-fs-base)}.mpn-brand-name{font-weight: 700;font-size: var(--mpn-fs-md);letter-spacing: var(--mpn-track-tight)}.mpn-nav-label{padding: var(--mpn-sp-4) var(--mpn-sp-2) var(--mpn-sp-1);font-size: var(--mpn-fs-xs);font-weight: 600;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-faint)}.mpn-nav-item{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-2) var(--mpn-sp-3);border-radius: var(--mpn-radius-sm);color: var(--mpn-fg-muted);font-size: var(--mpn-fs-base);transition: background var(--mpn-dur-fast) var(--mpn-ease),color var(--mpn-dur-fast) var(--mpn-ease)}.mpn-nav-item:hover{background: var(--mpn-bg-hover);color: var(--mpn-fg)}.mpn-nav-item[aria-current="page"]{background: var(--mpn-accent-tint);box-shadow: inset 0 0 0 1px var(--mpn-accent-line);color: var(--mpn-accent);font-weight: 600}.mpn-nav-badge{margin-inline-start: auto;font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-faint)}.mpn-nav-foot{margin-top: auto;padding-top: var(--mpn-sp-4)}.mpn-tabs{display: flex;gap: var(--mpn-sp-1);border-bottom: var(--mpn-border-w) solid var(--mpn-line);overflow-x: auto;scrollbar-width: none}.mpn-tabs::-webkit-scrollbar{display: none}.mpn-tab{position: relative;padding: var(--mpn-sp-3) var(--mpn-sp-3);color: var(--mpn-fg-muted);font-size: var(--mpn-fs-base);white-space: nowrap}.mpn-tab:hover{color: var(--mpn-fg)}.mpn-tab[aria-selected="true"]{color: var(--mpn-fg);font-weight: 600}.mpn-tab[aria-selected="true"]::after{content: "";position: absolute;inset-inline: var(--mpn-sp-2);bottom: -1px;height: 2px;border-radius: 2px;background: var(--mpn-accent-gradient)}.mpn-crumbs{display: flex;align-items: center;gap: var(--mpn-sp-2);font-size: var(--mpn-fs-sm);color: var(--mpn-fg-faint)}.mpn-crumbs a:hover{color: var(--mpn-fg)}.mpn-crumb-sep{color: var(--mpn-fg-faint);opacity: 0.6}.mpn-pager{display: flex;align-items: center;gap: var(--mpn-sp-2);padding: var(--mpn-sp-3) var(--mpn-card-pad);border-top: var(--mpn-border-w) solid var(--mpn-line);font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-env{display: inline-flex;align-items: center;gap: var(--mpn-sp-2);padding: 3px var(--mpn-sp-2);border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-pill);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-muted)}.mpn-modal{position: fixed;top: 50%;left: 50%;z-index: var(--mpn-z-modal);transform: translate(-50%,-50%);width: min(560px,calc(100vw - var(--mpn-sp-7)));max-height: calc(100vh - var(--mpn-sp-8));display: flex;flex-direction: column;border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-lg);background: var(--mpn-bg-overlay);box-shadow: var(--mpn-shadow-lg);backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));animation: mpn-pop var(--mpn-dur) var(--mpn-ease)}@keyframes mpn-pop{from{opacity: 0;transform: translate(-50%,-46%) scale(0.98)}}.mpn-drawer{position: fixed;inset-block: 0;inset-inline-end: 0;inset-inline-start: auto;z-index: var(--mpn-z-modal);width: min(var(--mpn-drawer-w),100vw);display: flex;flex-direction: column;border-inline-start: var(--mpn-border-w) solid var(--mpn-border);background: var(--mpn-bg-overlay);box-shadow: var(--mpn-shadow-lg);backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));animation: mpn-slide-in var(--mpn-dur) var(--mpn-ease)}@keyframes mpn-slide-in{from{transform: translateX(24px);opacity: 0}}.mpn-overlay-head{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-4) var(--mpn-sp-5);border-bottom: var(--mpn-border-w) solid var(--mpn-line)}.mpn-overlay-title{font-size: var(--mpn-fs-md);font-weight: 600;letter-spacing: var(--mpn-track-tight)}.mpn-overlay-body{padding: var(--mpn-sp-5);overflow-y: auto;flex: 1}.mpn-overlay-foot{display: flex;align-items: center;gap: var(--mpn-sp-2);padding: var(--mpn-sp-4) var(--mpn-sp-5);border-top: var(--mpn-border-w) solid var(--mpn-line)}.mpn-menu{position: absolute;z-index: var(--mpn-z-drawer);min-width: 200px;padding: var(--mpn-sp-1);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-overlay);box-shadow: var(--mpn-shadow);backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate))}.mpn-menu-item{display: flex;align-items: center;gap: var(--mpn-sp-3);width: 100%;padding: var(--mpn-sp-2) var(--mpn-sp-3);border-radius: var(--mpn-radius-xs);color: var(--mpn-fg-muted);font-size: var(--mpn-fs-base);text-align: start}.mpn-menu-item:hover{background: var(--mpn-bg-hover);color: var(--mpn-fg)}.mpn-menu-item.is-danger{color: var(--mpn-danger)}.mpn-menu-sep{height: 1px;margin: var(--mpn-sp-1) 0;background: var(--mpn-line)}.mpn-palette{position: fixed;top: 14vh;left: 50%;transform: translateX(-50%);z-index: var(--mpn-z-modal);width: min(620px,calc(100vw - var(--mpn-sp-7)));border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-lg);background: var(--mpn-bg-overlay);box-shadow: var(--mpn-shadow-lg);backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));overflow: hidden}.mpn-palette-field{width: 100%;height: 52px;padding: 0 var(--mpn-sp-5);border: 0;border-bottom: var(--mpn-border-w) solid var(--mpn-line);background: transparent;color: var(--mpn-fg);font-size: var(--mpn-fs-lg)}.mpn-palette-field:focus-visible{outline: none}.mpn-palette-list{max-height: 380px;overflow-y: auto;padding: var(--mpn-sp-2)}.mpn-palette-group{padding: var(--mpn-sp-3) var(--mpn-sp-3) var(--mpn-sp-1);font-size: var(--mpn-fs-xs);font-weight: 600;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-faint)}.mpn-palette-item{display: flex;align-items: center;gap: var(--mpn-sp-3);width: 100%;padding: var(--mpn-sp-2) var(--mpn-sp-3);border-radius: var(--mpn-radius-sm);color: var(--mpn-fg-muted);font-size: var(--mpn-fs-base);text-align: start}.mpn-palette-item[aria-selected="true"]{background: var(--mpn-accent-tint);color: var(--mpn-fg)}.mpn-tooltip{position: absolute;z-index: var(--mpn-z-toast);padding: var(--mpn-sp-1) var(--mpn-sp-2);border-radius: var(--mpn-radius-xs);background: var(--mpn-ink-1000);color: var(--mpn-ink-50);font-size: var(--mpn-fs-xs);white-space: nowrap;pointer-events: none}.mpn-pill{display: inline-flex;align-items: center;gap: var(--mpn-sp-2);padding: 3px var(--mpn-sp-2);border-radius: var(--mpn-radius-pill);background: var(--mpn-state-tint);color: var(--mpn-state);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);font-weight: 600;white-space: nowrap}.mpn-pill::before{content: "";width: 6px;height: 6px;border-radius: var(--mpn-radius-pill);background: currentColor;flex: 0 0 auto}.mpn-pill-bare{padding: 0;background: transparent}.mpn-dot{display: inline-block;width: 7px;height: 7px;border-radius: var(--mpn-radius-pill);background: var(--mpn-state);flex: 0 0 auto}.mpn-is-ok{--mpn-state: var(--mpn-ok);--mpn-state-tint: var(--mpn-ok-tint)}.mpn-is-warn{--mpn-state: var(--mpn-warn);--mpn-state-tint: var(--mpn-warn-tint)}.mpn-is-danger{--mpn-state: var(--mpn-danger);--mpn-state-tint: var(--mpn-danger-tint)}.mpn-is-info{--mpn-state: var(--mpn-info);--mpn-state-tint: var(--mpn-info-tint)}.mpn-is-pending{--mpn-state: var(--mpn-pending);--mpn-state-tint: var(--mpn-pending-tint)}.mpn-is-idle{--mpn-state: var(--mpn-idle);--mpn-state-tint: var(--mpn-idle-tint)}.mpn-is-pending .mpn-pill::before,.mpn-pill.mpn-is-pending::before{animation: mpn-pulse 1.6s var(--mpn-ease) infinite}@keyframes mpn-pulse{0%,100%{opacity: 1}50%{opacity: 0.35}}.mpn-tag{display: inline-flex;align-items: center;gap: var(--mpn-sp-1);padding: 2px var(--mpn-sp-2);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-xs);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-xs);color: var(--mpn-fg-muted)}.mpn-chip{display: inline-flex;align-items: center;gap: var(--mpn-sp-2);padding: 4px var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-pill);font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-chip:hover{background: var(--mpn-bg-hover);color: var(--mpn-fg)}.mpn-chip[aria-pressed="true"]{border-color: var(--mpn-accent-line);background: var(--mpn-accent-tint);color: var(--mpn-accent)}.mpn-table-wrap{overflow-x: auto;overscroll-behavior-x: contain}.mpn-table{width: 100%;font-size: var(--mpn-fs-base)}.mpn-table th{position: sticky;top: 0;z-index: 1;height: 34px;padding: 0 var(--mpn-sp-4);border-bottom: var(--mpn-border-w) solid var(--mpn-line);background: var(--mpn-bg-raised);backdrop-filter: blur(var(--mpn-blur));-webkit-backdrop-filter: blur(var(--mpn-blur));text-align: start;font-size: var(--mpn-fs-xs);font-weight: 600;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-muted);white-space: nowrap}.mpn-table th[aria-sort]{cursor: pointer}.mpn-table th[aria-sort]:hover{color: var(--mpn-fg)}.mpn-table th[aria-sort="ascending"]::after{content: " ↑";color: var(--mpn-accent)}.mpn-table th[aria-sort="descending"]::after{content: " ↓";color: var(--mpn-accent)}.mpn-table td{height: var(--mpn-row-h);padding: 0 var(--mpn-sp-4);border-bottom: var(--mpn-border-w) solid var(--mpn-line);color: var(--mpn-fg-muted);white-space: nowrap}.mpn-table tbody tr:hover td{background: var(--mpn-bg-hover)}.mpn-table tbody tr:last-child td{border-bottom: 0}.mpn-table tbody tr[aria-selected="true"] td{background: var(--mpn-accent-tint)}.mpn-cell-key{color: var(--mpn-fg);font-family: var(--mpn-font-mono);font-weight: 600}.mpn-cell-mono{font-family: var(--mpn-font-mono);font-variant-numeric: tabular-nums;font-size: var(--mpn-fs-sm)}.mpn-cell-num{text-align: end;font-family: var(--mpn-font-mono);font-variant-numeric: tabular-nums}.mpn-cell-check{width: 40px;padding-inline-end: 0}.mpn-cell-act{width: 48px;text-align: end}.mpn-row-danger td{box-shadow: inset 2px 0 0 var(--mpn-danger);background: var(--mpn-danger-tint)}.mpn-row-warn td{box-shadow: inset 2px 0 0 var(--mpn-warn)}.mpn-toolbar{display: flex;align-items: center;gap: var(--mpn-sp-2);padding: var(--mpn-card-pad);flex-wrap: wrap}.mpn-bulkbar{display: flex;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-2) var(--mpn-card-pad);border-bottom: var(--mpn-border-w) solid var(--mpn-line);background: var(--mpn-accent-tint);font-size: var(--mpn-fs-sm);color: var(--mpn-accent)}.mpn-empty{display: flex;flex-direction: column;align-items: center;gap: var(--mpn-sp-3);padding: var(--mpn-sp-8) var(--mpn-sp-6);text-align: center;color: var(--mpn-fg-muted)}.mpn-empty-title{font-size: var(--mpn-fs-md);font-weight: 600;color: var(--mpn-fg)}.mpn-skeleton{height: 10px;border-radius: var(--mpn-radius-xs);background: linear-gradient( 90deg,var(--mpn-bg-inset) 0%,var(--mpn-bg-hover) 50%,var(--mpn-bg-inset) 100% );background-size: 200% 100%;animation: mpn-shimmer 1.4s linear infinite}@keyframes mpn-shimmer{from{background-position: 200% 0}to{background-position: -200% 0}}.mpn-table-striped tbody tr:nth-child(even) td{background: var(--mpn-bg-inset)}.mpn-table-striped tbody tr:nth-child(even):hover td{background: var(--mpn-bg-hover)}.mpn-table-bordered th,.mpn-table-bordered td{border-inline-end: var(--mpn-border-w) solid var(--mpn-line)}.mpn-table-bordered th:last-child,.mpn-table-bordered td:last-child{border-inline-end: 0}.mpn-table-compact td{height: var(--mpn-row-h-compact)}.mpn-table-compact th{height: 28px}.mpn-table-flat th{position: static;background: transparent;backdrop-filter: none;-webkit-backdrop-filter: none}.mpn-table-quiet td{border-bottom: 0}.mpn-table-fixed{table-layout: fixed}.mpn-table-fixed td{overflow: hidden;text-overflow: ellipsis}@media (max-width: 820px){.mpn-table-stack thead{display: none}.mpn-table-stack tbody tr{display: grid;gap: 2px;padding: var(--mpn-sp-3) 0;border-bottom: var(--mpn-border-w) solid var(--mpn-line)}.mpn-table-stack td{display: flex;align-items: center;gap: var(--mpn-sp-3);height: auto;border-bottom: 0;white-space: normal}.mpn-table-stack td::before{content: attr(data-label);flex: 0 0 96px;font-size: var(--mpn-fs-xs);font-weight: 600;text-transform: uppercase;letter-spacing: var(--mpn-track-eyebrow);color: var(--mpn-fg-faint)}}.mpn-popover{position: fixed;z-index: var(--mpn-z-drawer);padding: var(--mpn-sp-3);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-overlay);box-shadow: var(--mpn-shadow);backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate))}.mpn-popover-title{font-size: var(--mpn-fs-sm);font-weight: 600;margin-bottom: var(--mpn-sp-2)}.mpn-dp{width: 268px;padding: var(--mpn-sp-2)}.mpn-dp-head{display: flex;align-items: center;justify-content: space-between;gap: var(--mpn-sp-2);padding: var(--mpn-sp-1) var(--mpn-sp-2) var(--mpn-sp-2)}.mpn-dp-month{font-size: var(--mpn-fs-sm);font-weight: 600}.mpn-dp-grid{display: grid;grid-template-columns: repeat(7,1fr);gap: 2px}.mpn-dp-dow{padding-block: var(--mpn-sp-1);text-align: center;font-size: 10px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.08em;color: var(--mpn-fg-faint)}.mpn-dp-day{height: 30px;border-radius: var(--mpn-radius-xs);font-family: var(--mpn-font-mono);font-size: var(--mpn-fs-sm);color: var(--mpn-fg-muted)}.mpn-dp-day:hover{background: var(--mpn-bg-hover);color: var(--mpn-fg)}.mpn-dp-day.is-outside{color: var(--mpn-fg-faint);opacity: 0.5}.mpn-dp-day.is-today{box-shadow: inset 0 0 0 1px var(--mpn-accent-line);color: var(--mpn-accent)}.mpn-dp-day.is-selected{background: var(--mpn-accent-gradient);color: #ffffff;font-weight: 700}.mpn-dp-foot{display: flex;gap: var(--mpn-sp-2);padding: var(--mpn-sp-2) var(--mpn-sp-1) var(--mpn-sp-1);border-top: var(--mpn-border-w) solid var(--mpn-line);margin-top: var(--mpn-sp-2)}.mpn-combo{position: relative;min-width: 0}.mpn-combo-field{width: 100%;min-height: var(--mpn-control-h);padding-inline: var(--mpn-sp-3) var(--mpn-sp-7);border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-inset);color: var(--mpn-fg);font-size: var(--mpn-fs-base)}.mpn-combo::after{content: "";position: absolute;inset-inline-end: 13px;top: 14px;width: 6px;height: 6px;border-inline-end: 1.5px solid var(--mpn-fg-faint);border-block-end: 1.5px solid var(--mpn-fg-faint);transform: rotate(45deg);pointer-events: none}.mpn-combo-list{position: absolute;inset-inline: 0;top: calc(100% + 4px);z-index: var(--mpn-z-drawer);max-height: 240px;overflow-y: auto;padding: var(--mpn-sp-1);border: var(--mpn-border-w) solid var(--mpn-border);border-radius: var(--mpn-radius-sm);background: var(--mpn-bg-overlay);box-shadow: var(--mpn-shadow);backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate));-webkit-backdrop-filter: blur(var(--mpn-blur)) saturate(var(--mpn-saturate))}.mpn-combo-option{display: flex;align-items: center;gap: var(--mpn-sp-2);width: 100%;padding: var(--mpn-sp-2) var(--mpn-sp-3);border-radius: var(--mpn-radius-xs);text-align: start;font-size: var(--mpn-fs-base);color: var(--mpn-fg-muted)}.mpn-combo-option:hover,.mpn-combo-option[aria-selected="true"]{background: var(--mpn-bg-hover);color: var(--mpn-fg)}.mpn-combo-option[data-chosen]{color: var(--mpn-accent);font-weight: 600}.mpn-combo-option[data-chosen]::after{content: "✓";margin-inline-start: auto}.mpn-combo-empty{padding: var(--mpn-sp-3);text-align: center;font-size: var(--mpn-fs-sm);color: var(--mpn-fg-faint)}.mpn-color{position: relative;display: flex;align-items: center;gap: var(--mpn-sp-2)}.mpn-color-dot{width: 26px;height: 26px;flex: 0 0 auto;border: var(--mpn-border-w) solid var(--mpn-border-strong);border-radius: var(--mpn-radius-xs)}.mpn-color-pop{width: 176px}.mpn-color-grid{display: grid;grid-template-columns: repeat(6,1fr);gap: var(--mpn-sp-2)}.mpn-color-swatch{width: 22px;height: 22px;border-radius: var(--mpn-radius-xs);box-shadow: inset 0 0 0 1px rgba(128,128,128,0.35)}.mpn-color-swatch:hover{outline: 2px solid var(--mpn-focus);outline-offset: 1px}.mpn-tree{font-size: var(--mpn-fs-base)}.mpn-tree-branch > .mpn-tree-children{display: none;padding-inline-start: var(--mpn-sp-4);border-inline-start: var(--mpn-border-w) solid var(--mpn-line);margin-inline-start: 11px}.mpn-tree-branch[data-open] > .mpn-tree-children{display: block}.mpn-tree-node{display: flex;align-items: center;gap: var(--mpn-sp-2);width: 100%;padding: 5px var(--mpn-sp-2);border-radius: var(--mpn-radius-xs);color: var(--mpn-fg-muted);text-align: start}.mpn-tree-node:hover{background: var(--mpn-bg-hover);color: var(--mpn-fg)}.mpn-tree-node[aria-current="true"]{background: var(--mpn-accent-tint);color: var(--mpn-accent);font-weight: 600}.mpn-tree-caret{width: 12px;height: 12px;flex: 0 0 auto;color: var(--mpn-fg-faint);transition: transform var(--mpn-dur-fast) var(--mpn-ease)}.mpn-tree-branch[data-open] > .mpn-tree-node .mpn-tree-caret{transform: rotate(90deg)}.mpn-tree-leaf{padding-inline-start: calc(var(--mpn-sp-2) + 18px)}.mpn-split{--mpn-split-w: 300px;display: grid;grid-template-columns: var(--mpn-split-w) 6px minmax(0,1fr);min-height: 360px}.mpn-split-pane{min-width: 0;overflow: auto}.mpn-split-handle{cursor: col-resize;background: var(--mpn-line);position: relative}.mpn-split-handle:hover,.mpn-split-handle:active{background: var(--mpn-accent)}.mpn-nav-sub{display: flex;flex-direction: column;gap: 2px;padding-inline-start: var(--mpn-sp-5);margin-block: 2px;border-inline-start: var(--mpn-border-w) solid var(--mpn-line);margin-inline-start: 17px}.mpn-nav-sub .mpn-nav-item{padding-block: 5px;font-size: var(--mpn-fs-sm)}.mpn-nav-caret{margin-inline-start: auto;width: 12px;height: 12px;color: var(--mpn-fg-faint);transition: transform var(--mpn-dur-fast) var(--mpn-ease)}[data-mpn-nav-group][aria-expanded="true"] .mpn-nav-caret{transform: rotate(90deg)}@media (min-width: 1101px){:root[data-sidebar="rail"] .mpn-app{grid-template-columns: var(--mpn-sidebar-w-rail) minmax(0,1fr)}:root[data-sidebar="rail"] .mpn-sidebar{align-items: center;padding-inline: var(--mpn-sp-2)}:root[data-sidebar="rail"] .mpn-sidebar .mpn-nav-item{justify-content: center;padding: var(--mpn-sp-2)}:root[data-sidebar="rail"] .mpn-sidebar .mpn-nav-item > span,:root[data-sidebar="rail"] .mpn-sidebar .mpn-nav-label,:root[data-sidebar="rail"] .mpn-sidebar .mpn-nav-sub,:root[data-sidebar="rail"] .mpn-sidebar .mpn-nav-caret,:root[data-sidebar="rail"] .mpn-sidebar .mpn-brand-name{display: none}}[dir="rtl"] .mpn-select{background-position: left 18px center,left 13px center;padding-inline-end: var(--mpn-sp-3);padding-inline-start: var(--mpn-sp-7)}[dir="rtl"] .mpn-summary::after,[dir="rtl"] .mpn-combo::after{transform: rotate(-45deg)}[dir="rtl"] details[open] > .mpn-summary::after{transform: rotate(135deg)}[dir="rtl"] .mpn-btn-group > .mpn-btn:first-child{border-radius: 0 var(--mpn-radius-sm) var(--mpn-radius-sm) 0}[dir="rtl"] .mpn-btn-group > .mpn-btn:last-child{border-radius: var(--mpn-radius-sm) 0 0 var(--mpn-radius-sm)}[dir="rtl"] .mpn-addon > :first-child{border-radius: 0 var(--mpn-radius-sm) var(--mpn-radius-sm) 0}[dir="rtl"] .mpn-addon > :last-child{border-radius: var(--mpn-radius-sm) 0 0 var(--mpn-radius-sm)}[dir="rtl"] .mpn-card-head{border-radius: var(--mpn-radius) var(--mpn-radius) 0 0}[dir="rtl"] .mpn-msg-bubble{border-radius: var(--mpn-radius) var(--mpn-radius) var(--mpn-radius) var(--mpn-radius-xs)}[dir="rtl"] .mpn-msg-self .mpn-msg-bubble{border-radius: var(--mpn-radius) var(--mpn-radius) var(--mpn-radius-xs) var(--mpn-radius)}[dir="rtl"] .mpn-row-danger td,[dir="rtl"] .mpn-row-warn td,[dir="rtl"] .mpn-chat-thread[aria-selected="true"]{box-shadow: inset -2px 0 0 var(--mpn-state,var(--mpn-accent))}[dir="rtl"] .mpn-row-danger td{--mpn-state: var(--mpn-danger)}[dir="rtl"] .mpn-row-warn td{--mpn-state: var(--mpn-warn)}[dir="rtl"] .mpn-card-state::before{border-radius: 0 var(--mpn-radius) var(--mpn-radius) 0}[dir="rtl"] .mpn-tree-branch[data-open] > .mpn-tree-node .mpn-tree-caret,[dir="rtl"] [data-mpn-nav-group][aria-expanded="true"] .mpn-nav-caret{transform: rotate(-90deg)}[dir="rtl"] .mpn-tree-caret,[dir="rtl"] .mpn-nav-caret{transform: rotate(180deg)}[dir="rtl"] .mpn-topo-arrow::after{inset-inline-end: auto;inset-inline-start: 0;border-left-color: transparent;border-right-color: var(--mpn-border-strong)}[dir="rtl"] .mpn-split{direction: rtl}@media (max-width: 820px){[dir="rtl"] .mpn-sidebar{transform: translateX(100%)}[dir="rtl"]:root[data-nav="open"] .mpn-sidebar,[dir="rtl"] :root[data-nav="open"] .mpn-sidebar{transform: none}}[dir="rtl"] .mpn-drawer{animation-name: mpn-slide-in-rtl}@keyframes mpn-slide-in-rtl{from{transform: translateX(-24px);opacity: 0}}@media print{:root{color-scheme: light;--mpn-bg: #ffffff;--mpn-bg-sunken: #ffffff;--mpn-bg-raised: #ffffff;--mpn-bg-overlay: #ffffff;--mpn-bg-inset: #f4f4f8;--mpn-bg-hover: transparent;--mpn-border: #c9c9d4;--mpn-border-strong: #9a9aa8;--mpn-line: #d8d8e0;--mpn-fg: #000000;--mpn-fg-muted: #333340;--mpn-fg-faint: #5a5a68;--mpn-accent: #3b34c4;--mpn-accent-solid: #3b34c4;--mpn-shadow: none;--mpn-shadow-sm: none;--mpn-shadow-lg: none;--mpn-wash: none;--mpn-grid-line: #e6e6ee;--mpn-radius: 4px;--mpn-radius-sm: 3px;--mpn-blur: 0px}.mpn-root::before,.mpn-sidebar,.mpn-topbar,.mpn-scrim,.mpn-toasts,.mpn-tooltip,.mpn-menu,.mpn-popover,.mpn-palette,.mpn-drawer,.mpn-page-actions,.mpn-toolbar,.mpn-bulkbar,.mpn-pager,.mpn-pagination,.mpn-card-act,.mpn-nav-toggle,.mpn-btn,.mpn-icon-btn,[data-mpn-no-print]{display: none !important}.mpn-app{display: block}.mpn-page{max-width: none;padding: 0;gap: 12pt}.mpn-card,.mpn-modal{border: 1px solid var(--mpn-border);background: #ffffff;box-shadow: none;backdrop-filter: none;-webkit-backdrop-filter: none;break-inside: avoid}.mpn-grid{gap: 12pt}.mpn-table{break-inside: auto}.mpn-table thead{display: table-header-group}.mpn-table tr{break-inside: avoid}.mpn-table th{position: static;backdrop-filter: none;-webkit-backdrop-filter: none;border-bottom: 1pt solid var(--mpn-border-strong)}.mpn-table-wrap{overflow: visible}.mpn-pill{background: transparent;border: 0.6pt solid currentColor}.mpn-btn-primary,.mpn-brand-mark,.mpn-meter-fill,.mpn-progress-fill{background: var(--mpn-accent-solid) !important;color: #ffffff}.mpn-print-only{display: revert !important}a[href^="http"]::after{content: " (" attr(href) ")";font-size: 8pt;color: var(--mpn-fg-faint)}.mpn-page-head{break-after: avoid}h1,h2,h3,.mpn-card-title,.mpn-page-title{break-after: avoid}@page{margin: 16mm}}.mpn-print-only{display: none}