*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;padding:1rem}.app{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #334155}h1{font-size:1.5rem;color:#38bdf8}h2{font-size:1.25rem;margin-bottom:.5rem}nav{display:flex;gap:.5rem}button{background:#1e293b;color:#e2e8f0;border:1px solid #334155;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.9rem}button:hover{background:#334155}.day-plan{background:#1e293b;padding:1rem;border-radius:.5rem}.day-plan ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.day-plan li{padding:.5rem;background:#0f172a;border-radius:.25rem;font-size:.9rem}.metronome,.pitch-detector{background:#1e293b;padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem}.bpm-display,.note-display{font-size:2rem;font-weight:700;text-align:center;color:#38bdf8}.freq-display{text-align:center;color:#94a3b8;font-size:.9rem}.controls{display:flex;gap:.5rem;justify-content:center}input[type=range]{width:100%;accent-color:#38bdf8}.finish-area{display:flex;flex-direction:column;gap:.75rem;background:#1e293b;padding:1rem;border-radius:.5rem}.bpm-input{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.bpm-input input{background:#0f172a;color:#e2e8f0;border:1px solid #334155;padding:.5rem;border-radius:.375rem;font-size:1rem}.finish{background:#38bdf8;color:#0f172a;font-weight:700;padding:.75rem}.finish:hover{background:#0ea5e9}.sync-status{text-align:center;font-size:.9rem;color:#94a3b8}