:root{--mp-bg:var(--bg, #0b0f14);--mp-panel:var(--bg-elev, #0f1620);--mp-border:var(--line, rgba(255, 255, 255, 0.10));--mp-text:var(--text, rgba(255, 255, 255, 0.88));--mp-muted:var(--muted, rgba(255, 255, 255, 0.62));--mp-cyan:var(--cyan, #4deeea);--mp-magenta:var(--magenta, #ff4fd8)}.mp-panel{padding:2rem;border-radius:18px;border:1px solid var(--mp-border);background:rgba(15,22,32,.85);box-shadow:0 18px 40px rgba(4,8,15,.45);margin:2rem 0}.mp-panel h3{margin-top:0}.mp-map{min-height:260px;margin:1.5rem 0}.mp-map svg{width:100%;height:260px}.mp-map-grid{align-items:center}.mp-map-image img{display:block;width:100%;border-radius:16px;border:1px solid var(--mp-border);box-shadow:0 12px 28px rgba(7,12,20,.45)}.mp-map .map-link{opacity:.7}.mp-map .map-link.active{opacity:1}.mp-sparkline{width:100%;height:96px}.sparkline-axis line{stroke:var(--mp-border);stroke-width:1}.sparkline-axis text{fill:var(--mp-muted);font-size:9px;font-family:jetbrains mono,monospace}.mp-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.mp-btn{padding:.55rem 1rem;border-radius:999px;border:1px solid var(--mp-border);background:0 0;color:var(--mp-text);font-weight:600;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mp-btn:hover,.mp-btn:focus{border-color:var(--mp-cyan);box-shadow:0 0 12px rgba(77,238,234,.3);transform:translateY(-1px)}.mp-btn.active{border-color:var(--mp-magenta);color:var(--mp-magenta);box-shadow:0 0 12px rgba(255,79,216,.25)}.mp-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--mp-border);color:var(--mp-muted);font-size:.75rem}.mp-tooltip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:12px;background:rgba(17,24,38,.9);border:1px solid var(--mp-border);color:var(--mp-muted);font-size:.85rem}.js .mp-fallback{display:none}.mp-output,.mp-timeline{color:var(--mp-muted);font-size:.95rem;line-height:1.6}.mp-output ul{padding-left:1.2rem;margin:.8rem 0 0}.mp-timeline{display:grid;gap:.6rem}.mp-timeline .mp-pill{flex-direction:column;align-items:flex-start}.mp-timeline .mp-pill strong{color:var(--mp-text)}.mp-panel svg .mp-hover{transition:filter .2s ease,stroke .2s ease,opacity .2s ease}.mp-panel svg .mp-hover:hover{stroke:var(--mp-magenta);filter:drop-shadow(0 0 8px rgba(255,79,216,.5))}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mp-btn,.mp-panel svg .mp-hover{transition:none}}