.mc { max-width:1120px; margin:0 auto; padding:24px 0 40px; color:var(--ui-text); letter-spacing:0; }
.mc *, .mc *::before, .mc *::after { box-sizing:border-box; min-width:0; }
.mc [hidden] { display:none !important; }
.mc h1 { font-size:30px; line-height:1.3; margin:22px 0 16px; overflow-wrap:anywhere; }
.mc h2 { font-size:20px; line-height:1.4; margin:0; }
.mc p { line-height:1.7; }
.mc-crumbs, .mc-tabs { display:flex; flex-wrap:wrap; gap:10px 22px; font-size:13px; }
.mc-tabs { border-bottom:1px solid var(--ui-line); margin-bottom:16px; }
.mc-tabs a { padding:12px 0; }
.mc-tabs [aria-current] { border-bottom:2px solid var(--ui-accent); }
.mc-source, .mc-note { color:var(--ui-muted); font-size:13px; margin:12px 0; }
.mc-toolbar { display:flex; gap:16px; justify-content:space-between; align-items:center; margin:24px 0 18px; font-size:13px; }
.mc-actions { display:flex; gap:6px; flex-shrink:0; }
.mc button, .mc input, .mc select { box-sizing:border-box; max-width:100%; font:inherit; color:var(--ui-text); background:var(--ui-surface); border:1px solid var(--ui-line); border-radius:4px; box-shadow:none; }
.mc button { cursor:pointer; }
.mc button:hover:not(:disabled) { border-color:var(--ui-accent); }
.mc button:disabled { opacity:.4; cursor:default; }
.mc .mc-icon { display:grid; place-items:center; width:44px; height:44px; padding:10px; flex-shrink:0; }
.mc-icon svg { display:block; width:20px; height:20px; fill:currentColor; }
.mc :focus-visible { outline:2px solid var(--ui-accent); outline-offset:3px; }
.mc-offers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.mc-side { border-top:3px solid var(--ui-accent); padding-top:16px; }
.mc-side + .mc-side { border-color:#52b89b; }
.mc-side header { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:16px; }
.mc-side header span { font-size:12px; color:var(--ui-muted); flex-shrink:0; }
.mc-items { min-height:100px; }
.mc-empty { color:var(--ui-muted); font-size:14px; padding:24px 0; margin:0; }
.mc-item { display:grid; grid-template-columns:48px minmax(0,1fr) 44px; gap:8px 12px; padding:12px 0; border-top:1px solid var(--ui-line); align-items:center; }
.mc-item img, .mc-choice img { width:48px; height:48px; object-fit:contain; background:#edf0f3; border-radius:4px; padding:3px; }
.mc-item-name b, .mc-choice b { display:block; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.mc-item-name small, .mc-choice small { display:block; font-size:12px; line-height:1.5; color:var(--ui-muted); margin-top:3px; }
.mc-item-detail { grid-column:2/-1; display:flex; align-items:end; gap:12px; justify-content:space-between; }
.mc-item-detail label { display:grid; gap:4px; font-size:11px; color:var(--ui-muted); }
.mc-item-detail input { width:84px; height:44px; padding:0 8px; font-size:14px; }
.mc-item-detail strong { font-size:14px; font-variant-numeric:tabular-nums; line-height:1.5; text-align:right; padding-bottom:10px; }
.mc .mc-add { width:100%; min-height:44px; padding:10px; margin-top:12px; font-size:14px; }
.mc-side footer { display:flex; justify-content:space-between; gap:12px; padding:18px 0; border-bottom:1px solid var(--ui-line); align-items:center; }
.mc-side footer span { font-size:13px; color:var(--ui-muted); }
.mc-side footer strong { font-size:20px; text-align:right; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.mc-result { padding:24px 0 12px; }
.mc-result p { margin:8px 0; }
.mc-result[data-state="higher"] h2 { color:#51ae91; }
.mc-result[data-state="lower"] h2 { color:#d97975; }
#mc-status { min-height:24px; font-size:13px; color:var(--ui-muted); }
#mc-share-fallback label { display:grid; gap:6px; font-size:13px; }
#mc-share-url { width:100%; height:44px; padding:8px; }
.mc-about { border-top:1px solid var(--ui-line); margin-top:28px; padding-top:24px; }
.mc-about h2 { margin:20px 0 10px; }
.mc-about p { max-width:900px; font-size:14px; margin:10px 0; }
.mc dialog { width:min(800px,calc(100% - 24px)); max-height:85vh; max-height:85dvh; margin:auto; padding:20px; color:var(--ui-text); background:var(--ui-bg); border:1px solid var(--ui-line); border-radius:6px; overflow:auto; overscroll-behavior:contain; }
.mc dialog::backdrop { background:#0009; }
.mc dialog header { display:flex; gap:12px; justify-content:space-between; align-items:center; }
.mc dialog h2 { font-size:20px; }
.mc-filters { display:grid; grid-template-columns:2fr 1fr 1fr; gap:12px; margin:20px 0 12px; }
.mc-filters label { display:grid; gap:6px; font-size:13px; }
.mc-filters input, .mc-filters select { width:100%; height:44px; padding:0 8px; }
#mc-found, #mc-picker-error { font-size:13px; line-height:1.6; }
#mc-picker-error { color:#d97975; }
#mc-picker-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.mc .mc-choice { display:grid; grid-template-columns:48px minmax(0,1fr); gap:8px 12px; padding:12px; text-align:left; align-items:center; }
.mc-choice strong { grid-column:2; font-size:14px; font-variant-numeric:tabular-nums; }
@media(max-width:700px) {
 .mc { padding-top:20px; }
 .mc h1 { font-size:25px; }
 .mc-offers { grid-template-columns:minmax(0,1fr); gap:24px; }
 .mc-toolbar { gap:8px; }
 .mc-items { min-height:56px; }
 .mc-empty { padding:12px 0; }
 .mc-filters { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .mc-search { grid-column:1/-1; }
 #mc-picker-items { grid-template-columns:minmax(0,1fr); }
 .mc dialog { padding:16px; }
 .mc dialog h2 { font-size:18px; }
 .mc-side h2, .mc-result h2 { font-size:19px; }
}