*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#0a0a1a;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;overflow:hidden}#root{width:100%;height:100%}a{color:inherit;text-decoration:none}.library{color:#fff;background:#0a0a1a;flex-direction:column;height:100%;display:flex;overflow:hidden}.library-header{border-bottom:1px solid #1a1a2e;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.library-header h1{color:#fff;margin:0;font-size:24px;font-weight:600}.library-add-btn{color:#0a0a1a;cursor:pointer;background:#4ecdc4;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;font-weight:700;transition:opacity .2s;display:flex}.library-add-btn:active{opacity:.7}.library-list{flex:1;padding:8px 0;overflow-y:auto}.library-empty{color:#666;text-align:center;flex:1;justify-content:center;align-items:center;padding:40px 20px;font-size:16px;display:flex}.song-item{cursor:pointer;color:inherit;background:#1a1a2e;border-radius:12px;align-items:center;margin:4px 12px;padding:14px 20px;text-decoration:none;transition:background .15s;display:flex}.song-item:active{background:#252540}.song-item-info{text-align:left;flex:1;min-width:0}.song-item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.song-item-artist{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.song-item-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;margin-left:12px;display:flex}.song-item-duration{color:#888;font-size:13px}.song-item-status{margin-top:2px;font-size:12px}.song-item-status--processing{color:#f0ad4e}.song-item-status--error{color:#e74c3c}.song-item-actions{gap:8px;display:flex}.song-edit-btn{color:#4ecdc4;cursor:pointer;background:#2a2a3e;border:1px solid #4ecdc4;border-radius:8px;padding:6px 12px;font-size:13px}.song-delete-btn{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:8px;padding:6px 12px;font-size:13px}.add-song{color:#fff;background:#0a0a1a;flex-direction:column;min-height:100svh;display:flex}.add-song-header{border-bottom:1px solid #1a1a2e;align-items:center;gap:12px;padding:16px 20px;display:flex}.add-song-back{color:#4ecdc4;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px}.add-song-header h1{color:#fff;margin:0;font-size:20px;font-weight:600}.add-song-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.add-song-upload{text-align:center;cursor:pointer;background:#1a1a2e;border:2px dashed #333;border-radius:16px;width:100%;max-width:400px;padding:48px 24px;transition:border-color .2s}.add-song-upload:active{border-color:#4ecdc4}.add-song-upload-icon{opacity:.6;margin-bottom:12px;font-size:48px}.add-song-upload-text{color:#888;font-size:16px}.add-song-upload-formats{color:#555;margin-top:8px;font-size:13px}.add-song-upload input{display:none}.add-song-provider{text-align:left;width:100%;max-width:400px;margin-bottom:16px}.add-song-provider label{color:#888;margin-bottom:8px;font-size:14px;display:block}.add-song-provider-options{gap:8px;display:flex}.add-song-provider-btn{color:#888;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:10px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:border-color .2s,color .2s}.add-song-provider-btn.active{color:#4ecdc4;border-color:#4ecdc4}.add-song-progress{text-align:center}.add-song-spinner{border:3px solid #333;border-top-color:#4ecdc4;border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:.8s linear infinite add-song-spin}@keyframes add-song-spin{to{transform:rotate(360deg)}}.add-song-progress-text{color:#888;font-size:16px}.add-song-error{text-align:center;color:#e74c3c;font-size:16px}.add-song-error-retry{color:#0a0a1a;cursor:pointer;background:#4ecdc4;border:none;border-radius:8px;margin-top:16px;padding:10px 24px;font-size:15px;font-weight:600}.editor{color:#fff;background:#0a0a1a;flex-direction:column;height:100%;display:flex;overflow-y:auto}.editor-header{border-bottom:1px solid #1a1a2e;align-items:center;gap:12px;padding:16px 20px;display:flex}.editor-back{color:#4ecdc4;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px}.editor-header h1{color:#fff;margin:0;font-size:20px;font-weight:600}.editor-content{box-sizing:border-box;flex-direction:column;flex:1;gap:16px;width:100%;max-width:600px;margin:0 auto;padding:20px;display:flex}.editor-field{flex-direction:column;gap:6px;display:flex}.editor-field label{color:#888;text-align:left;font-size:14px}.editor-field input{color:#fff;background:#1a1a2e;border:1px solid #333;border-radius:8px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .2s}.editor-field input:focus{border-color:#4ecdc4}.editor-verses{flex-direction:column;gap:12px;margin-top:8px;display:flex}.editor-verse-label{color:#4ecdc4;text-align:left;margin-bottom:4px;font-size:13px}.editor-verse-text{color:#ccc;resize:none;box-sizing:border-box;background:#1a1a2e;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6}.editor-save{color:#0a0a1a;cursor:pointer;background:#4ecdc4;border:none;border-radius:12px;margin-top:12px;padding:14px 24px;font-size:16px;font-weight:600;transition:opacity .2s}.editor-save:active{opacity:.7}.editor-save:disabled{opacity:.5;cursor:not-allowed}.editor-loading{color:#888;flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.editor-error{color:#e74c3c;flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.editor-correct-block{background:#1a1a2e;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.editor-correct-block label{color:#888;text-align:left;font-size:14px}.editor-original-lyrics{color:#ccc;resize:vertical;box-sizing:border-box;background:#0a0a1a;border:1px solid #333;border-radius:8px;outline:none;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.6}.editor-original-lyrics:focus{border-color:#4ecdc4}.editor-correct-btn{color:#4ecdc4;cursor:pointer;background:#2a2a3e;border:1px solid #4ecdc4;border-radius:8px;align-self:flex-start;padding:10px 16px;font-size:14px;transition:background .2s}.editor-correct-btn:active{background:#4ecdc426}.editor-correct-btn:disabled{opacity:.5;cursor:not-allowed}.editor-verses-header{justify-content:space-between;align-items:center;display:flex}.editor-verses-actions{align-items:center;gap:8px;display:flex}.editor-hint{color:#666;text-align:left;margin-bottom:4px;font-size:13px}.editor-resplit-btn{cursor:pointer;background:#2a2a3e;border:1px solid #444;border-radius:8px;padding:6px 12px;font-size:18px;line-height:1;transition:border-color .2s}.editor-resplit-btn:active{border-color:#4ecdc4}.editor-resplit-btn:disabled{opacity:.5;cursor:not-allowed}.editor-verse-line{text-align:left;flex-wrap:wrap;gap:4px 2px;display:flex}.editor-verse{background:#1a1a2e;border-radius:10px;padding:12px 14px}.editor-verse-words{text-align:left;flex-wrap:wrap;gap:4px 2px;line-height:1.8;display:flex}.editor-word{color:#ccc;cursor:pointer;border-radius:4px;padding:2px 4px;font-size:14px;transition:background .15s;display:inline-block}.editor-word:hover{color:#fff;background:#4ecdc426}.editor-word-input{color:#4ecdc4;background:#0a0a1a;border:1px solid #4ecdc4;border-radius:4px;outline:none;padding:2px 4px;font-family:inherit;font-size:14px}.editor-debug-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;align-self:flex-start;padding:8px 14px;font-size:13px;transition:border-color .2s,color .2s}.editor-debug-btn:hover{color:#aaa;border-color:#888}.editor-debug{flex-direction:column;gap:12px;font-family:monospace;font-size:12px;display:flex}.editor-debug-verse{background:#111;border-radius:8px;padding:10px 12px}.editor-debug-verse-label{color:#4ecdc4;margin-bottom:6px;font-size:11px;font-weight:600}.editor-debug-word{align-items:baseline;gap:8px;padding:1px 0;display:flex}.editor-debug-time{color:#555;flex-shrink:0;min-width:110px}.editor-debug-text{color:#ccc}.editor-debug-conf{color:#555;flex-shrink:0;margin-left:auto}.editor-debug-conf.low{color:#e74c3c}.editor-debug-tabs{gap:4px;margin-bottom:8px;display:flex}.editor-debug-tab{color:#666;cursor:pointer;background:#1a1a2e;border:1px solid #333;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12px}.editor-debug-tab.active{color:#4ecdc4;border-color:#4ecdc4}.editor-debug-empty{color:#666;text-align:center;padding:12px;font-size:13px}.editor-debug-gap{color:#e7843c;text-align:center;padding:4px 0;font-weight:600}.lyrics-panel{flex-direction:column;flex:0 0 65%;justify-content:center;align-items:center;gap:0;max-width:65%;padding:16px 24px;display:flex;overflow-y:auto}.lyrics-panel__verse-label{color:#555;text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:6px;font-size:11px;font-weight:600}.lyrics-panel__line{flex-wrap:wrap;justify-content:center;gap:2px 6px;margin-bottom:2px;display:flex}.lyrics-panel__word{cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;border-radius:4px;padding:2px 4px;font-size:clamp(14px,2.5vw,20px);line-height:1.3;transition:color .15s,background .15s}.lyrics-panel__word--past{color:#555}.lyrics-panel__word--current{color:#4ecdc4;background:#4ecdc41f;font-weight:700}.lyrics-panel__word--future{color:#ccc}.lyrics-panel__word--marker-red{border-bottom-color:#e74c3c}.lyrics-panel__word--marker-yellow{border-bottom-color:#f1c40f}.lyrics-panel__word--marker-green{border-bottom-color:#2ecc71}.lyrics-panel__word--in-loop{background:#4ecdc40f}.lyrics-panel__word--current.lyrics-panel__word--in-loop{background:#4ecdc42e}.lyrics-panel__word:hover{opacity:.8}.lyrics-panel__word-input{color:#4ecdc4;font-size:inherit;background:#0a0a1a;border:2px solid #4ecdc4;border-radius:4px;outline:none;padding:2px 6px;font-family:inherit;font-weight:700}.control-panel{border-left:1px solid #333;flex-direction:column;flex:0 0 35%;gap:20px;max-width:35%;padding:24px 20px;display:flex;overflow-y:auto}.control-panel__title{color:#eee;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:700;overflow:hidden}.control-panel__artist{color:#888;margin:0;font-size:14px}.control-panel__transport{justify-content:center;align-items:center;gap:24px;display:flex}.control-panel__transport-btn{color:#ccc;cursor:pointer;background:0 0;border:none;padding:4px;font-size:28px;line-height:1;transition:color .15s}.control-panel__transport-btn:hover{color:#fff}.control-panel__transport-btn--play{color:#4ecdc4;font-size:44px}.control-panel__transport-btn--play:hover{color:#5ff5eb}.control-panel__progress{flex-direction:column;gap:6px;display:flex}.control-panel__progress-bar{cursor:pointer;background:#333;border-radius:3px;height:6px;position:relative;overflow:visible}.control-panel__progress-fill{pointer-events:none;background:#4ecdc4;border-radius:3px;height:100%}.control-panel__loop-marker{pointer-events:none;background:#4ecdc440;border-radius:3px;height:100%;position:absolute;top:0}.control-panel__progress-times{color:#888;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.control-panel__chips{gap:10px;display:flex}.control-panel__chip{color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#222;border:1px solid #444;border-radius:16px;padding:6px 14px;font-size:13px;transition:background .15s,border-color .15s,color .15s}.control-panel__chip:hover{background:#333}.control-panel__chip--speed-active{color:#f1c40f;border-color:#f1c40f}.control-panel__chip--loop-active{color:#4ecdc4;border-color:#4ecdc4}.control-panel__next-verse{border-top:1px solid #333;margin-top:auto;padding-top:16px}.control-panel__next-verse-label{color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px}.control-panel__next-verse-text{color:#888;font-size:14px;line-height:1.5}.player{color:#ccc;background:#1a1a1a;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.player__back{z-index:10;color:#ccc;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .15s;display:flex;position:absolute;top:16px;left:16px}.player__back:hover{color:#fff;background:#0009}.player__loading{color:#888;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;display:flex}.player__error{color:#e74c3c;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:16px;display:flex}