:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-base:#1a1d21;--color-bg-subtle:#20242a;--color-bg-surface:#262b32;--color-bg-elevated:#303640;--color-border-default:#3a414c;--color-border-muted:#2e343d;--color-text-primary:#e8edf3;--color-text-secondary:#b5bec9;--color-text-muted:#7f8a96;--color-accent:#f0f8ff;--color-accent-soft:#dceeff;--color-accent-line:#afcdeb;--color-accent-deep:#6e9fcb;--color-success:#6fbf8a;--color-warning:#d7a84f;--color-danger:#d66b61;--color-info:#8ebce6;--color-neutral:#9aa4af;--font-sans:Pretendard, Inter, "Noto Sans KR", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Geist Mono", "SFMono-Regular", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--shadow-panel:0 18px 60px #00000047;--ease-system:cubic-bezier(.2, 0, 0, 1);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-base);text-rendering:optimizelegibility;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{background:radial-gradient(circle at 50% -10%, #afcdeb1f, transparent 30rem), var(--color-bg-base);min-width:320px;min-height:100%}body{background:linear-gradient(180deg, #ffffff06, transparent 22rem), var(--color-bg-base);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#f0f8ff09 1px,#0000 1px),linear-gradient(90deg,#f0f8ff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--color-accent-line);transition:color .18s var(--ease-system), border-color .18s var(--ease-system), background-color .18s var(--ease-system);text-decoration:none}a:hover{color:var(--color-accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent-line);outline-offset:2px}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin-block:0}h1,h2,h3{letter-spacing:0;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:700}h2{text-transform:uppercase;font-size:1rem;font-weight:650}p{color:var(--color-text-secondary)}code{border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);color:var(--color-accent-soft);font-family:var(--font-mono);background:#0003;padding:.15rem .35rem;font-size:.88em}#app{width:min(100%,1180px);min-height:100vh;padding:var(--space-12) var(--space-6);margin-inline:auto}.showcase{gap:var(--space-12);display:grid}.showcase-hero{align-items:center;gap:var(--space-8);padding:var(--space-8);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:linear-gradient(135deg, #f0f8ff11, transparent 44%), var(--color-bg-subtle);box-shadow:var(--shadow-panel);grid-template-columns:minmax(220px,320px) minmax(0,1fr);display:grid}.showcase-hero__mark{border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);background:radial-gradient(circle, #f0f8ff1c, transparent 45%), var(--color-bg-surface);place-items:center;min-height:280px;display:grid;position:relative;overflow:hidden}.showcase-hero__mark:before,.showcase-hero__mark:after{content:"";border:1px solid #afcdeb38;border-radius:50%;position:absolute;inset:18%}.showcase-hero__mark:after{inset:31%}.showcase-hero__mark span{z-index:1;color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.18em;text-shadow:0 0 34px #afcdeb5c;font-size:.82rem;font-weight:700;position:relative}.showcase-hero__content{gap:var(--space-4);display:grid}.showcase-hero__content p{max-width:52ch;font-size:1rem}.showcase-section{gap:var(--space-4);display:grid}.section-heading{gap:var(--space-2);max-width:680px;display:grid}.eyebrow{color:var(--color-accent-line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.example-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.example-grid--wide{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}@media (width<=860px){#app{padding:var(--space-6) var(--space-4)}.showcase-hero,.example-grid,.example-grid--wide{grid-template-columns:1fr}.showcase-hero{padding:var(--space-5)}.showcase-hero__mark{min-height:220px}}.motion-enter{animation:motion-enter .9s var(--ease-system)}.motion-fade-in{animation:motion-fade-in .9s var(--ease-system)}.motion-panel-slide{animation:motion-panel-slide 1.1s var(--ease-system)}.motion-path-pulse{animation:motion-path-pulse 1.8s var(--ease-system) infinite}.motion-preview-graph{width:100%;height:96px;color:var(--color-accent-line)}.motion-demo-slow.motion-enter,.motion-demo-slow.motion-fade-in{animation-duration:.9s}.motion-demo-slow.motion-panel-slide{animation-duration:1.1s}@keyframes motion-enter{0%{opacity:0;transform:translateY(-4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes motion-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.985)}}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-panel-slide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes motion-path-pulse{0%,to{stroke-opacity:.45}50%{stroke-opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.button-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.button-stack{gap:var(--space-3);display:grid}.mp-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--color-text-primary);white-space:nowrap;transition:background-color .18s var(--ease-system), border-color .18s var(--ease-system), color .18s var(--ease-system), transform .12s var(--ease-system), filter .18s var(--ease-system);background:0 0;border:1px solid #0000;font-weight:650;display:inline-flex}.mp-button:hover{transform:translateY(-1px)}.mp-button--primary{color:var(--color-bg-base);background:linear-gradient(180deg, var(--color-accent), var(--color-accent-soft))}.mp-button--primary:hover{filter:brightness(1.04)}.mp-button--secondary{border-color:var(--color-border-default);background:#00000014}.mp-button--secondary:hover{border-color:var(--color-accent-line);color:var(--color-accent);background:#f0f8ff0e}.mp-button--ghost{color:var(--color-text-secondary)}.mp-button--ghost:hover{color:var(--color-accent);background:#f0f8ff0e}.mp-button--danger{color:#f3aaa3;background:#d66b6112;border-color:#d66b61c7}.mp-button--danger:hover{border-color:var(--color-danger);color:#ffc6c1;background:#d66b6121}.mp-button--sm{min-height:32px;padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:.875rem}.mp-button--icon{border-color:var(--color-border-default);width:40px;min-width:40px;font-family:var(--font-mono);background:#00000014;padding:0;font-size:1rem}.mp-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);display:grid}.mp-card--oracle{border-color:#afcdeb6b}.mp-card--trace{border-color:#8ebce657}.mp-card--gate{border-color:#6fbf8a5c}.mp-card--relic{border-color:#d7a84f61}.mp-card__header{align-items:flex-start;gap:var(--space-3);display:flex}.mp-card__eyebrow{margin-bottom:var(--space-1);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.mp-card__title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.mp-card__body{font-size:.92rem}.mp-card__meta{gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-mono);flex-wrap:wrap;font-size:.76rem;display:flex}.mp-card__actions{padding-top:var(--space-1);justify-content:flex-start;display:flex}.mp-icon{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-accent-line);font-family:var(--font-mono);background:#f0f8ff0a;flex:none;place-items:center;font-size:.88rem;display:grid}.badge-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.badge-stack{gap:var(--space-3);display:grid}.mp-badge{--badge-color:var(--color-neutral);--badge-bg:#9aa4af14;min-height:24px;padding:0 var(--space-2);border:1px solid rgb(from var(--badge-color) r g b / .55);border-radius:var(--radius-sm);color:var(--badge-color);background:var(--badge-bg);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.mp-badge--sm{min-height:20px;padding-inline:6px;font-size:.66rem}.mp-badge--active,.mp-badge--verified,.mp-badge--low,.mp-badge--success{--badge-color:var(--color-success);--badge-bg:#6fbf8a17}.mp-badge--pending,.mp-badge--medium,.mp-badge--warning{--badge-color:var(--color-warning);--badge-bg:#d7a84f17}.mp-badge--inactive,.mp-badge--neutral{--badge-color:var(--color-neutral);--badge-bg:#9aa4af14}.mp-badge--error,.mp-badge--high,.mp-badge--danger{--badge-color:var(--color-danger);--badge-bg:#d66b6117}.mp-badge--critical{--badge-color:#ffc6c1;--badge-bg:#d66b6129}.mp-badge--sealed{--badge-color:var(--color-accent-line);--badge-bg:#afcdeb14}.mp-badge--partial,.mp-badge--info{--badge-color:var(--color-info);--badge-bg:#8ebce617}.mp-badge--type{--badge-color:var(--color-text-secondary);--badge-bg:#f0f8ff0b}.form-grid{gap:var(--space-4);display:grid}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-group{gap:var(--space-2);display:grid}.field-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.mp-label{color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.mp-help{color:var(--color-text-muted);font-size:.82rem}.mp-error{color:#f3aaa3;font-size:.82rem}.mp-input,.mp-textarea,.mp-select{border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);transition:background-color .18s var(--ease-system), border-color .18s var(--ease-system), box-shadow .18s var(--ease-system);background:#0000001f}.mp-input,.mp-select{min-height:40px;padding:0 var(--space-3)}.mp-textarea{min-height:112px;padding:var(--space-3);resize:vertical}.mp-input::placeholder,.mp-textarea::placeholder{color:var(--color-text-muted)}.mp-input:hover,.mp-textarea:hover,.mp-select:hover{border-color:var(--color-border-default);background:#00000029}.mp-input:focus,.mp-textarea:focus,.mp-select:focus{border-color:var(--color-accent-line);background:#0003;outline:none;box-shadow:0 0 0 3px #afcdeb1f}.mp-input:disabled,.mp-textarea:disabled,.mp-select:disabled{cursor:not-allowed;color:var(--color-text-muted);opacity:.72;background:#9aa4af0f}.mp-input[aria-invalid=true],.mp-textarea[aria-invalid=true],.mp-select[aria-invalid=true]{border-color:#d66b61cc;box-shadow:0 0 0 3px #d66b611a}.mp-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.mp-select option{color:var(--color-text-primary);background:var(--color-bg-surface)}.mp-select option:checked{color:var(--color-bg-base);background:var(--color-accent-line)}.mp-search{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:background-color .18s var(--ease-system), border-color .18s var(--ease-system), box-shadow .18s var(--ease-system);background:#0000001f;display:flex}.mp-search:hover{border-color:var(--color-border-default);background:#00000029}.mp-search:focus-within{border-color:var(--color-accent-line);background:#0003;box-shadow:0 0 0 3px #afcdeb1f}.mp-search__icon{color:currentColor;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none;width:16px;height:16px}.mp-search .mp-input{min-height:40px;color:var(--color-text-primary);box-shadow:none;background:0 0;border:0;outline:none;flex:auto;padding:0}.mp-search .mp-input:hover,.mp-search .mp-input:focus{box-shadow:none;background:0 0}.mp-choice{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:.92rem;display:inline-flex}.mp-checkbox,.mp-radio{border:1px solid var(--color-border-default);appearance:none;background:#00000029;flex:none;place-items:center;width:16px;height:16px;margin:0;display:grid}.mp-checkbox{border-radius:var(--radius-sm)}.mp-radio{border-radius:var(--radius-full)}.mp-checkbox:checked,.mp-radio:checked{border-color:var(--color-accent-line);background:var(--color-accent)}.mp-checkbox:checked:before{content:"";border-bottom:2px solid var(--color-bg-base);border-left:2px solid var(--color-bg-base);width:8px;height:5px;transform:translateY(-1px)rotate(-45deg)}.mp-radio:checked:before{content:"";border-radius:var(--radius-full);background:var(--color-bg-base);width:6px;height:6px}.mp-toggle{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:.92rem;display:inline-flex}.mp-toggle input{clip:rect(0 0 0 0);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.mp-toggle__track{border:1px solid var(--color-border-default);border-radius:var(--radius-full);width:38px;height:20px;transition:background-color .18s var(--ease-system), border-color .18s var(--ease-system);background:#0003;position:relative}.mp-toggle__track:before{content:"";border-radius:var(--radius-full);background:var(--color-text-muted);width:12px;height:12px;transition:background-color .18s var(--ease-system), transform .18s var(--ease-system);position:absolute;top:3px;left:3px}.mp-toggle input:checked+.mp-toggle__track{border-color:var(--color-accent-line);background:#afcdeb2e}.mp-toggle input:checked+.mp-toggle__track:before{background:var(--color-accent);transform:translate(18px)}.mp-toggle input:focus-visible+.mp-toggle__track{outline:2px solid var(--color-accent-line);outline-offset:2px}@media (width<=860px){.form-grid--two{grid-template-columns:1fr}}.mp-command-shell{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);background:#00000029;display:grid}.mp-command-shell:focus-within{border-color:var(--color-accent-line);box-shadow:0 0 0 3px #afcdeb1f}.mp-command-line{align-items:center;gap:var(--space-2);display:flex}.mp-command-prefix{color:var(--color-accent-line);font-family:var(--font-mono);font-weight:800}.mp-command{width:100%;min-width:0;min-height:32px;color:var(--color-text-primary);box-shadow:none;font-family:var(--font-mono);background:0 0;border:0;outline:none;flex:auto;padding:0}.mp-command::placeholder{color:var(--color-text-muted)}.mp-command-panel{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-muted);display:grid}.mp-command-panel__label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.mp-command-suggestions{gap:var(--space-1);display:grid}.mp-command-suggestion{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);text-align:left;background:0 0;border:1px solid #0000;font-size:.78rem;display:flex}.mp-command-suggestion:hover,.mp-command-suggestion.is-active{color:var(--color-accent);background:#afcdeb12;border-color:#afcdeb61}.mp-command-suggestion__meta{color:var(--color-text-muted);font-size:.7rem}.mp-command-hint{color:var(--color-text-muted);font-size:.82rem}.mp-command-result{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);background:#0000001a;display:grid}.mp-command-result__label{color:var(--color-accent-line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.mp-command-result__value{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.82rem}.alert-stack{gap:var(--space-3);display:grid}.mp-alert{--alert-color:var(--color-info);--alert-bg:#8ebce614;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid rgb(from var(--alert-color) r g b / .58);border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--alert-bg);animation:motion-enter .9s var(--ease-system);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.mp-alert__icon{border:1px solid rgb(from var(--alert-color) r g b / .72);border-radius:var(--radius-full);width:20px;height:20px;color:var(--alert-color);font-family:var(--font-mono);place-items:center;margin-top:1px;font-size:.76rem;font-weight:800;line-height:1;display:grid}.mp-alert__content{gap:var(--space-1);display:grid}.mp-alert__title{color:var(--color-text-primary);font-size:.92rem;font-weight:700}.mp-alert__message{color:var(--color-text-secondary);font-size:.88rem}.mp-alert--info{--alert-color:var(--color-info);--alert-bg:#8ebce614}.mp-alert--success{--alert-color:var(--color-success);--alert-bg:#6fbf8a14}.mp-alert--warning{--alert-color:var(--color-warning);--alert-bg:#d7a84f17}.mp-alert--error{--alert-color:var(--color-danger);--alert-bg:#d66b6117}.mp-alert--compact{padding-block:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.mp-alert--compact .mp-alert__icon{margin-top:0}.mp-alert--floating{box-shadow:0 14px 38px #0000002e}.mp-toast-region{z-index:50;gap:var(--space-3);pointer-events:none;width:min(380px,100vw - 32px);display:grid;position:fixed}.mp-toast-region .mp-alert{pointer-events:auto}.mp-toast-region--top-left{top:var(--space-6);left:var(--space-6)}.mp-toast-region--top-center{top:var(--space-6);left:50%;transform:translate(-50%)}.mp-toast-region--top-right{top:var(--space-6);right:var(--space-6)}.mp-toast-region--center{top:50%;left:50%;transform:translate(-50%,-50%)}.mp-toast-region--bottom-left{bottom:var(--space-6);left:var(--space-6)}.mp-toast-region--bottom-center{bottom:var(--space-6);left:50%;transform:translate(-50%)}.mp-toast-region--bottom-right{right:var(--space-6);bottom:var(--space-6)}.mp-alert.is-leaving{pointer-events:none;animation:motion-exit .7s var(--ease-system) forwards}@media (width<=560px){.mp-toast-region{right:var(--space-4);left:var(--space-4);width:auto}.mp-toast-region--top-left,.mp-toast-region--top-center,.mp-toast-region--top-right{top:var(--space-4)}.mp-toast-region--bottom-left,.mp-toast-region--bottom-center,.mp-toast-region--bottom-right{bottom:var(--space-4)}.mp-toast-region--center{top:50%}}.table-shell{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:#00000014;overflow:hidden}.table-scroll{overflow-x:visible}.table-scroll--overflow{overflow-x:auto}.mp-table{border-collapse:collapse;width:100%;color:var(--color-text-secondary);font-size:.88rem}.mp-table--overflow{min-width:760px}.mp-table caption{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-muted);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-align:left;text-transform:uppercase;font-size:.72rem;font-weight:700}.mp-table th,.mp-table td{padding:10px var(--space-4);border-bottom:1px solid var(--color-border-muted);text-align:left;vertical-align:middle;white-space:normal}.mp-table th{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#0000001f;font-size:.7rem;font-weight:700}.mp-table tbody tr{transition:background-color .16s var(--ease-system), color .16s var(--ease-system)}.mp-table tbody tr:hover{color:var(--color-text-primary);background:#f0f8ff0b}.mp-table tbody tr:last-child td{border-bottom:0}.mp-table__mono{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.78rem}.mp-table__primary{color:var(--color-text-primary);font-weight:650}.mp-table__muted{color:var(--color-text-muted)}.mp-table th.mp-table__action-cell,.mp-table td.mp-table__action-cell{text-align:center}.mp-table__actions{justify-content:center;display:flex}.mp-table--dense th,.mp-table--dense td{padding-block:8px}.mp-table--nowrap th,.mp-table--nowrap td{white-space:nowrap}.mp-table--sticky thead th{z-index:1;position:sticky;top:0}.mp-table-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-muted);background:#00000014;flex-wrap:wrap;display:flex}.mp-table-toolbar__title{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.mp-table-toolbar__meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem}.table-scroll--overflow .mp-table{min-width:760px}@media (width<=860px){.table-scroll--overflow .mp-table{min-width:680px}}.graph-shell{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 45%,#afcdeb14,#0000 18rem),#0000001f;grid-template-columns:minmax(0,1fr) 280px;min-height:420px;display:grid;overflow:hidden}.graph-canvas{background-image:linear-gradient(#f0f8ff09 1px,#0000 1px),linear-gradient(90deg,#f0f8ff06 1px,#0000 1px);background-size:32px 32px;min-height:420px;position:relative;overflow:hidden}.mp-graph{width:100%;height:100%;min-height:420px}.mp-graph__edge{stroke:#afcdeb57;stroke-width:1.35px;fill:none}.mp-graph__edge--muted{stroke:#9aa4af3d}.mp-graph__edge--selected{stroke:var(--color-accent-line);stroke-width:2px;filter:drop-shadow(0 0 8px #afcdeb38)}.mp-graph__edge--risk{stroke:#d66b61bf;stroke-dasharray:4 4}.mp-graph__node{cursor:grab;touch-action:none}.mp-graph__node circle,.mp-graph__node rect{stroke:var(--color-border-default);stroke-width:1.5px;fill:var(--color-bg-surface);transition:fill .16s var(--ease-system), stroke .16s var(--ease-system), filter .16s var(--ease-system), transform .16s var(--ease-system)}.mp-graph__node text{fill:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:.02em;pointer-events:none;text-anchor:middle;font-size:11px;font-weight:700}.mp-graph__node:hover circle,.mp-graph__node:hover rect{stroke:var(--color-accent-line);fill:var(--color-bg-elevated);filter:drop-shadow(0 0 10px #afcdeb2e)}.mp-graph__node.is-dragging{cursor:grabbing}.mp-graph__node.is-dragging circle,.mp-graph__node.is-dragging rect{stroke:var(--color-accent);filter:drop-shadow(0 0 18px #afcdeb52)}.mp-graph__node--selected circle,.mp-graph__node--selected rect{stroke:var(--color-accent);fill:#afcdeb2e;filter:drop-shadow(0 0 14px #afcdeb47)}.mp-graph__node--selected text{fill:var(--color-accent)}.mp-graph__node--verified circle,.mp-graph__node--verified rect{stroke:var(--color-success);fill:#6fbf8a1f}.mp-graph__node--risk circle,.mp-graph__node--risk rect{stroke:var(--color-danger);fill:#d66b611f}.graph-inspector{align-content:start;gap:var(--space-4);padding:var(--space-5);border-left:1px solid var(--color-border-muted);background:#0000001f;display:grid}.graph-inspector__section{gap:var(--space-2);display:grid}.graph-inspector__label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.graph-inspector__value{color:var(--color-text-primary);font-size:.92rem}.graph-legend{gap:var(--space-2);flex-wrap:wrap;display:flex}.graph-legend__item{color:var(--color-text-muted);font-family:var(--font-mono);align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.graph-legend__swatch{border-radius:var(--radius-full);background:var(--color-neutral);width:8px;height:8px}.graph-legend__swatch--selected{background:var(--color-accent-line)}.graph-legend__swatch--verified{background:var(--color-success)}.graph-legend__swatch--risk{background:var(--color-danger)}@media (width<=860px){.graph-shell{grid-template-columns:1fr}.graph-inspector{border-top:1px solid var(--color-border-muted);border-left:0}}.trace-layout{gap:var(--space-4);grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);display:grid}.mp-timeline{gap:var(--space-4);padding-left:var(--space-6);margin:0;list-style:none;display:grid;position:relative}.mp-timeline:before{content:"";background:linear-gradient(to bottom, transparent, var(--color-border-default) 10%, var(--color-border-default) 88%, transparent);width:1px;position:absolute;top:8px;bottom:8px;left:9px}.mp-timeline__item{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);background:#0000001a;display:grid;position:relative}.mp-timeline__item:before{top:var(--space-4);left:calc(-1 * var(--space-6) - 1px);content:"";border:2px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-surface);width:10px;height:10px;position:absolute}.mp-timeline__item--active{background:#afcdeb0e;border-color:#afcdeb6b}.mp-timeline__item--active:before{border-color:var(--color-accent-line);background:var(--color-accent);box-shadow:0 0 0 4px #afcdeb1f}.mp-timeline__header{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.mp-timeline__step{color:var(--color-accent-line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.mp-timeline__time{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem}.mp-timeline__title{color:var(--color-text-primary);font-size:.98rem;font-weight:700}.mp-timeline__meta{gap:var(--space-2);color:var(--color-text-muted);font-family:var(--font-mono);flex-wrap:wrap;font-size:.74rem;display:flex}.trace-panel{align-content:start;gap:var(--space-3);display:grid}.trace-panel__item{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);background:#00000014;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.trace-panel__index{border:1px solid var(--color-border-default);border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-accent-line);font-family:var(--font-mono);place-items:center;font-size:.72rem;font-weight:800;display:grid}.trace-panel__body{min-width:0}.trace-panel__title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.trace-panel__meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem}.trace-panel__item--active{background:#afcdeb0e;border-color:#afcdeb6b}.trace-panel__item--active .trace-panel__index{border-color:var(--color-accent-line);color:var(--color-bg-base);background:var(--color-accent)}@media (width<=860px){.trace-layout{grid-template-columns:1fr}}.inspector-demo{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;display:grid}.inspector-stage{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:linear-gradient(135deg,#f0f8ff09,#0000 42%),#0000001a;align-content:start;display:grid}.inspector-object{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);background:var(--color-bg-surface);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.inspector-object--selected{box-shadow:inset 3px 0 0 var(--color-accent-line);background:#afcdeb0f;border-color:#afcdeb80}.inspector-object__title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.inspector-object__meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem}.mp-inspector{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-subtle);align-content:start;display:grid;overflow:hidden}.mp-inspector__header{gap:var(--space-2);padding:var(--space-5);border-bottom:1px solid var(--color-border-muted);background:#0000001a;display:grid}.mp-inspector__eyebrow{color:var(--color-accent-line);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.mp-inspector__title{color:var(--color-text-primary);font-size:1.05rem;font-weight:800}.mp-inspector__body{gap:var(--space-4);padding:var(--space-5);display:grid}.mp-inspector__section{gap:var(--space-2);display:grid}.mp-inspector__label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.mp-inspector__text{color:var(--color-text-secondary);font-size:.9rem}.mp-inspector__dl{gap:var(--space-2) var(--space-3);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.mp-inspector__dl dt{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem}.mp-inspector__dl dd{min-width:0;color:var(--color-text-secondary);margin:0;font-size:.85rem}.mp-inspector__footer{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-muted);background:#00000014;flex-wrap:wrap;display:flex}@media (width<=860px){.inspector-demo{grid-template-columns:1fr}}.icon-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.icon-sample{gap:var(--space-3);min-height:144px;padding:var(--space-4);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);background:#00000014;align-content:start;display:grid}.icon-sample__header{align-items:center;gap:var(--space-3);display:flex}.icon-sample__title{color:var(--color-text-primary);font-size:.92rem;font-weight:700}.icon-sample__meaning{color:var(--color-text-muted);font-size:.82rem}.mp-symbol{width:24px;height:24px;color:var(--color-accent-line);stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none;display:inline-block}.mp-symbol--sm{width:18px;height:18px}.mp-symbol--lg{width:32px;height:32px}.mp-symbol--muted{color:var(--color-text-muted)}.mp-symbol--success{color:var(--color-success)}.mp-symbol--warning{color:var(--color-warning)}.mp-symbol--danger{color:var(--color-danger)}.icon-button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.mp-icon-button{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);transition:background-color .18s var(--ease-system), border-color .18s var(--ease-system), color .18s var(--ease-system), transform .12s var(--ease-system);background:#00000014;place-items:center;display:inline-grid}.mp-icon-button:hover{border-color:var(--color-accent-line);color:var(--color-accent);background:#f0f8ff0e;transform:translateY(-1px)}.mp-icon-button--danger:hover{border-color:var(--color-danger);color:#ffc6c1;background:#d66b611f}@media (width<=860px){.icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.icon-grid{grid-template-columns:1fr}}.app-shell-preview{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-base);grid-template-columns:240px minmax(0,1fr);min-height:520px;display:grid;overflow:hidden}.mp-sidebar{align-content:start;gap:var(--space-5);padding:var(--space-5);border-right:1px solid var(--color-border-muted);background:var(--color-bg-subtle);display:grid}.mp-sidebar__brand{align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-muted);display:flex}.mp-sidebar__mark{border:1px solid var(--color-border-default);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-accent);font-family:var(--font-mono);background:#f0f8ff0a;place-items:center;font-weight:800;display:grid}.mp-sidebar__title{color:var(--color-text-primary);font-size:.95rem;font-weight:800;line-height:1.2}.mp-sidebar__subtitle{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.7rem}.mp-sidebar__section{gap:var(--space-2);display:grid}.mp-sidebar__label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.mp-sidebar__nav{gap:var(--space-1);display:grid}.mp-sidebar__item{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color .18s var(--ease-system), border-color .18s var(--ease-system), color .18s var(--ease-system);background:0 0;border:1px solid #0000;font-size:.9rem;display:flex}.mp-sidebar__item:hover{border-color:var(--color-border-default);color:var(--color-text-primary);background:#f0f8ff0a}.mp-sidebar__item[aria-current=page]{color:var(--color-accent);background:#afcdeb14;border-color:#afcdeb73}.mp-sidebar__item .mp-symbol{width:16px;height:16px}.app-shell-preview__main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.app-shell-preview__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-muted);background:#00000014;display:flex}.app-shell-preview__content{gap:var(--space-4);padding:var(--space-5);align-content:start;display:grid}@media (width<=860px){.app-shell-preview{grid-template-columns:1fr}.mp-sidebar{border-right:0;border-bottom:1px solid var(--color-border-muted)}}.mp-tabs{gap:var(--space-4);display:grid}.mp-tabs__list{gap:var(--space-1);border-bottom:1px solid var(--color-border-muted);flex-wrap:wrap;display:flex}.mp-tabs__tab{min-height:38px;padding:0 var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;transition:color .18s var(--ease-system), border-color .18s var(--ease-system), background-color .18s var(--ease-system);background:0 0;border:0;border-bottom:2px solid #0000;font-size:.78rem;font-weight:800}.mp-tabs__tab:hover{color:var(--color-text-primary);background:#f0f8ff09}.mp-tabs__tab[aria-selected=true]{border-color:var(--color-accent-line);color:var(--color-accent)}.mp-tabs__panel{gap:var(--space-3);animation:motion-fade-in .5s var(--ease-system);display:grid}.mp-tabs__panel[hidden]{display:none}.mp-segmented-tabs{width:fit-content;padding:var(--space-1);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);background:#0000001f;display:inline-flex}.mp-segmented-tabs .mp-tabs__tab{border-radius:var(--radius-sm);border:0;min-height:32px}.mp-segmented-tabs .mp-tabs__tab[aria-selected=true]{color:var(--color-bg-base);background:var(--color-accent)}.gate-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(135deg, #6fbf8a14, transparent 42%), var(--color-bg-surface);border:1px solid #6fbf8a5c;display:grid}.gate-card--denied{background:linear-gradient(135deg, #d66b6114, transparent 42%), var(--color-bg-surface);border-color:#d66b616b}.gate-card__equation{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,auto));align-items:center;display:grid}.gate-card__node{gap:var(--space-1);min-width:0;padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);background:#0000001a;display:grid}.gate-card__label{color:var(--color-text-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:800}.gate-card__value{color:var(--color-text-primary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.gate-card__arrow{color:var(--color-accent-line);font-family:var(--font-mono);font-weight:800}.gate-card__details{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gate-card__detail{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);background:#00000014;display:grid}@media (width<=860px){.gate-card__equation,.gate-card__details{grid-template-columns:1fr}.gate-card__arrow{display:none}}.agent-panel{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);display:grid}.agent-panel__summary{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-muted);flex-wrap:wrap;display:flex}.agent-flow{gap:var(--space-2);display:grid}.agent-flow__step{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);background:#00000014;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.agent-flow__step--active{background:#afcdeb0f;border-color:#afcdeb6b}.agent-flow__index{border:1px solid var(--color-border-default);border-radius:var(--radius-full);width:30px;height:30px;color:var(--color-accent-line);font-family:var(--font-mono);place-items:center;font-size:.72rem;font-weight:800;display:grid}.agent-flow__step--active .agent-flow__index{border-color:var(--color-accent-line);color:var(--color-bg-base);background:var(--color-accent)}.agent-flow__title{color:var(--color-text-primary);font-size:.92rem;font-weight:700}.agent-flow__meta{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.72rem}.agent-panel__observation{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);background:#0000001a;display:grid}.agent-panel__log{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.82rem;line-height:1.6}.mp-link-list{gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid}.mp-link-list a{align-items:center;gap:var(--space-2);min-height:38px;padding:0 var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#00000014;display:flex}.mp-link-list a:hover{border-color:var(--color-accent-line);color:var(--color-accent);background:#f0f8ff0e}.mp-link-list--dense{gap:var(--space-1)}.mp-link-list--dense a{min-height:32px;font-size:.875rem}.mp-link-list--quiet a{background:0 0;border-color:#0000;min-height:32px;padding-inline:0}.mp-link-list__icon{border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);min-width:24px;height:22px;color:var(--color-accent-line);font-family:var(--font-mono);flex:none;place-items:center;font-size:.68rem;display:inline-grid}.mp-link-list__meta{color:var(--color-text-muted);font-family:var(--font-mono);margin-left:auto;font-size:.72rem}.mp-divider{margin:var(--space-4) 0;color:var(--color-text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:none;align-items:center;font-size:.75rem;font-weight:500;display:flex}.mp-divider:before,.mp-divider:after{content:"";background-color:var(--color-border-muted);flex:1;height:1px}.mp-divider:not(:empty){gap:var(--space-3)}.mp-divider:empty{background-color:var(--color-border-muted);height:1px}.mp-divider--vertical{width:1px;height:auto;min-height:1em;margin:0 var(--space-4);background-color:var(--color-border-muted);border:none;align-self:stretch;padding:0;display:inline-flex}.mp-divider--accent:before,.mp-divider--accent:after,.mp-divider--accent:empty{background-color:var(--color-border-default)}