.mpec,.mpec-overlay{--mpec-bg:#faf7ff;--mpec-panel:#ffffff;--mpec-ink:#1a202c;--mpec-mute:#554c7a;--mpec-line:#cfc4ee;--mpec-accent:#3d2a8c;--mpec-accent-ink:#ffffff;--mpec-err:#b3261e}
.mpec{box-sizing:border-box;max-width:640px;margin:0 auto;padding:24px 18px;background:var(--mpec-bg);color:var(--mpec-ink);line-height:1.5;border-radius:14px}
.mpec *,.mpec *::before,.mpec *::after,.mpec-overlay *{box-sizing:border-box}
.mpec .mpec-title{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:var(--mpec-ink)}
.mpec .mpec-sub{margin:0 0 20px;color:var(--mpec-mute)}
.mpec .mpec-card{background:var(--mpec-panel);border:1px solid var(--mpec-line);border-radius:14px;padding:22px;text-align:center}
.mpec .mpec-card[hidden],.mpec .mpec-err[hidden],.mpec-overlay[hidden]{display:none}
.mpec .mpec-big{font-size:6.5rem;line-height:1.1;margin:0}
.mpec .mpec-name{font-size:1.4rem;font-weight:700;margin:6px 0 2px;color:var(--mpec-ink)}
.mpec .mpec-meta{color:var(--mpec-mute);font-size:.95rem;margin:0 0 16px}
.mpec .mpec-status{min-height:1.4em;color:var(--mpec-mute);font-size:.9rem;margin:8px 0 0}
.mpec .mpec-btn,.mpec-overlay .mpec-btn{font:inherit;cursor:pointer;border-radius:10px;border:1px solid var(--mpec-line);background:var(--mpec-panel);color:var(--mpec-ink);padding:10px 16px;text-transform:none;letter-spacing:normal;box-shadow:none}
.mpec .mpec-btn.mpec-primary,.mpec-overlay .mpec-btn.mpec-primary{background:var(--mpec-accent);color:var(--mpec-accent-ink);border-color:var(--mpec-accent);font-weight:700}
.mpec .mpec-btn:focus-visible,.mpec input:focus-visible,.mpec-overlay .mpec-btn:focus-visible{outline:3px solid var(--mpec-accent);outline-offset:2px}
.mpec .mpec-pick{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 10px}
.mpec .mpec-pick label{font-weight:700;margin:0}
.mpec input[type=date]{font:inherit;padding:9px 10px;border-radius:10px;border:1px solid var(--mpec-line);background:var(--mpec-panel);color:var(--mpec-ink);width:auto;max-width:100%}
.mpec .mpec-err{color:var(--mpec-err);font-weight:700;font-size:.95rem;margin:0 0 10px}
.mpec .mpec-h3{font-size:1.1rem;margin:26px 0 10px;color:var(--mpec-ink)}
.mpec .mpec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.mpec .mpec-cell{padding:12px 8px;text-align:center}
.mpec .mpec-cell .mpec-e{font-size:2.2rem;display:block;line-height:1.2}
.mpec .mpec-cell .mpec-n{font-size:.85rem;color:var(--mpec-mute);display:block;margin-top:2px}
.mpec .mpec-cell[aria-current="true"]{border-color:var(--mpec-accent);box-shadow:0 0 0 2px var(--mpec-accent)}
.mpec .mpec-note{color:var(--mpec-mute);font-size:.85rem;margin:22px 0 0}
.mpec-overlay{position:fixed;inset:0;background:rgba(10,9,24,.6);display:flex;align-items:center;justify-content:center;padding:18px;z-index:99999}
.mpec-overlay .mpec-modal{background:var(--mpec-panel);color:var(--mpec-ink);border:1px solid var(--mpec-line);border-radius:14px;padding:22px;max-width:360px;width:100%;text-align:center}
.mpec-overlay .mpec-modal-title{margin:0 0 8px;font-size:1.15rem;color:var(--mpec-ink)}
.mpec-overlay .mpec-modal-msg{margin:0 0 16px;color:var(--mpec-mute)}