*{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,#667eea 0%,#764ba2 100%);min-height:100vh;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem}.header h1{color:white;font-size:2.5rem;font-weight:300;margin-bottom:.5rem}.header p{color:rgba(255,255,255,.8);font-size:1.1rem}.main-content{background:white;border-radius:20px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.1);margin-bottom:2rem}.input-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.input-group{border:2px dashed #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.input-group:hover{border-color:#667eea;background:#f8f9ff}.input-group h3{color:#333;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.file-upload{margin-bottom:1rem}.file-input{display:none}.file-label{display:inline-block;background:#667eea;color:white;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.file-label:hover{background:#5a6fd8;transform:translateY(-2px)}.file-name{margin-left:1rem;color:#666;font-size:.9rem}.divider{text-align:center;margin:1rem 0;color:#999;font-size:.9rem}.text-input{width:100%;height:200px;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;font-family:monospace;font-size:.9rem;resize:vertical;transition:border-color .3s ease}.text-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.compare-btn{width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;margin:2rem 0}.compare-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.3)}.compare-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.results{display:none;margin-top:2rem}.results.show{display:block}.result-section{background:#f8f9ff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border-left:4px solid #667eea}.result-section h3{color:#333;margin-bottom:1rem;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.count-badge{background:#667eea;color:white;padding:.2rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500}.song-list{background:white;border-radius:8px;padding:1rem;max-height:300px;overflow-y:auto;border:1px solid #e0e0e0}.song-item{padding:.5rem 0;border-bottom:1px solid #f0f0f0;font-family:monospace;font-size:.9rem}.song-item:last-child{border-bottom:none}.export-btn{background:#28a745;color:white;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;margin-top:1rem;transition:all .3s ease}.export-btn:hover{background:#218838;transform:translateY(-1px)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:white;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.1)}.stat-number{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem;font-weight:500}.loading{text-align:center;padding:2rem;color:#666}.spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.container{padding:1rem}.input-section{grid-template-columns:1fr;gap:1rem}.header h1{font-size:2rem}.main-content{padding:1.5rem}.stats{grid-template-columns:1fr}}.empty-state{text-align:center;padding:2rem;color:#999}