:root { --mdd-primary:#F27AA0; --mdd-bg:#fff7fa; --mdd-card:#fff; --mdd-text:#1f2937; --mdd-muted:#6b7280; --mdd-radius:20px; --mdd-shadow:0 6px 20px rgba(0,0,0,.06); --mdd-gap:16px; }
.mdd-pwc{ max-width:900px; margin:0 auto; padding:16px; color:var(--mdd-text); }
.mdd-header{text-align:center;margin-bottom:8px}
.mdd-h1{font-size:clamp(28px,5vw,42px);font-weight:800;margin:0 0 6px}
.mdd-sub{font-size:14px;color:var(--mdd-muted);margin:0}
.mdd-hero-icon{display:flex;justify-content:center;margin:12px 0 0}
.mdd-hero-icon svg{width:48px;height:48px}.mdd-hero-icon:hover .pulse{transform-origin:center;animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}
.mdd-card{background:var(--mdd-card);border-radius:var(--mdd-radius);box-shadow:var(--mdd-shadow);padding:16px;margin-top:12px}
.mdd-grid{display:grid;grid-template-columns:1fr;gap:var(--mdd-gap)}
@media (min-width:720px){.mdd-grid.two{grid-template-columns:1fr 1fr}}
@media (min-width:560px){.mdd-grid.three{grid-template-columns:repeat(3,1fr)}}
.mdd-field{display:flex;flex-direction:column;gap:6px}.mdd-label{font-size:14px;font-weight:600}.mdd-input{width:100%;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;font-size:16px;height:44px;box-sizing:border-box}
.mdd-range{width:100%;height:10px;border-radius:9999px;background:linear-gradient(var(--mdd-primary),var(--mdd-primary)) 0/var(--fill,0%) 100% no-repeat,#cbd5e1;outline:none;appearance:none;-webkit-appearance:none}
.mdd-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--mdd-primary);border:2px solid #fff}
.mdd-segmented{display:inline-grid;grid-template-columns:auto auto;border:1px solid #e5e7eb;border-radius:9999px;overflow:hidden}
.mdd-segmented input{position:absolute;opacity:0}
.mdd-segmented label{padding:8px 14px;font-size:14px;cursor:pointer}
.mdd-segmented input:checked+label{background:var(--mdd-primary);color:#fff}
.mdd-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--mdd-gap);margin-top:12px}
.mdd-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:12px 16px;font-weight:700;font-size:15px;border:1px solid #e5e7eb;background:#fff}
.mdd-btn-primary{background:var(--mdd-primary);color:#fff;border-color:transparent}
.mdd-chart-wrap{background:#fff;border-radius:20px;box-shadow:var(--mdd-shadow);padding:16px}
.mdd-chart{width:100%;height:auto;display:block;background:var(--mdd-bg);border-radius:16px}
.mdd-status{border-radius:20px;padding:16px}
.mdd-status.ok{background:rgba(22,163,74,.12);color:#16a34a}
.mdd-status.warn{background:rgba(245,158,11,.14);color:#f59e0b}
.mdd-status.info{background:rgba(242,122,160,.16);color:#F27AA0}
.mdd-stat{background:#fff;border-radius:16px;padding:12px}
.mdd-help{color:var(--mdd-muted);font-size:12px;margin-top:4px}
.mdd-footer{margin-top:12px;color:var(--mdd-muted)}
.mdd-small{font-size:12px;line-height:1.5}