*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.container{width:90%;max-width:600px;padding:20px;transition:all .5s ease}.container.fullscreen{width:100%;max-width:100%;height:100vh;padding:0;position:fixed;top:0;left:0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);z-index:1000;display:flex;flex-direction:column}.drop-zone{width:100%;height:300px;border:2px dashed #3498db;border-radius:15px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;transition:all .3s ease;cursor:pointer}.drop-zone.dragover{background-color:#3498db1a;border-color:#2980b9}.drop-zone-content{text-align:center;color:#34495e}.drop-zone-content p{margin:10px 0}.drop-zone-content .small{font-size:.9em;color:#7f8c8d}.file-input{display:none}.player-container{margin-top:20px;background-color:#ffffffe6;padding:20px;border-radius:15px;box-shadow:0 4px 6px #0000001a;transition:all .5s ease}.container.fullscreen .player-container{margin:0;flex:1;display:flex;flex-direction:column;border-radius:0;background-color:#000000e6;padding:40px 20px}.container.fullscreen #audio-player{margin:20px auto;max-width:800px}.container.fullscreen .file-name{color:#fff;font-size:1.2em;margin-bottom:20px}.container.fullscreen #visualizer{flex:1;width:100%;height:auto;margin:0;border-radius:0}.player-container.hidden{display:none}#audio-player{width:100%;margin-bottom:10px}.file-name{text-align:center;color:#34495e;font-size:.9em;word-break:break-all}#visualizer{width:100%;height:200px;margin-top:20px;background-color:#000;border-radius:8px}.exit-fullscreen{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.7;transition:opacity .3s ease;z-index:1001;display:none}.enter-fullscreen{position:absolute;top:20px;right:20px;background:none;border:none;color:#34495e;font-size:24px;cursor:pointer;opacity:.7;transition:opacity .3s ease;z-index:1001}.enter-fullscreen:hover,.exit-fullscreen:hover{opacity:1}.container.fullscreen .exit-fullscreen{display:block}.container.fullscreen .enter-fullscreen{display:none}.hidden{display:none!important}.input-container{display:flex;gap:20px;align-items:stretch;width:100%}.mic-button{background-color:#ffffffe6;border:2px dashed #3498db;border-radius:15px;padding:20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:120px;transition:all .3s ease}.mic-button:hover{background-color:#3498db1a;border-color:#2980b9}.mic-button .material-icons{font-size:32px;color:#3498db;margin-bottom:10px}.mic-button .mic-text{color:#34495e;font-size:.9em;text-align:center}.mic-button.active{background-color:#e74c3c1a;border-color:#c0392b}.mic-button.active .material-icons{color:#e74c3c}.mic-button.active .mic-text{color:#c0392b}.container.fullscreen .input-container{display:none}