@media (max-width: 768px){html{height:-webkit-fill-available!important}body{min-height:100vh!important;min-height:-webkit-fill-available!important;height:auto!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;position:relative!important}body>div#root{flex:1 0 auto!important;height:auto!important;min-height:100%!important;display:flex!important;flex-direction:column!important;position:relative!important}main{flex:1 0 auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;position:relative!important}.w-full.flex-1.flex.flex-col.md\:flex-row.overflow-hidden,.flex-1.h-auto.md\:h-full.flex.flex-col.p-0.md\:pr-\[30\%\]{height:auto!important;min-height:100%!important;overflow:visible!important;display:flex!important;flex-direction:column!important;position:relative!important}.w-full.flex-1.flex.flex-col.justify-start.p-0.overflow-hidden{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;position:relative!important;padding-bottom:120px!important}.h-\[120px\].w-full.bg-cream.overflow-x-auto.border-b.border-medium-gray{position:relative!important;height:120px!important;min-height:120px!important;max-height:120px!important;flex:none!important;flex-shrink:0!important;z-index:2!important;overflow-x:scroll!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.h-\[120px\].w-full.bg-cream.overflow-x-auto.border-b.border-medium-gray::-webkit-scrollbar{display:none!important}.flex.items-center.space-x-2.px-\[20px\].md\:px-\[40px\].py-\[20px\].min-w-min.h-full{display:flex!important;padding:20px!important;min-width:-moz-min-content!important;min-width:min-content!important;width:auto!important;flex-wrap:nowrap!important;gap:8px!important}.w-full.md\:w-\[65\%\].bg-white.flex.flex-col.overflow-hidden{height:auto!important;min-height:250px!important;overflow:visible!important;margin-bottom:20px!important;flex:none!important}.w-full.flex.flex-col.bg-white.rounded-md.shadow-sm.border.border-warm-gray.overflow-hidden.flex-shrink-0{height:auto!important;min-height:0!important;overflow:visible!important;margin-bottom:20px!important;flex:none!important}.bg-pastel-green\/30{height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:16px!important}.synthesizer-statement-card{height:auto!important;min-height:0!important;overflow:visible!important;margin-bottom:120px!important;flex:none!important}.synthesizer-statement-container{height:auto!important;min-height:0!important;overflow:visible!important}.w-full.h-\[70px\].bg-pastel-pink\/30.px-\[15px\].md\:px-\[40px\].flex.items-center.justify-between{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:50!important;height:70px!important}.p-4.pb-20{padding:1rem!important;padding-bottom:120px!important}.flex.flex-col.md\:flex-row.flex-1.w-full.md\:overflow-hidden.overflow-visible.gap-6.p-4{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:120px!important;position:relative!important}.w-full.md\:w-\[35\%\].flex.flex-col.gap-4.md\:h-full.md\:overflow-y-auto.md\:scrollbar-thin{height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:100px!important;flex:none!important}img{max-width:100%!important;height:auto!important}*{-webkit-overflow-scrolling:touch!important}.fixed{z-index:100!important}.flex-1{flex:none!important}.overflow-hidden{overflow:visible!important}.flex.items-center.gap-2{display:flex!important;align-items:center!important;width:100%!important}[id=mode-selector]{width:100%!important;min-width:120px!important}}