.meter-grid{display:grid;grid-template-columns:1fr 230px;gap:24px;margin:30px 0}.meter-box{background:#fff;border:1px solid #cdd7e2;border-radius:22px;padding:25px}.meter-box h2{margin-top:0}.meter-box label{display:block;margin:14px 0;font-size:15px;color:#414854}.meter-box select,.meter-box input{max-width:100%;font:inherit;padding:10px;border:1px solid #aab7c7;border-radius:10px}.meter-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.meter-actions button,#share{min-height:44px;padding:11px 16px;background:#102337;color:#fff;border:0;border-radius:12px;font:inherit;cursor:pointer}.meter-actions button:disabled{opacity:.45;cursor:default}.meter-actions #stop{background:#8d2937}.meter-qr{text-align:center}.meter-qr img{width:180px;height:180px;max-width:100%;background:#fff}.meter-qr p{font-size:14px}.meter-box progress{display:block;width:100%;height:12px;accent-color:#496386}.meter-status{padding:18px 20px;background:#e9eff7;border:1px solid #bac9db;border-radius:14px;color:#263e55!important;min-height:64px}.meter-signal{display:block;width:100%;height:170px;border-radius:16px;margin:20px 0;background:#102337}.meter-result{padding:24px;background:#102337;color:white;border-radius:20px;margin:20px 0}.meter-result strong{display:block;color:#ffcd84;font-size:40px}.watch-story .meter-result p{color:#d0deec}.meter-result span{display:block;color:#fff;font-size:20px;margin:10px 0}.meter-sample audio{width:100%}.meter-note{font-size:14px!important}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #0071e3;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){.meter-grid{grid-template-columns:1fr}.meter-qr{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center;text-align:left}.meter-qr img{width:130px;height:130px}.meter-box{padding:20px}}

.daily-rate{border-top:1px solid #52657b;border-bottom:1px solid #52657b;padding:16px 0;margin:20px 0}.daily-rate strong{font-size:32px}.daily-rate p{font-size:14px}

.trace-panel{margin:28px 0}.trace-panel canvas{width:100%;height:260px;display:block;border-radius:18px;background:#102337}.trace-panel #trace-status{padding:12px 16px;background:#e9eff7;border-radius:12px;font-size:14px}

.meter-countdown{background:#102337;color:#fff;border-radius:16px;padding:16px 22px;margin-top:20px;text-align:center}.meter-countdown span{display:block;color:#d0deec;font-size:14px}.meter-countdown strong{display:block;font:650 52px/1.2 var(--system);font-variant-numeric:tabular-nums;color:#ffcd84;letter-spacing:2px;margin-top:5px}
/* Allow grid items and native form controls to shrink on narrow phone screens. */
.watch-story>.section,.meter-grid,.meter-grid>*{min-width:0}.meter-grid{grid-template-columns:minmax(0,1fr) 230px}.meter-box,.meter-result,.meter-status,.trace-panel,.meter-sample{min-width:0;max-width:100%;overflow-wrap:anywhere}.meter-box select,.meter-box input{display:block;width:100%;min-width:0;box-sizing:border-box;font-size:16px}.meter-box input[type=file]{padding:10px 8px}.meter-box input[type=file]::file-selector-button{max-width:100%;white-space:normal}.meter-actions button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.meter-signal,.trace-panel canvas,.meter-sample audio{min-width:0;max-width:100%}.meter-qr>*,.meter-qr a{min-width:0}.meter-countdown{max-width:100%}.meter-result strong{font-size:clamp(27px,6vw,40px)}.daily-rate strong{font-size:clamp(25px,5vw,32px)}
@media(max-width:900px){.meter-grid{grid-template-columns:minmax(0,1fr)}.meter-qr{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:20px;text-align:left}.meter-qr img{width:160px;height:auto;display:block}}
@media(max-width:480px){.watch-story>.section{padding:28px 5%}.meter-grid{gap:16px;margin:24px 0}.meter-box{padding:18px 16px;border-radius:18px}.meter-box ol{padding-left:22px}.meter-actions{flex-direction:column}.meter-actions button{width:100%;min-height:48px;font-size:16px}.meter-qr{grid-template-columns:minmax(0,1fr);text-align:center;gap:12px}.meter-qr a{justify-self:center}.meter-qr img{width:160px;height:160px}.meter-qr h2{margin:0 0 10px}.meter-qr p{margin:8px 0 14px}#share{width:100%;min-height:48px}.meter-status,.meter-result{padding:18px 16px}.meter-countdown{padding:14px}.meter-countdown strong{font-size:48px}.trace-panel canvas{height:260px}.meter-sample audio{display:block;width:100%}}