:root{--ink:#0f172a;--mut:#475569;--line:#e5e7eb;--brand:#00b5c8;--brand2:#0284a3;--ring:#84cc16}*{box-sizing:border-box}.wsf{max-width:920px;margin:0 auto;padding:16px 12px 18px;background:linear-gradient(135deg,var(--brand),var(--brand2));border-radius:20px;box-shadow:0 10px 26px rgba(2,132,163,.18);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wsf-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.wsf-tab{border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.92);color:var(--brand2);padding:7px 14px;border-radius:999px;font-weight:800;cursor:pointer}.wsf-tab.is-active{background:#fff;color:var(--ink);box-shadow:0 6px 14px rgba(15,23,42,.12)}.wsf-card{background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:14px 14px 16px;box-shadow:0 10px 22px rgba(15,23,42,.10)}.wsf-step{display:none}.wsf-step.is-active{display:block}.wsf-grid{display:grid;grid-template-columns:240px 1fr;gap:8px 12px;align-items:center}.wsf-grid label{font-weight:800;color:var(--ink)}.wsf-req{color:#ef4444;font-weight:900}.wsf input,.wsf select,.wsf textarea{width:100%;padding:9px 10px;border:1px solid #d1d5db;border-radius:10px;color:var(--ink);background:#fff}.wsf textarea{min-height:70px;resize:vertical}.wsf-muted{color:var(--mut);font-weight:600}.wsf-actions{display:flex;justify-content:space-between;margin-top:12px;gap:10px}.wsf-btn{border:1px solid #d1d5db;background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:800;cursor:pointer}.wsf-btn:disabled{opacity:.55;cursor:not-allowed}.wsf-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:var(--brand2);color:#fff}.wsf-q{border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px;margin:10px 0;background:#f8fafc}.wsf-q.wsf-err{border-color:#fb923c;box-shadow:0 0 0 3px rgba(251,146,60,.15)}.wsf-q-title{font-weight:900;color:var(--ink);margin-bottom:8px}.wsf-q-opts{display:flex;flex-direction:column;gap:6px}.wsf-q-opts label{display:flex;gap:8px;align-items:center;font-weight:700;color:var(--ink)}.wsf-q-opts input{width:auto}.wsf-mtx{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}.wsf-mtx th,.wsf-mtx td{border:1px solid #dbeafe;padding:6px 8px;text-align:center}.wsf-mtx th:first-child,.wsf-mtx td:first-child{text-align:left;font-weight:700}.wsf-mtx thead th{background:#e0f2fe}.wsf-inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wsf-chip{border:1px solid #e5e7eb;background:#f8fafc;border-radius:999px;padding:7px 10px;font-weight:800;cursor:pointer}.wsf-chip.is-on{border-color:var(--brand2);background:#fff;box-shadow:0 0 0 3px rgba(2,132,163,.12)}.wsf-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-weight:900}.wsf-kpis{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.wsf-kpis>div{flex:1 1 120px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px}.wsf-k{font-weight:900;color:var(--ink)}.wsf-v{font-weight:900;color:var(--brand2);margin-top:2px}.wsf-inj,.wsf-sm,.wsf-o2{display:none}.wsf-results{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:12px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.wsf-results-txt{min-width:220px}.wsf-ttl{font-weight:900;color:var(--ink);margin-bottom:6px}.wsf-block{margin-top:12px;padding:12px 12px;border-radius:14px;background:#fff;border:1px solid #e5e7eb}.wsf-bul{margin:6px 0 0 18px;color:var(--ink);font-weight:800;line-height:1.45}.wsf-ring{--pct:0;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--pct)*1%),#e5e7eb 0);display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}.wsf-ring:before{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:#fff}.wsf-ring span{position:relative;font-weight:900;font-size:18px;color:var(--ink)}.wsf-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wsf-mini{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px 10px}.wsf-mini-ring{--pct:0;--col:#22c55e;width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--col) calc(var(--pct)*1%),#e5e7eb 0);display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}.wsf-mini-ring:before{content:"";position:absolute;width:54px;height:54px;border-radius:50%;background:#fff}.wsf-mini-ring span{position:relative;font-weight:900;color:var(--ink)}.wsf-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.88);color:#fff;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.wsf-overlay.is-on{display:flex}.wsf-ov-time{font-weight:900;line-height:1;letter-spacing:-2px;font-size:clamp(72px,18vw,220px)}.wsf-ov-phase{margin-top:10px;font-weight:900;font-size:clamp(18px,3.5vw,34px)}.wsf-ov-hint{margin-top:8px;opacity:.85;font-weight:800;max-width:900px}@media(max-width:760px){.wsf-grid{grid-template-columns:1fr}.wsf-mini-grid{grid-template-columns:1fr}}
/* === v1.2.5 UI tweaks === */
.wsf-q-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wsf-q-grid .wsf-q{margin:0}
.wsf-q-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}

