:root{font-family:system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f0f12}html,body{margin:0;min-height:100vh;width:100%;overflow-x:hidden}#root{min-height:100vh;width:100%;overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.ghost-app{padding-bottom:env(safe-area-inset-bottom)}@media (max-width: 430px){html{font-size:15px}}@media (max-width: 480px){.ghost-app button:not(.ghost-btn-icon):not(.ghost-piano-key){min-height:44px;min-width:44px}.ghost-app input[type=range]{min-height:28px}.ghost-app .ghost-stage-wrap{min-height:200px!important;flex:0 0 auto!important}.ghost-app .ghost-main-pad{padding:12px!important}.ghost-app .ghost-header-row{flex-wrap:wrap;gap:10px}.ghost-app .ghost-slider-label{min-width:0;width:100%;max-width:140px}.ghost-app .ghost-slider-input{width:100%;max-width:200px}.ghost-app .ghost-triangle-wrap{max-width:100%;overflow:hidden}.ghost-app .ghost-triangle-wrap svg{max-width:100%;height:auto}.ghost-app .ghost-sequencer-mix{flex-direction:column;align-items:flex-start}.ghost-app .ghost-sequencer-mix label,.ghost-app .ghost-sequencer-mix>div{width:100%;max-width:100%}.ghost-app .ghost-sequencer-mix input[type=range]{width:100%;max-width:180px}.ghost-app .ghost-fx-grid{grid-template-columns:1fr!important}}