:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#faf7ff;background:#17131c;font-family:system-ui,sans-serif}body{min-width:320px;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #ffe06b}#app{min-height:100vh}.tuner{box-sizing:border-box;text-align:center;gap:1rem;max-width:680px;min-height:100vh;margin:auto;padding:2rem;display:grid}.tuner__header{justify-content:space-between;align-items:center;display:flex}.tuner h1{margin:0;font-size:clamp(1.4rem,4vw,2.2rem)}.language,.controls button{color:inherit;cursor:pointer;background:#3d2f4b;border:1px solid #9381a8;border-radius:.5rem;padding:.65rem .9rem}.status{color:#d6c8e5;min-height:1.5em;margin:0}.note{font-size:clamp(4rem,18vw,8rem);font-weight:800;line-height:1}.reading,.target{margin:0}.meter{--needle:0deg;box-sizing:border-box;border:.9rem solid #725a87;border-bottom:0;border-radius:18rem 18rem 0 0;width:100%;max-width:20rem;height:10rem;margin:0 auto;position:relative;overflow:hidden}.meter:after{content:"";background:#faf7ff;border-radius:50%;width:.7rem;height:.7rem;position:absolute;bottom:-.35rem;left:calc(50% - .35rem)}.meter__needle{height:8.5rem;transform:rotate(var(--needle));transform-origin:bottom;background:#ffe06b;width:.3rem;transition:transform .15s ease-out;position:absolute;bottom:0;left:calc(50% - .15rem)}.guidance{min-height:3.5rem}.direction{margin-top:.4rem;padding:.35rem .7rem;font-size:1.4rem;display:inline-block}.direction--tighten{color:#fff;background:#174a7e}.direction--loosen{color:#fff;background:#7d291d}.direction--inTune{color:#fff;background:#126640}.controls{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=640px){.tuner{padding:1.25rem}.tuner__header,.controls{grid-template-columns:1fr}.tuner__header{flex-direction:column;align-items:stretch;gap:.75rem}.controls{grid-template-columns:1fr}}