:root{color-scheme:light dark}.mps-hero{display:grid;gap:clamp(1.5rem,3vw,2.5rem);padding:clamp(4rem,6vw,6rem) 0 clamp(3rem,5vw,4rem)}.mps-hero__pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:999px;background:linear-gradient(120deg,rgba(129,140,248,.18),rgba(236,72,153,.18));color:var(--mps-pill-color, #4338ca);font-weight:600;font-size:.85rem}.mps-hero__title{font-size:clamp(2.6rem,4vw,3.6rem);line-height:1.1;margin:0;background:linear-gradient(120deg,#7c3aed,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mps-hero__lead{max-width:48rem;font-size:1.2rem;color:var(--mps-text-muted, #4b5563)}.mps-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.mps-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.4rem;border-radius:.9rem;font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.mps-button--primary{background:linear-gradient(120deg,#7c3aed,#f43f5e);color:#fff;box-shadow:0 12px 25px #7c3aed40}.mps-button--primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px #7c3aed4d}.mps-button--ghost{border:1.5px solid rgba(124,58,237,.3);color:#7c3aed;background:rgba(124,58,237,.08)}.mps-button--ghost:hover{background:rgba(124,58,237,.15)}.mps-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem);align-items:start;padding-bottom:clamp(4rem,6vw,6rem)}@media (max-width: 1024px){.mps-layout{grid-template-columns:1fr}}.mps-column{display:grid;gap:1.5rem}.mps-card{background:rgba(15,23,42,.92);border-radius:1.2rem;padding:clamp(1.5rem,3vw,2rem);box-shadow:0 18px 40px #0f172a40;border:1px solid rgba(148,163,184,.25)}[data-theme=light] .mps-card{background:rgba(15,23,42,.88);border-color:#94a3b859}.mps-card h2{font-size:1.6rem;margin:0 0 1rem;display:flex;align-items:center;gap:.6rem;color:#f8fafc}.mps-card p{margin:0 0 1.2rem;color:#e2e8f0bf;font-size:.95rem}.mps-select{width:100%;padding:.9rem 1rem;border-radius:.85rem;border:2px solid rgba(148,163,184,.45);font-size:1rem;font-weight:600;background:rgba(30,41,59,.85);color:#f8fafc;transition:border .18s ease,box-shadow .18s ease}.mps-select:focus{outline:none;border-color:#a855f7b3;box-shadow:0 0 0 4px #7c3aed59}.mps-meta{margin-top:1.1rem;padding:.85rem 1rem;border-radius:.9rem;background:rgba(124,58,237,.18);color:#ede9fe;font-size:.95rem;font-weight:600}[data-theme=light] .mps-meta{background:rgba(124,58,237,.2);color:#ede9fe}.mps-mutation-grid,.mps-weather-grid{display:grid;gap:.85rem}.mps-mutation-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.mps-weather-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.mps-pill-button{border:2px solid rgba(148,163,184,.4);background:rgba(30,41,59,.85);border-radius:1rem;padding:1rem;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border .18s ease;display:grid;gap:.4rem}.mps-pill-button:hover{transform:translateY(-3px);border-color:#7c3aed8c;box-shadow:0 14px 32px #7c3aed33}.mps-pill-button.is-selected{border-color:#ec4899e6;background:rgba(236,72,153,.18);box-shadow:0 18px 36px #ec489940}.mps-pill-button .mps-pill__emoji{font-size:1.7rem}.mps-pill-button .mps-pill__title{font-weight:700;font-size:1rem;color:#f8fafc}.mps-pill-button .mps-pill__meta{font-size:.8rem;color:#e2e8f0ad;line-height:1.3}.mps-summary{position:sticky;top:2rem;display:grid;gap:1.5rem;padding:clamp(1.6rem,2.5vw,2.2rem);border-radius:1.4rem;background:radial-gradient(circle at top left,rgba(124,58,237,.65),rgba(15,23,42,.88));color:#f8fafc;box-shadow:0 22px 40px #0f172a59}.mps-summary__badge{align-self:flex-start;padding:.35rem .9rem;border-radius:999px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;background:rgba(15,23,42,.45)}.mps-summary__value{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;line-height:1}.mps-summary__hint{font-size:.95rem;color:#e2e8f0d1}.mps-summary dl{display:grid;gap:.75rem;margin:0}.mps-summary dl div{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem}.mps-summary dt{color:#e2e8f0cc}.mps-summary dd{margin:0;font-weight:600;color:#f8fafc}.mps-summary__best{padding:1rem;border-radius:1rem;background:rgba(16,185,129,.25);font-size:.92rem;display:grid;gap:.4rem}.mps-summary__best strong{font-size:1.05rem}.mps-weather-table{display:grid;gap:.85rem}.mps-weather-row{border-radius:1rem;padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(30,41,59,.85);border:1px solid rgba(148,163,184,.35)}.mps-weather-row.is-best{border-color:#10b981cc;background:rgba(16,185,129,.22)}.mps-weather-row__info{display:flex;align-items:center;gap:.85rem}.mps-weather-row__info span{font-size:1.8rem}.mps-weather-row__labels{display:grid;gap:.3rem}.mps-weather-row__name{font-weight:700;color:#f8fafc}.mps-weather-row__meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#e2e8f0b3}.mps-weather-row__metrics{text-align:right;display:grid;gap:.2rem}.mps-weather-row__prob{font-weight:700;font-size:1rem;color:#7c3aed}.mps-weather-row__tries{font-size:.75rem;color:#e2e8f0b3}.mps-empty-notice{padding:1rem;border-radius:.85rem;background:rgba(30,41,59,.8);border:1px dashed rgba(148,163,184,.5);color:#e2e8f0bf;font-size:.9rem;text-align:center}