body{font-family:sans-serif;margin:0;padding:0;background:#f5f5f5}h1{text-align:center;padding:1rem}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;margin:0 auto;gap:1rem;padding:1rem}@media (min-width: 600px){.dashboard{grid-template-columns:repeat(2,1fr)}}section{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;min-height:200px}.footer{position:fixed;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 1rem;background:#fafafa;border-top:1px solid #ddd;font-size:.85rem;color:#555;z-index:1000}.footer a{color:#07c;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.metronome{display:flex;flex-direction:column;gap:1rem}.metronome h2{margin:0}.controls input,.controls select{margin-top:.25rem;padding:.25rem;font-size:1rem;width:80px}#metronome-toggle{padding:.5rem 1rem;font-size:1rem;cursor:pointer}.visual-indicator{width:60px;height:60px;border-radius:50%;background:#ddd;margin:0 auto;transform:scale(1);transition:transform .15s ease,background .15s ease}.visual-indicator.active{background:#07c;transform:scale(1.2)}.visual-indicator.accent{background:#c00;transform:scale(1.4)}.tuner{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:1rem}.tuner h2{margin:0}.controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.controls label{display:flex;flex-direction:column;font-size:.9rem}.controls input{margin-top:.25rem;padding:.25rem;font-size:1rem;width:80px;text-align:center}#tuner-toggle{padding:.5rem 1rem;font-size:1rem;cursor:pointer}.tuner-display{text-align:center;margin-top:.5rem}.tuner-note{font-size:3rem;font-weight:700;margin-bottom:.25rem;color:#222}.tuner-cents{font-size:1.2rem;color:#666}.tuner-needle-container{background:conic-gradient(from 4.7rad at 50% 100%,#e2443c 0deg 20deg,#eec22a 40deg 50deg,#39ab5e 80deg 100deg,#eec22a 120deg 140deg,#e2443c 160deg 180deg);width:200px;height:100px;border-radius:100px 100px 0 0;position:relative;overflow:hidden}.tuner-needle-container .needle{position:absolute;bottom:0;left:50%;width:3px;height:90px;background:linear-gradient(to top,#444,#000);border-radius:2px;transform:rotate(0);transform-origin:bottom center;transition:transform .1s ease-out}.tuner-needle-container .needle:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#e2443c;border:2px solid #222;border-radius:50%}.volumedrifting{display:flex;flex-direction:column;flex:1;min-height:350px;background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;box-shadow:0 1px 2px #0000000d}.volumedrifting h2{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:#333}.volumedrifting .controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.volumedrifting .controls button{padding:.4rem .8rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px;background:#f9f9f9;cursor:pointer;transition:background .2s ease}.volumedrifting .controls button:hover{background:#eee}.volumedrifting canvas{flex:1;width:100%!important;height:100%!important;display:block;border:1px solid #eee;border-radius:4px;background:#fff}.tuningdrifting{display:flex;flex-direction:column;flex:1;min-height:350px;background:#fff;border:1px solid #ddd;border-radius:6px;padding:1rem;box-shadow:0 1px 2px #0000000d}.tuningdrifting h2{margin:0 0 1rem;font-size:1.2rem;font-weight:600;color:#333}.tuningdrifting .controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tuningdrifting .controls button{padding:.4rem .8rem;font-size:.9rem;border:1px solid #ccc;border-radius:4px;background:#f9f9f9;cursor:pointer;transition:background .2s ease}.tuningdrifting .controls button:hover{background:#eee}.tuningdrifting canvas{flex:1;width:100%!important;height:100%!important;display:block;border:1px solid #eee;border-radius:4px;background:#fff}