@tailwind base;@tailwind components;@tailwind utilities;canvas{display:block;width:100%!important;height:100%!important;object-fit:contain}.controls-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:4rem}.controls-left{display:flex;flex-direction:column;gap:1rem;min-width:400px}.controls-right{display:flex;flex-direction:column;gap:1rem;min-width:400px;align-items:flex-end}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-beige{background-color:#f5f1e8!important}.text-foreground{color:#2d3e2f!important}.landing-title{font-size:3.5rem!important;font-weight:700!important;color:#2d3e2f!important;line-height:1.1!important;margin-bottom:1.5rem!important;font-family:Georgia,Times New Roman,serif!important}.landing-subtitle{font-size:1rem!important;color:#666!important;line-height:1.6!important;margin-bottom:2rem!important}.landing-note{font-size:.813rem!important;color:#999!important;font-style:italic!important;line-height:1.5!important;margin-top:2rem!important}.cta-button{padding:.875rem 1.75rem!important;background-color:#2d3e2f!important;color:#f5f1e8!important;border-radius:.5rem!important;font-size:1rem!important;font-weight:600!important;border:none!important;cursor:pointer!important;display:inline-block!important}.cta-button:hover{background-color:#3d4e3f!important}.metric-label{font-size:.875rem;font-weight:500;color:#2d3e2f}.control-input,.year-input{padding:.5rem .75rem;background-color:#fff;border:1px solid #2d3e2f;border-radius:.25rem;font-size:.875rem;color:#2d3e2f;cursor:pointer}.year-input{width:5rem}.control-input:focus,.year-input:focus{outline:none;border-color:#3d4e3f;box-shadow:0 0 0 2px #2d3e2f1a}.toggle-button{padding:.5rem 1rem;background-color:#fff;border:1px solid #2d3e2f;border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;color:#2d3e2f;transition:all .3s}.toggle-button:hover{background-color:#f5f1e8}.toggle-active{background-color:#2d3e2f!important;color:#f5f1e8!important}.audio-player-container{background-color:#fff;border:1px solid #2d3e2f;border-radius:.5rem;padding:1.5rem}.audio-control-btn{padding:.75rem;background-color:#2d3e2f;color:#f5f1e8;border-radius:9999px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.audio-control-btn:hover:not(:disabled){background-color:#3d4e3f}.audio-control-btn:disabled{opacity:.5;cursor:not-allowed}.time-display{font-size:.875rem;font-family:monospace;color:#2d3e2f;min-width:3rem}.progress-bar{flex:1;height:.5rem;background-color:#e5e5e5;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:#2d3e2f;transition:width .3s}.icon-btn{padding:.5rem;border-radius:.25rem;border:none;background-color:transparent;cursor:pointer;color:#2d3e2f;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#f5f1e8}.delete-btn{color:#dc2626!important}.volume-slider{width:8rem;cursor:pointer}.note-label{font-size:.875rem;color:#2d3e2f}.note-display{padding:.25rem .75rem;background-color:#f5f1e8;border-radius:.25rem;font-size:.875rem;font-family:monospace;color:#2d3e2f;min-width:3rem;text-align:center}.import-btn,.download-btn{padding:.5rem 1rem;background-color:#2d3e2f;color:#f5f1e8;border-radius:.25rem;font-size:.875rem;border:none;cursor:pointer}.import-btn:hover,.download-btn:hover{background-color:#3d4e3f}.import-info{font-size:.75rem;color:#7a8b7c;margin-top:.25rem}.advanced-heading{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2d3e2f}.feature-label{font-size:.875rem;font-weight:500;color:#2d3e2f}.add-track-btn{width:100%;padding:2rem;border:2px dashed #2d3e2f;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:transparent;cursor:pointer}.add-track-btn:hover{background-color:#f5f1e8;border-style:solid}.add-track-text{font-size:1rem;color:#2d3e2f}canvas{display:block;border-radius:.5rem;width:100%;height:auto}