#app-mode-container:fullscreen{background-color:#0c0c0d!important;padding:1.5rem!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;width:100vw!important;height:100vh!important}#app-mode-container.simulated-app-mode{position:fixed!important;inset:0!important;z-index:9999!important;background-color:#0c0c0d!important;padding:1.5rem!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;width:100vw!important;height:100vh!important}@media(orientation:portrait){#app-mode-container.simulated-app-mode{position:fixed!important;top:50%!important;left:50%!important;width:100vh!important;height:100vw!important;transform:translate(-50%,-50%) rotate(90deg)!important;transform-origin:center!important;z-index:9999!important;background-color:#0c0c0d!important;padding:1rem!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:1rem!important}}body.is-app-mode header{display:none!important}@media(max-width:768px){.simulated-app-mode #piano-keys-container{height:7.5rem!important}.simulated-app-mode #board-piano,.simulated-app-mode #board-guitar{padding:.75rem!important}}.key-touched-white{background-color:#e4e4e7!important}html.dark .key-touched-white{background-color:#27272a!important}.key-touched-black{background-color:#3f3f46!important}.key-target-immediate-white{background:linear-gradient(to top,#3b82f673 0% 50%,#fff 50% 100%)!important;border-color:#3b82f6!important;box-shadow:0 4px 12px -2px #3b82f659!important}html.dark .key-target-immediate-white{background:linear-gradient(to top,#3b82f680 0% 50%,#09090b 50% 100%)!important;border-color:#3b82f6!important}.key-target-next-white{background:linear-gradient(to top,#fff 0% 50%,#a855f766 50% 100%)!important;border-color:#a855f7!important;box-shadow:0 2px 8px -1px #a855f740!important}html.dark .key-target-next-white{background:linear-gradient(to top,#09090b 0% 50%,#a855f773 50% 100%)!important;border-color:#a855f7!important}.key-target-both-white{background:linear-gradient(to top,#3b82f68c 0% 50%,#a855f773 50% 100%)!important;border-color:#6366f1!important;box-shadow:0 4px 14px -2px #6366f166!important}.key-target-immediate-black{background:linear-gradient(to top,#3b82f6cc 0% 50%,#18181b 50% 100%)!important;border-color:#60a5fa!important;box-shadow:0 4px 14px #3b82f673!important}.key-target-next-black{background:linear-gradient(to top,#18181b 0% 50%,#a855f7cc 50% 100%)!important;border-color:#c084fc!important;box-shadow:0 4px 12px #a855f759!important}.key-target-both-black{background:linear-gradient(to top,#3b82f6d9 0% 50%,#a855f7d9 50% 100%)!important;border-color:#818cf8!important;box-shadow:0 4px 16px #818cf88c!important}.fret-target-immediate{background:linear-gradient(to top,rgba(59,130,246,.95) 0%,rgba(59,130,246,.95) 50%,transparent 50%,transparent 100%)!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:0 0 8px #3b82f680!important}.fret-target-next{background:linear-gradient(to top,transparent 0%,transparent 50%,rgba(168,85,247,.95) 50%,rgba(168,85,247,.95) 100%)!important;border-color:#a855f7!important;color:#fff!important;box-shadow:0 0 8px #a855f766!important}.fret-target-both{background:linear-gradient(to top,#3b82f6f2 0% 50%,#a855f7f2 50% 100%)!important;border-color:#818cf8!important;color:#fff!important;box-shadow:0 0 10px #818cf899!important}@keyframes buttonGlowPulse{0%,to{box-shadow:0 0 #3b82f666;transform:scale(1)}50%{box-shadow:0 0 0 10px #3b82f600;transform:scale(1.04)}}.quiz-play-pulse{animation:buttonGlowPulse 1.6s infinite!important;background-color:#2563eb!important;color:#fff!important}html.dark .quiz-play-pulse{background-color:#3b82f6!important;color:#0c0c0d!important}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.16,1,.3,1) forwards}.scale-root-key{box-shadow:0 0 12px #f59e0b80!important;border-color:#f59e0b!important}.scale-in-key{box-shadow:inset 0 -4px #3b82f6!important}.scale-dimmed-key{opacity:.32!important;filter:grayscale(85%)}.scale-root-fret{background:#f59e0b!important;color:#0c0c0d!important;border-color:#fbbf24!important;box-shadow:0 0 10px #f59e0bb3!important}.scale-in-fret{border-color:#3b82f6!important;box-shadow:0 0 8px #3b82f666!important}.scale-dimmed-fret{opacity:.25!important}