*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#111827;color:#fff}.min-h-screen{min-height:100vh}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.container{max-width:1200px;margin:0 auto}.bg-gray-900{background-color:#111827}.bg-gray-800{background-color:#1f2937}.bg-gray-700{background-color:#374151}.bg-gray-600{background-color:#4b5563}.bg-blue-900{background:linear-gradient(135deg,#1e3a8a,#3730a3)}.bg-purple-900{background:linear-gradient(135deg,#581c87,#7c3aed)}.bg-green-900{background:linear-gradient(135deg,#14532d,#166534)}.bg-teal-900{background:linear-gradient(135deg,#134e4a,#0f766e)}.bg-red-500{background-color:#ef4444}.bg-green-500{background-color:#22c55e}.bg-yellow-400{background-color:#facc15}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-green-400{color:#4ade80}.text-yellow-400{color:#facc15}.text-blue-400{color:#60a5fa}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.text-8xl{font-size:6rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:Courier New,monospace}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.m-2{margin:.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.w-1{width:.25rem}.w-8{width:2rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-64{width:16rem}.w-full{width:100%}.h-1{height:.25rem}.h-2{height:.5rem}.h-4{height:1rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-32{height:8rem}.border{border:1px solid}.border-4{border:4px solid}.border-white{border-color:#fff}.border-opacity-30{border-color:#ffffff4d}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:50%}.bg-opacity-20{background-color:#fff3}.bg-opacity-30{background-color:#ffffff4d}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.transition-all{transition:all .2s ease-in-out}.hover\:bg-opacity-30:hover{background-color:#ffffff4d}.hover\:bg-red-600:hover{background-color:#dc2626}.hover\:bg-green-600:hover{background-color:#16a34a}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:scale-105:hover{transform:scale(1.05)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}input{outline:none;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;color:#fff;padding:.5rem}input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;height:8px;border-radius:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}button{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}button:hover{transform:translateY(-1px)}button:active{transform:scale(.95)}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.md\:flex-row{flex-direction:column!important}.md\:w-1\/2{width:100%!important}.md\:w-1{width:100%!important;height:1px!important}.hidden{display:none!important}.md\:hidden{display:block!important}.md\:block{display:none!important}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:w-1\/2{width:50%}.md\:w-1{width:.25rem}.md\:block{display:block}.md\:hidden{display:none}.hidden{display:block}}.gradient-metronome{background:linear-gradient(135deg,#1e3a8a,#7c3aed)}.gradient-timer{background:linear-gradient(135deg,#14532d,#0f766e)}.progress-bar{transition:width 1s linear}.max-w-md{max-width:28rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.flex-wrap{flex-wrap:wrap}.scale-110{transform:scale(1.1)}.transform{transform:translateZ(0)}.h-px{height:1px}