:root{ --ink:#222; --muted:#6b7280; --card:#fff; --bg:#f7f7f7; }
.epoxy-wrap{max-width:900px;margin:32px auto;background:var(--bg);padding:0 16px}
.epoxy-card{background:var(--card);border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.05);padding:18px 20px;margin:16px 0}
.epoxy-h1{font-size:28px;font-weight:600;margin:0 0 8px;color:#111}

/* stack cards vertically */
.epoxy-row{display:flex;flex-direction:column;gap:16px}

/* question row */
.epoxy-q{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}
.epoxy-q:last-child{border-bottom:0}
.q-text{font-size:14px;font-weight:600;color:#111;line-height:1.4}

/* scale buttons */
.epoxy-scale{display:flex;gap:6px;flex-wrap:wrap}
.epoxy-scale input{display:none}
.epoxy-scale label{min-width:32px;height:32px;display:grid;place-items:center;border-radius:6px;border:1px solid #d1d5db;cursor:pointer;font-size:13px;font-weight:600;color:#6b7280}
.epoxy-scale input:checked+label{background:#2EA6C0;color:#fff;border-color:#2EA6C0}

/* progress */
.epoxy-progress{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:6px}
.epoxy-bar{height:100%;width:0;background:linear-gradient(90deg,#2EA6C0,#F58220);transition:width .35s}

/* branding lines */
.gradient-line1{border:0;height:3px;background:linear-gradient(135deg,#C4ED5D -0%,#009992 25%,#00B2B9 49%,#4FC7C9 63%,#8DE1D0 82%,#E0F4E9 100%)}
.gradient-line2{border:0;height:3px;background:linear-gradient(135deg,#C4ED5D -60%,#5ACACE 25%,#5ACACE 49%,#4FC7C9 63%,#85D7D9 82%,#E0F4E9 100%)}
.blurr{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* print */
@media print{.epoxy-no-print{display:none!important}.epoxy-card{box-shadow:none;border:1px solid #e5e7eb}}