.gmetronome{--ink:#101713;--muted:#626c65;--line:#d9e0da;--paper:#f5f8f1;--green:#397647;--mint:#dcebd9;--dial:#e0e6dc;background:var(--paper);color:var(--ink)}.gmetronome .site-header{background:#f5f8f1eb}.gmetronome .brand-mark{border:3px solid var(--green);color:#72a7ff;background:#111;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:8px;box-shadow:inset 0 0 0 5px #cfd1cf}.dial-card{background:linear-gradient(145deg,#fffffff5,#e6efe2d1);border:1px solid #ffffffd9;border-radius:38px;place-items:center;min-height:510px;display:grid;position:relative;transform:rotate(1.5deg);box-shadow:0 34px 90px #31563a29}.dial-card:before{content:"";z-index:-1;background:radial-gradient(circle,var(--mint),transparent 67%);filter:blur(12px);border-radius:50%;position:absolute;inset:0}.dial{aspect-ratio:1;background:repeating-conic-gradient(from -1deg,var(--green) 0 1.3deg,transparent 1.3deg 9deg),var(--dial);border-radius:50%;place-items:center;width:min(370px,78vw);display:grid;position:relative;box-shadow:inset 0 0 0 28px #f5f8f194}.dial:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:47px;box-shadow:0 13px 24px #1f322324,inset 0 1px #fff}.dial-face{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.dial-face strong{letter-spacing:-.07em;font-size:76px;line-height:1}.dial-face span{margin-top:9px;font-size:27px}.dial-face i{margin-top:20px;font-size:15px;font-style:normal}.meter{color:var(--green);align-items:center;gap:8px;font-size:13px;font-weight:850;display:flex;position:absolute;bottom:31px}.meter-line{background:var(--green);width:24px;height:1px}.dial{width:min(370px,90%)}@media (max-width:760px){.dial-card{min-height:390px;transform:none}.dial-face strong{font-size:64px}}