*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;font-family:Courier New,monospace,sans-serif;background:#000;color:#fff}body{min-height:100vh;background:#000}button,input,select{font-family:inherit}.app-container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #333333}h1{font-size:2.5rem;letter-spacing:.25em;text-transform:uppercase;margin-bottom:.75rem}.subtitle{color:#999;font-size:.95rem;text-transform:uppercase;letter-spacing:.1em}section{background:#ffffff08;padding:2rem;margin-bottom:2rem;border:1px solid #222222;border-radius:12px}label{display:block;margin-bottom:.75rem;font-size:.9rem;letter-spacing:.08em;color:#fff;text-transform:uppercase}.mic-select{width:100%;padding:.9rem 1rem;background:#000;color:#fff;border:1px solid #333333;border-radius:8px;outline:none}.device-info,.export-info,.help-text{margin-top:.75rem;color:#bbb;line-height:1.4;font-size:.95rem}.controls-section,.playback-controls,.export-buttons,.region-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid #333333;border-radius:8px;padding:.85rem 1.25rem;color:#fff;background:transparent;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:background .2s ease}.btn:hover:not(:disabled){background:#ffffff14}.btn-start{background:#fff;color:#000}.btn-start:hover:not(:disabled){background:#e6e6e6}.btn:disabled{opacity:.4;cursor:not-allowed}.icon{font-size:1.1rem}.recording-status{color:#bbb;font-size:.95rem}#waveform{width:100%;min-height:170px;border:1px solid #333333;border-radius:12px;overflow:hidden}.precision-panel{width:100%;background:#ffffff0a;border:1px solid #2e2e2e;border-radius:10px;padding:1rem}.precision-title{font-size:.75rem;letter-spacing:.12em;margin-bottom:1rem;color:#d7d7d7}.slider-row{display:grid;grid-template-columns:1fr 200px 80px;gap:1rem;align-items:center;margin-bottom:1rem}.slider-label{font-size:.9rem}.slider-input{width:100%}.slider-value{min-width:60px;color:#fff;text-align:right}footer{text-align:center;color:#777;font-size:.9rem}.signup-block{text-align:center}.signup-block h2{margin-bottom:.75rem}.signup-block p{color:#bbb;margin-bottom:1rem}.signup-form{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap}.signup-input{min-width:280px;padding:.85rem 1rem;background:#000;color:#fff;border:1px solid #333333;border-radius:8px;outline:none}.signup-input:focus{border-color:#fff}@media (max-width: 768px){.slider-row{grid-template-columns:1fr}}.main-nav{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.nav-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid #333333;border-radius:8px;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:all .2s ease}.nav-btn:hover{background:#ffffff1a}.nav-btn.active{background:#fff;color:#000;border-color:#fff}.music-library{background:#ffffff08;padding:2rem;margin-bottom:2rem;border:1px solid #222222;border-radius:12px}.library-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-input,.genre-select{padding:.75rem 1rem;background:#000;color:#fff;border:1px solid #333333;border-radius:8px;outline:none;min-width:200px}.search-input:focus,.genre-select:focus{border-color:#fff}.songs-list{max-height:600px;overflow-y:auto}.song-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #222222;transition:background .2s ease}.song-item:hover{background:#ffffff0d}.song-item:last-child{border-bottom:none}.song-info{flex:1}.song-title{font-size:1.1rem;margin-bottom:.25rem;color:#fff}.song-artist{color:#bbb;margin-bottom:.5rem}.song-genre,.song-bpm{display:inline-block;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;margin-right:.5rem;text-transform:uppercase;letter-spacing:.05em}.play-btn{background:#ffffff1a;border:1px solid #333333;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.play-btn:hover{background:#fff3;transform:scale(1.05)}.play-btn.playing{background:#fff;color:#000}.loading,.error,.no-songs{text-align:center;padding:2rem;color:#bbb}.error{color:#ff6b35}.coming-soon-state{text-align:center;padding:2rem 1rem;color:#d7d7d7}.coming-soon-state h3{margin-top:1rem;margin-bottom:.5rem;font-size:1.4rem}.coming-soon-state p{max-width:620px;margin:0 auto;color:#aaa;line-height:1.6}.vinyl-wrap{display:flex;justify-content:center;margin-bottom:.5rem}.vinyl-record{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at center,#111 0,#111 14px,#7c6cff 14px,#7c6cff 20px,#111 20px,#111),repeating-radial-gradient(circle at center,#1a1a1a 0,#1a1a1a 3px,#0c0c0c 3px,#0c0c0c 6px);border:2px solid #2d2d2d;position:relative;animation:spinVinyl 4s linear infinite;box-shadow:0 0 20px #7c6cff26}.vinyl-center{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:14px;height:14px;transform:translate(-50%,-50%);background:#f4f4f4;border-radius:50%}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-player{position:fixed;bottom:0;left:0;right:0;background:#000000f2;border-top:1px solid #333333;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.song-details h3{font-size:1.1rem;margin-bottom:.25rem}.song-details p{color:#bbb;font-size:.9rem}.play-pause-btn{background:#fff;color:#000;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:transform .2s ease}.play-pause-btn:hover{transform:scale(1.05)}.progress-bar{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.progress-slider{flex:1;height:4px;background:#333;border-radius:2px;outline:none;-webkit-appearance:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.time-display{font-size:.9rem;color:#bbb;min-width:40px}.volume-control{display:flex;align-items:center;gap:.5rem}.volume-slider{width:100px;height:4px;background:#333;border-radius:2px;outline:none;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}@media (max-width: 768px){.audio-player{padding:1rem}.player-info{flex-direction:column;align-items:flex-start;gap:.5rem}.progress-bar{flex-direction:column;gap:.5rem}.progress-slider{width:100%}.volume-control{justify-content:center}}