.mpd-tool{--mpd-cyan:#22d3ee;--mpd-gold:#fbbf24;--mpd-tag:#34d399;--mpd-symbol:#22d3ee}@media (prefers-color-scheme:light){:root:not(.theme-dark) .mpd-tool{--mpd-tag:#047857;--mpd-symbol:#0e7490}}html.theme-light .mpd-tool{--mpd-tag:#047857;--mpd-symbol:#0e7490}.mpd-control-card{border:1px solid var(--border);background:linear-gradient(135deg, #22d3ee1a, transparent 55%, #fbbf241a), var(--bg-surface);border-radius:16px;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.5fr);align-items:center;gap:16px 24px;margin-bottom:14px;padding:18px;display:grid}.mpd-control-copy{gap:3px;display:grid}.mpd-control-copy>span{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.mpd-control-copy strong{color:var(--text);font-size:clamp(1.8rem,6vw,3rem);line-height:1}.mpd-control-copy small{color:var(--text-dim)}.mpd-control-card input[type=range]{accent-color:#0891b2;width:100%}.mpd-number-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mpd-number-grid label{color:var(--text);gap:5px;font-size:.88rem;font-weight:700;display:grid}.mpd-number-grid input{width:100%}.mpd-headline{color:#fff;background:radial-gradient(circle at 90% 20%,#22d3ee45,#0000 35%),linear-gradient(120deg,#0f172a,#164e63);border-radius:16px;gap:4px;margin:12px 0;padding:18px 20px;display:grid;overflow:hidden;box-shadow:0 12px 30px #0f172a29}.mpd-headline span{color:#a5f3fc;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:800}.mpd-headline strong{max-width:760px;font-size:clamp(1.25rem,4vw,2rem);line-height:1.18}.mpd-tool canvas{cursor:ns-resize;touch-action:none}.mpd-bargain{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin:15px 0;display:grid}.mpd-bargain article{border:1px solid var(--border);background:var(--bg-surface);padding:16px}.mpd-bargain article.is-mercator{border-top:4px solid var(--mpd-cyan)}.mpd-bargain article.is-equal{border-top:4px solid var(--mpd-gold)}.mpd-bargain header{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.mpd-bargain header span{color:var(--text);font-weight:800}.mpd-bargain header strong{color:var(--mpd-tag);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem}.mpd-symbol{color:var(--mpd-symbol);letter-spacing:.12em;text-align:center;margin:12px 0 8px;font-size:2rem;font-weight:900}.mpd-bargain p{color:var(--text-dim);text-align:center;margin:0}.mpd-versus{color:var(--text-dim);letter-spacing:.09em;text-transform:uppercase;align-self:center;font-size:.73rem;font-weight:900}.mpd-results{background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;display:grid;overflow:hidden}.mpd-results>div{background:var(--bg-surface);gap:4px;padding:14px;display:grid}.mpd-results span{color:var(--text-dim);font-size:.82rem}.mpd-results strong{color:var(--text);font-size:1.2rem}.mpd-results strong span{color:inherit;font-size:inherit}.mpd-area-note{border-left:3px solid var(--mpd-cyan);color:var(--text-dim);background:var(--bg-surface);margin:8px 0 14px;padding:10px 12px}@media (width<=700px){.mpd-control-card,.mpd-number-grid,.mpd-bargain{grid-template-columns:1fr}.mpd-versus{justify-self:center}.mpd-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.mpd-headline{animation:.45s ease-out mpd-arrive}@keyframes mpd-arrive{0%{opacity:.45;transform:translateY(4px)}}}