:root{--text-main:#0f172a;--text-muted:#64748b;--surface:#ffffff;--surface-muted:#f8fafc;--border:#e2e8f0;--primary:#0891b2;--primary-dark:#0e7490;--accent:#06b6d4;--shadow-soft:0 4px 24px rgba(15,23,42,0.07);--gradient:linear-gradient(135deg,#f0fdfa 0%,#ffffff 45%,#ecfeff 100%);--muo-accent:#0891b2;--muo-accent-dim:rgba(8,145,178,0.14);--muo-bad:#b91c1c;--muo-bad-bg:rgba(185,28,28,0.08);--muo-ok:#047857;--muo-ok-bg:rgba(4,120,87,0.08);--muo-radius:16px;--muo-radius-sm:10px;}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.muo-pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.5rem;font-size:0.8125rem;color:var(--text-muted);margin-top:0.25rem;margin-bottom:0;}
.muo-pipeline span{font-weight:600;color:var(--muo-accent);letter-spacing:0.02em;}
.muo-pipeline i{font-style:normal;opacity:0.45;}
.muo-deck{margin-bottom:2.75rem;border-radius:var(--muo-radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);overflow:hidden;}
.muo-deck-cap{background:var(--gradient);border-bottom:1px solid var(--border);padding:0.85rem 1rem 1rem;}
@media(min-width:768px){.muo-deck-cap{padding:1rem 1.25rem 1.15rem;}}
.muo-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:center;}
.muo-rail-cell{padding:0.5rem 0.35rem;border-right:1px solid var(--border);}
.muo-rail-cell:last-child{border-right:none;}
.muo-rail-val{display:block;font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-main);line-height:1.2;}
.muo-rail-lab{font-size:0.65rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--text-muted);margin-top:0.2rem;}
.muo-body{padding:1rem 1rem 1.15rem;}
@media(min-width:768px){.muo-body{padding:1.15rem 1.25rem 1.35rem;}}
.muo-field-label{display:block;font-size:0.8125rem;font-weight:600;color:var(--text-main);margin-bottom:0.45rem;}
.muo-area-wrap{position:relative;border-radius:var(--muo-radius-sm);border:1px solid var(--border);background:var(--surface-muted);box-shadow:inset 0 1px 2px rgba(15,23,42,0.04);}
.muo-area-wrap:focus-within{outline:2px solid var(--muo-accent);outline-offset:1px;}
.muo-area-gutter{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--muo-radius-sm) 0 0 var(--muo-radius-sm);background:linear-gradient(180deg,var(--muo-accent) 0%,var(--accent) 100%);opacity:0.85;}
.muo-list{width:100%;min-height:11rem;border:none;background:transparent;padding:0.75rem 0.85rem 0.75rem 0.95rem;font-family:ui-monospace,SFMono-Regular,"Segoe UI Mono",Menlo,Consolas,monospace;font-size:0.8125rem;line-height:1.5;color:var(--text-main);resize:vertical;}
.muo-list:focus{outline:none;}
.muo-list::placeholder{color:var(--text-muted);opacity:0.75;}
.muo-toolbar{display:flex;flex-direction:column;gap:0.85rem;margin-top:1rem;}
@media(min-width:640px){.muo-toolbar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;}}
.muo-switch-row{display:flex;align-items:center;gap:0.65rem;cursor:pointer;user-select:none;}
.muo-switch-row input{position:absolute;opacity:0;width:0;height:0;}
.muo-switch-visual{position:relative;width:44px;height:26px;border-radius:999px;background:var(--border);transition:background 0.2s;}
.muo-switch-visual::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px rgba(15,23,42,0.2);transition:transform 0.2s;}
.muo-switch-row input:checked+.muo-switch-visual{background:var(--muo-accent);}
.muo-switch-row input:checked+.muo-switch-visual::after{transform:translateX(18px);}
.muo-switch-row input:focus-visible+.muo-switch-visual{outline:2px solid var(--muo-accent);outline-offset:2px;}
.muo-switch-text{font-size:0.875rem;font-weight:500;color:var(--text-main);}
.muo-actions{display:flex;flex-direction:column;gap:0.5rem;width:100%;}
@media(min-width:640px){.muo-actions{flex-direction:row;flex-wrap:wrap;width:auto;}}
.muo-btn{border:none;border-radius:var(--muo-radius-sm);padding:0.7rem 1.1rem;font-size:0.875rem;font-weight:600;cursor:pointer;transition:transform 0.1s,opacity 0.15s,background 0.15s;}
.muo-btn:active{transform:scale(0.98);}
.muo-btn-primary{background:var(--muo-accent);color:#fff;}
.muo-btn-primary:hover,.muo-btn-primary:focus-visible{background:var(--primary-dark);outline:none;}
.muo-btn-ghost{background:var(--surface-muted);color:var(--text-main);border:1px solid var(--border);}
.muo-btn-ghost:hover,.muo-btn-ghost:focus-visible{background:var(--border);outline:none;}
.muo-btn-quiet{background:transparent;color:var(--muo-accent);border:1px dashed var(--muo-accent-dim);}
.muo-btn-quiet:hover,.muo-btn-quiet:focus-visible{background:var(--muo-accent-dim);outline:none;}
@media(max-width:639px){.muo-btn-primary{width:100%;}}
.muo-notice{margin-top:0.85rem;padding:0.65rem 0.75rem;border-radius:var(--muo-radius-sm);background:var(--muo-accent-dim);border:1px solid rgba(8,145,178,0.25);font-size:0.8125rem;color:var(--text-main);line-height:1.45;}
.muo-notice code{font-size:0.88em;background:rgba(15,23,42,0.06);padding:0.12em 0.35em;border-radius:4px;}
.muo-live{min-height:1.25rem;margin-top:0.65rem;font-size:0.8125rem;color:var(--text-muted);}
.muo-live[aria-busy="true"]{color:var(--muo-accent);}
.muo-resolve{display:none;margin-top:0.75rem;padding:0.75rem;border-radius:var(--muo-radius-sm);border:1px solid var(--border);background:var(--surface-muted);}
.muo-resolve.is-open{display:block;}
.muo-resolve p{margin:0 0 0.65rem;font-size:0.875rem;color:var(--text-main);}
.muo-resolve-btns{display:flex;flex-wrap:wrap;gap:0.5rem;}
.muo-sheet{margin-top:0.85rem;border:1px solid var(--border);border-radius:var(--muo-radius-sm);background:var(--surface-muted);}
.muo-sheet summary{cursor:pointer;padding:0.65rem 0.85rem;font-size:0.8125rem;font-weight:600;color:var(--text-main);list-style:none;}
.muo-sheet summary::-webkit-details-marker{display:none;}
.muo-sheet[open] summary{border-bottom:1px solid var(--border);}
.muo-validation{padding:0.5rem 0.65rem 0.75rem;max-height:12rem;overflow-y:auto;}
.muo-line{display:flex;align-items:flex-start;gap:0.5rem;padding:0.35rem 0.45rem;margin-bottom:0.25rem;border-radius:6px;font-size:0.75rem;font-family:ui-monospace,SFMono-Regular,monospace;word-break:break-all;}
.muo-line:last-child{margin-bottom:0;}
.muo-line-ok{background:var(--muo-ok-bg);color:var(--muo-ok);}
.muo-line-bad{background:var(--muo-bad-bg);color:var(--muo-bad);}
.muo-line-badge{flex:0 0 auto;font-size:0.6rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.15rem 0.35rem;border-radius:4px;background:rgba(15,23,42,0.06);}
.muo-prose{margin-bottom:2.5rem;}
.muo-prose h2{font-size:1.35rem;font-weight:700;margin:0 0 0.65rem;color:var(--text-main);}
.muo-prose h3{font-size:1.05rem;font-weight:700;margin:1.75rem 0 0.5rem;color:var(--text-main);}
.muo-prose p{font-size:0.9375rem;line-height:1.65;color:var(--text-muted);margin:0 0 0.85rem;}
.muo-prose ul{margin:0 0 1rem;padding-left:1.2rem;color:var(--text-muted);font-size:0.9375rem;line-height:1.6;}
.muo-prose li{margin-bottom:0.35rem;}
.muo-callout{border-left:4px solid var(--muo-accent);padding:0.65rem 0.85rem;margin:1rem 0;background:var(--muo-accent-dim);border-radius:0 var(--muo-radius-sm) var(--muo-radius-sm) 0;font-size:0.875rem;color:var(--text-main);line-height:1.55;}
.muo-dl{display:grid;gap:0.5rem 1rem;margin:0 0 1rem;}
@media(min-width:640px){.muo-dl{grid-template-columns:auto 1fr;}}
.muo-dl dt{font-size:0.8125rem;font-weight:700;color:var(--text-main);margin:0;}
.muo-dl dd{font-size:0.875rem;color:var(--text-muted);margin:0;}
.muo-kicker{font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muo-accent);font-weight:700;margin-bottom:0.35rem;}
.muo-updated{font-size:0.8125rem;color:var(--text-muted);margin-top:1.5rem;}
