[data-mp-root]{color:var(--text-primary,#172033);background:var(--surface-raised,#fff);padding:clamp(12px,2vw,28px);border-radius:16px;max-width:1440px;margin-inline:auto;overflow-wrap:anywhere;isolation:isolate;color-scheme:light dark;font-family:inherit}
[data-mp-root] *{box-sizing:border-box;min-width:0}
[data-mp-root] [hidden]{display:none!important}
[data-mp-root] a{color:var(--text-primary,#172033);text-decoration:underline;text-underline-offset:3px}
[data-mp-root] button,[data-mp-root] input,[data-mp-root] select,[data-mp-root] textarea,[data-mp-root] nav a{font:inherit;min-height:44px;border:1px solid var(--border-color,#cbd5e1);border-radius:10px;padding:10px 12px;background:var(--surface-muted,#f1f5f9);color:var(--text-primary,#172033);max-width:100%}
[data-mp-root] button{cursor:pointer}
[data-mp-root] button:disabled{opacity:.65;cursor:wait}
[data-mp-root] :focus-visible{outline:3px solid var(--accent-cyan,#0891b2);outline-offset:3px}
[data-mp-root] button[aria-pressed=true],[data-mp-root] a[aria-current=page]{border-color:var(--accent-cyan,#0891b2);box-shadow:inset 0 0 0 1px var(--accent-cyan,#0891b2)}
[data-mp-root] .mp-header,[data-mp-root] nav,[data-mp-root] .mp-toolbar,[data-mp-root] .mp-pagination{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-block-end:16px}
[data-mp-root] .mp-header{justify-content:space-between}
[data-mp-root] h1{font-size:clamp(24px,3vw,34px);margin:0 0 12px}
[data-mp-root] h2{font-size:20px;line-height:1.4;margin-block:10px}
[data-mp-root] h3{font-size:17px}
[data-mp-root] label{display:flex;flex-direction:column;gap:6px;flex:1 1 140px}
[data-mp-root] .mp-stack{display:flex;flex-direction:column;gap:12px}
[data-mp-root] .mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px}
[data-mp-root] .mp-card{border:1px solid var(--border-color,#cbd5e1);border-radius:14px;padding:12px;background:var(--surface-raised,#fff)}
[data-mp-root] .mp-card img,[data-mp-root] .mp-image-placeholder{width:100%;height:190px;object-fit:cover;border-radius:10px;background:var(--surface-muted,#e2e8f0)}
[data-mp-root] .mp-image-placeholder{display:grid;place-items:center}
[data-mp-root] .mp-card button{margin-inline-end:8px}
[data-mp-root] .mp-category-child{border-style:dashed}
[data-mp-root] fieldset{min-inline-size:0;border:0;padding:0;display:flex;flex-direction:column;gap:14px}
[data-mp-root] form{display:flex;flex-direction:column;gap:14px;max-width:100%}
[data-mp-root] label{flex-grow:0}
[data-mp-root] input[type=checkbox]{width:44px;height:44px}
[data-mp-root] img{display:block;max-width:100%}
[data-mp-root] .mp-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
[data-mp-root] .mp-gallery{max-width:100%;display:flex;flex-direction:column;gap:12px}
[data-mp-root] .mp-gallery>[data-mp-main-image]{width:100%;max-height:440px;object-fit:contain}
[data-mp-root] .mp-thumbnails{display:flex;flex-wrap:wrap;gap:8px}
[data-mp-root] .mp-pre{white-space:pre-wrap}
[data-mp-root] dialog{color:var(--text-primary,#172033);background:var(--surface-raised,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:16px;width:min(520px,calc(100vw - 24px));max-height:85dvh;overflow:auto;padding:20px}
[data-mp-root] dialog::backdrop{background:#0009}
[data-mp-root] dialog button{margin:8px}
[data-mp-root] .mp-store-header img{width:72px;height:72px;object-fit:cover;border-radius:50%}
[data-mp-root] .mp-chat{display:grid;grid-template-columns:minmax(220px,28%) minmax(0,1fr);gap:20px;align-items:start}
[data-mp-root] .mp-thread-list{display:flex;flex-direction:column;gap:10px;max-height:75dvh;overflow:auto}
[data-mp-root] .mp-thread-list a{display:flex;flex-direction:column;padding:12px;border:1px solid var(--border-color,#cbd5e1);border-radius:12px;gap:8px;min-height:44px}
[data-mp-root] .mp-snapshot{border:1px solid var(--border-color,#cbd5e1);padding:12px;border-radius:12px}
[data-mp-root] .mp-snapshot img{width:120px;height:90px;object-fit:contain}
[data-mp-root] .mp-snapshot .mp-image-placeholder{height:90px;width:120px}
[data-mp-root] .mp-order{border-inline-start:3px solid var(--accent-cyan,#0891b2);padding:12px;display:flex;flex-direction:column;gap:12px}
[data-mp-root] .mp-events{display:flex;flex-direction:column;gap:12px;max-height:55dvh;overflow:auto;overscroll-behavior:contain;padding:10px;overflow-anchor:none}
[data-mp-root] .mp-bubble{align-self:start;max-width:90%;background:var(--surface-muted,#f1f5f9);border-radius:14px;padding:12px}
[data-mp-root] .mp-mine{align-self:end;border:1px solid var(--accent-cyan,#0891b2)}
[data-mp-root] .mp-system{border-block:1px solid var(--border-color,#cbd5e1);padding:10px;font-size:.9em}
[data-mp-root] .mp-events time{font-size:.8em}
[data-mp-root] .mp-changes{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px}
[data-mp-root] .mp-changes dd{margin:0}
[data-mp-root] .mp-composer{padding-block-end:env(safe-area-inset-bottom,0px)}
@media(max-width:680px){[data-mp-root] .mp-detail,[data-mp-root] .mp-chat{grid-template-columns:minmax(0,1fr)}[data-mp-root]:not(.mp-thread-open) .mp-chat-pane{display:none}[data-mp-root].mp-thread-open .mp-thread-list{display:none}[data-mp-root] .mp-header{align-items:stretch}[data-mp-root] .mp-header nav{gap:6px}}
[data-theme=light] [data-mp-root]{--surface-raised:#fff;--surface-muted:#f1f5f9;--text-primary:#172033;--border-color:#cbd5e1;--accent-cyan:#0891b2}
[data-mp-root] [data-mp-notice]:not(:empty){padding:10px;border-inline-start:3px solid var(--accent-cyan,#0891b2);margin-block:12px}
@media(prefers-color-scheme:dark){[data-mp-root]{--surface-raised:#151c28;--surface-muted:#202b3b;--text-primary:#edf2fa;--border-color:#526176;--accent-cyan:#22d3ee}}
[data-theme=dark] [data-mp-root]{--surface-raised:#151c28;--surface-muted:#202b3b;--text-primary:#edf2fa;--border-color:#526176;--accent-cyan:#22d3ee}
@media(prefers-reduced-motion:reduce){[data-mp-root] *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}