:root{
  --epgf-bg:#0b1021;
  --epgf-card:#111736;
  --epgf-text:#ecf1ff;
  --epgf-dim:#a5b1d8;
  --epgf-accent:#5b8cff;
  --epgf-accent-ghost:#2b3566;
  --epgf-border:#2a3561;
  --epgf-weak:#ff6b6b;
  --epgf-okay:#ffd166;
  --epgf-strong:#06d6a0;
  --epgf-excellent:#1dd3b0;
}
.epgf-card{
  color:var(--epgf-text);
  background:linear-gradient(180deg, rgba(17,23,54,0.9), rgba(9,13,31,0.9));
  border:1px solid var(--epgf-border);
  border-radius:18px;
  padding:22px;
  max-width:860px;
  margin:24px auto;
  box-shadow:0 10px 30px rgba(0,0,0,0.25);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;
}
.epgf-header{margin-bottom:14px}
.epgf-title{font-size:24px;font-weight:700}
.epgf-subtitle{font-size:14px;color:var(--epgf-dim)}
.epgf-controls{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.epgf-row{display:flex;align-items:center;gap:12px;justify-content:space-between}
.epgf-row span{color:var(--epgf-dim)}
.epgf-range{flex:1}
.epgf-input{
  width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--epgf-border);
  background:#0f1430;color:var(--epgf-text);outline:none;
}
.epgf-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px
}
.epgf-check{display:flex;align-items:center;gap:8px;color:var(--epgf-dim)}
.epgf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.epgf-btn{
  background:var(--epgf-accent);border:none;color:white;padding:10px 16px;
  border-radius:12px;cursor:pointer;font-weight:600
}
.epgf-btn.ghost{background:var(--epgf-accent-ghost);color:#cfe0ff}
.epgf-btn:disabled{opacity:.6;cursor:not-allowed}
.epgf-output-wrap{margin-top:14px}
.epgf-output{
  width:100%;resize:vertical;min-height:56px;
  padding:12px;border-radius:12px;border:1px solid var(--epgf-border);
  background:#0f1430;color:var(--epgf-text)
}
.epgf-meter{height:8px;background:#0e1331;border-radius:999px;margin-top:10px;overflow:hidden;border:1px solid var(--epgf-border)}
.epgf-meter-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--epgf-weak),var(--epgf-okay),var(--epgf-strong),var(--epgf-excellent));transition:width .3s ease}
.epgf-meter-info{display:flex;justify-content:space-between;color:var(--epgf-dim);font-size:13px;margin-top:6px}
.epgf-strength.weak{color:var(--epgf-weak)}
.epgf-strength.okay{color:var(--epgf-okay)}
.epgf-strength.strong{color:var(--epgf-strong)}
.epgf-strength.excellent{color:var(--epgf-excellent)}
.epgf-note{margin-top:12px;color:var(--epgf-dim);font-size:12px}
/* Responsive */
@media (max-width:520px){
  .epgf-row{flex-direction:column;align-items:stretch}
}