#tuner{text-align:center;font-family:"Segoe UI",sans-serif;background:linear-gradient(145deg,#f3f4f6,#fff);padding:30px;max-width:350px;margin:30px auto;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.1)}#tuner h2{font-size:1.5rem;margin-bottom:20px;color:#333}#start-tuner{background-color:#4caf50;color:#fff;padding:12px 25px;font-size:1rem;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s,transform .2s}#start-tuner:hover{background-color:#45a049;transform:scale(1.05)}#start-tuner:active{transform:scale(.98)}#stop-tuner{background-color:#e53935;color:#fff;padding:12px 25px;font-size:1rem;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s,transform .2s;margin-left:10px}#stop-tuner:hover{background-color:#c62828;transform:scale(1.05)}#stop-tuner:active{transform:scale(.98)}#note{font-size:64px;font-weight:700;margin-top:20px;color:#222}#frequency{font-size:20px;margin-top:10px;color:#555}#meter{position:relative;width:200px;height:100px;margin:30px auto 0}#arc{width:200px;height:100px;position:absolute;top:0;left:0}#arc:before{content:"";position:absolute;top:0;left:0;width:200px;height:100px;border:8px solid #d1d5db;border-radius:200px 200px 0 0;border-bottom:none;background:0 0}.marker{position:absolute;background:#d1d5db;top:1px;left:50%;transform-origin:center 100px}.marker.center{width:6px;height:20px;background:#d1d5db}.marker.side-left{width:2px;height:14px;background:#d1d5db;transform:rotate(-25deg)}.marker.side-right{width:2px;height:14px;background:#d1d5db;transform:rotate(25deg)}#arc-needle{width:4px;height:70px;background:#ef4444;position:absolute;bottom:0;left:50%;transform-origin:bottom center;transform:rotate(0deg);transition:transform .1s ease-out;border-radius:3px;box-shadow:0 0 6px rgba(239,68,68,.4)}@media (max-width:400px){#tuner{max-width:90%;padding:20px}}