.wsf-time12{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wsf-time12 select{width:auto;min-width:84px}
.wsf-time12 .wsf-ampm{min-width:90px}

.wsf-sts-top{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:start}
.wsf-sts-media{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;background:#000}
.wsf-sts-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wsf-sts-controls{border:1px solid #e5e7eb;border-radius:14px;padding:12px 12px;background:#f8fafc}
.wsf-sts-controls .wsf-inline{margin-top:6px}
.wsf-sts-table{width:100%;border-collapse:collapse}
.wsf-sts-table th,.wsf-sts-table td{border-bottom:1px solid #e5e7eb;padding:8px 10px;vertical-align:top;font-size:13px}
.wsf-sts-table th{background:#f8fafc;text-align:left}
.wsf-sts-table input{width:100%}

@media(max-width:760px){
  .wsf-q-grid{grid-template-columns:1fr}
  .wsf-q-opts{grid-template-columns:1fr}
  .wsf-sts-top{grid-template-columns:1fr}
}

/* ===== v1.2.6 UI tweaks (lighter typography + matrix grids + GDPR) ===== */
.wsf-grid label{font-weight:500;}
.wsf-muted{font-weight:500;}
.wsf-q-title{font-weight:600;}
.wsf-q-opts label{font-weight:500;}
.wsf-mtx th:first-child,.wsf-mtx td:first-child{font-weight:500;}
.wsf-tab{font-weight:700;}
.wsf-btn{font-weight:700;}
.wsf-badge{font-weight:700;}
.wsf-ring span{font-weight:700;}

.wsf-mtx-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.wsf-mtx{min-width:560px;}
.wsf-mtx th{font-weight:600;}
.wsf-mtx td{text-align:center;}
.wsf-mtx input[type="radio"]{transform:scale(1.05);}

.wsf-gdpr{
  width:100%;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:12px 14px;
}
.wsf-gdpr-row{display:flex;gap:10px;align-items:flex-start;}
.wsf-gdpr-row input{margin-top:3px;}
.wsf-gdpr-text{font-size:13px;color:#334155;line-height:1.4;}
.wsf-gdpr-text a{color:#0284a3;text-decoration:underline;}

/* ===== v1.2.7 tweaks (UI) ===== */
/* lighter headings/questions */
.wsf-step h3{font-weight:600;}
.wsf-q-title{font-weight:500;}

/* ensure grids do not overflow cards (matrix stays inside) */
.wsf-q{min-width:0;overflow:hidden;}
.wsf-mtx-wrap{width:100%;max-width:100%;overflow-x:auto;}
.wsf-mtx{width:100%;min-width:520px;}
.wsf-mtx-wide{min-width:760px;}

/* bigger timer box */
.wsf-sts-top{grid-template-columns:1fr 1fr;}
.wsf-sts-controls{max-width:none;padding:18px 18px;}
.wsf-sts-controls .wsf-ttl{font-size:18px;}
.wsf-sts-controls .wsf-inline{gap:12px;}
.wsf-sts-controls .wsf-btn{padding:10px 18px;font-size:15px;}
.wsf-sts-controls .wsf-badge{padding:8px 12px;font-size:14px;}