:root{color-scheme:light;--ink:#0b1326;--muted:#5f708b;--line:#dbe5f1;--blue:#2563eb;--cyan:#0891b2;--soft:#f5f8fc;--yellow:#ffd51f}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;background:transparent;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.meter-widget{width:100%;max-width:760px;margin:0 auto;padding:clamp(16px,4vw,28px);border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.10)}
.widget-brand{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.widget-brand strong{min-width:0;font-size:clamp(18px,4vw,26px);letter-spacing:-.04em}.widget-badge{padding:7px 10px;border-radius:999px;background:#fff8cc;color:#725800;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}
.widget-kicker{margin:0 0 8px;color:var(--blue);font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.meter-widget h1{max-width:100%;margin:0;overflow-wrap:anywhere;font-size:clamp(28px,7vw,52px);line-height:.98;letter-spacing:-.055em}.widget-copy{max-width:100%;margin:12px 0 20px;overflow-wrap:anywhere;color:var(--muted);font-size:15px;line-height:1.55}
.widget-grid{display:grid;grid-template-columns:1fr 170px;gap:12px}.widget-field{display:grid;gap:7px}.widget-field span{font-size:12px;font-weight:800;color:#334155}.widget-field input,.widget-field select{width:100%;min-height:48px;border:1px solid #bfd0e5;border-radius:12px;background:#fff;padding:0 13px;color:var(--ink);font:700 16px/1 inherit}.widget-button{grid-column:1/-1;min-height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font:900 14px/1 inherit;letter-spacing:.04em;cursor:pointer}
.widget-button:focus-visible,.widget-field input:focus-visible,.widget-field select:focus-visible,.widget-link:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.widget-result{display:none;margin-top:20px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#0b1326,#0c4055);color:#fff}.widget-result.visible{display:block}.widget-result-label{color:#6ee7ff;font:800 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.widget-result-value{margin:7px 0 5px;font-size:clamp(30px,8vw,54px);line-height:1;font-weight:950;letter-spacing:-.055em}.widget-result p{margin:0;color:#dbeafe;line-height:1.5}
.widget-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.widget-link{color:var(--blue);font-weight:850;text-decoration:none}.widget-status{display:none;margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#fff4f4;color:#991b1b;font-size:12px;font-weight:700}.widget-status.visible{display:block}
@media(max-width:560px){.meter-widget h1{font-size:clamp(25px,6.8vw,30px);line-height:1.02}.widget-grid{grid-template-columns:1fr}.widget-button{grid-column:auto}.widget-footer{align-items:flex-start;flex-direction:column}.widget-brand{align-items:flex-start;flex-direction:column}.widget-badge{max-width:180px;text-align:center}}