:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;transition:background-color .3s ease,color .3s ease}body.light{--bg-color: #f0f0f0;--text-color: #1a1a1a;--module-bg-color: #ffffff;--header-bg-color: #e0e0e0;--button-bg-color: #dcdcdc;--button-hover-bg-color: #c9c9c9}body.dark{--bg-color: #121212;--text-color: #f0f0f0;--module-bg-color: #1e1e1e;--header-bg-color: #2a2a2a;--button-bg-color: #333333;--button-hover-bg-color: #444444}body{background-color:var(--bg-color);color:var(--text-color)}.app-container{padding:1rem}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--header-bg-color);padding:1rem;border-radius:8px;margin-bottom:1rem}.theme-toggle-button{padding:.6em 1.2em;border-radius:8px;border:1px solid transparent;background-color:var(--button-bg-color);color:var(--text-color);cursor:pointer;transition:background-color .2s}.theme-toggle-button:hover{background-color:var(--button-hover-bg-color)}.synth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.module-container{background-color:var(--module-bg-color);padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0003}.audio-init-overlay{display:flex;justify-content:center;align-items:center;padding:4rem}.audio-init-overlay button{padding:1rem 2rem;font-size:1.5rem;border-radius:8px;border:none;background-color:#4caf50;color:#fff;cursor:pointer;transition:background-color .2s}.audio-init-overlay button:hover{background-color:#45a049}.control-group{margin-bottom:1rem}.control-group label{display:block;margin-bottom:.5rem}.control-group select,.control-group input[type=range]{width:100%;padding:.5rem;border-radius:4px;border:1px solid var(--button-bg-color);box-sizing:border-box}.control-group input[type=range]{background-color:transparent;padding:0}.control-group select{background-color:var(--module-bg-color);color:var(--text-color);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23cccccc%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto}.master-controls{padding:1rem;margin-bottom:1rem;background-color:var(--module-bg-color);border-radius:8px}.master-controls button,.control-group button{padding:.8rem 1.5rem;font-size:1rem;border-radius:8px;border:1px solid transparent;background-color:var(--button-bg-color);color:var(--text-color);cursor:pointer;transition:background-color .2s}.button-on{background-color:#4caf50;color:#fff}.button-on:hover{background-color:#45a049}