*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}button{background:none;border:none;cursor:pointer;font-family:inherit;outline:none}button:focus-visible{outline:2px solid #667eea;outline-offset:2px}button:disabled{pointer-events:none}input,select,textarea{background:#0000;border:none;font-family:inherit;outline:none}input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}a{color:#667eea;text-decoration:none;transition:color .2s ease}a:hover{color:#764ba2}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff80}html{scrollbar-color:#ffffff4d #ffffff1a;scrollbar-width:thin}::selection{background:#667eea4d;color:#333}::-moz-selection{background:#667eea4d;color:#333}.no-select{-webkit-user-select:none;user-select:none}img{display:block;height:auto;max-width:100%}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.loading{animation:spin 1s ease-in-out infinite;border:3px solid #667eea4d;border-radius:50%;border-top-color:#667eea;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e;box-shadow:0 8px 32px 0 #1f26875e}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.focus-ring:focus{box-shadow:0 0 0 3px #667eea80;outline:2px solid #0000;outline-offset:2px}.piano-keys-container::-webkit-scrollbar{width:8px}.piano-keys-container::-webkit-scrollbar-track{background:#2a2a2a}.piano-keys-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.piano-keys-container::-webkit-scrollbar-thumb:hover{background:#666}
/*# sourceMappingURL=main.984202d1.css.map*/