*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a1a2e;--surface: #16213e;--surface2: #0f3460;--accent: #e94560;--text: #eee;--text-muted: #999;--chord-color: #53d8fb;--border: #2a2a4a;--radius: 6px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--chord-color);text-decoration:none}a:hover{text-decoration:underline}button,.btn{display:inline-block;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;font-size:14px}button:hover,.btn:hover{background:var(--surface2)}button:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#c7374f}.btn-danger{color:var(--accent)}.btn-danger:hover{background:var(--accent);color:#fff}.btn-small{padding:2px 8px;font-size:12px}.btn-link{background:none;border:none;color:var(--chord-color);cursor:pointer;padding:0;font-size:inherit}.btn-link:hover{text-decoration:underline}input[type=text],input[type=password],select,textarea{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:14px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--chord-color)}.app{min-height:100vh}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.nav-brand{font-size:18px;font-weight:700;color:var(--text)!important}.nav-links{display:flex;align-items:center;gap:16px}.main{max-width:900px;margin:0 auto;padding:24px}.song-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.search-input{max-width:300px}.song-items{list-style:none}.song-items li{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.song-items li:hover{background:var(--surface)}.artist{color:var(--text-muted)}.empty{color:var(--text-muted);padding:32px 0;text-align:center}.song-header{margin-bottom:24px}.song-actions{display:flex;gap:8px;margin-top:12px}.chord-sheet{font-family:Courier New,Courier,monospace;font-size:15px;line-height:1.4;white-space:pre;overflow-x:auto;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.chord-sheet .line.chords{color:var(--chord-color);font-weight:700}.chord-sheet .line.lyrics{color:var(--text)}.section-label{color:var(--accent);font-weight:700;margin-top:12px;margin-bottom:4px}.song-editor,.playlist-page{max-width:800px}.editor-meta{display:flex;gap:12px;margin-bottom:16px}.input-title{flex:2;font-size:18px!important;font-weight:700}.input-artist{flex:1}.editor-toolbar{display:flex;gap:8px;margin-bottom:16px}.paste-area{width:100%;height:150px;margin-bottom:16px;font-family:Courier New,Courier,monospace;resize:vertical}.editor-lines{margin-bottom:24px}.editor-line{display:flex;align-items:center;gap:4px;margin-bottom:2px}.line-controls{display:flex;gap:2px;flex-shrink:0}.line-type-badge{width:24px;height:24px;padding:0;font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}.editor-line.chords .line-type-badge{background:var(--chord-color);color:var(--bg);border-color:var(--chord-color)}.line-input{font-family:Courier New,Courier,monospace;font-size:15px}.line-input.chords{color:var(--chord-color);font-weight:700}.editor-sections{margin-bottom:24px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.editor-sections h3{margin-bottom:8px}.section-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.section-add{display:flex;gap:8px;margin-top:8px}.section-add input{flex:1}.editor-footer{display:flex;gap:8px;margin-top:24px}.playlist-item-row{display:flex;align-items:center;justify-content:space-between}.inline-actions{display:flex;gap:4px}.playlist-items-editor{margin:16px 0}.playlist-item{display:flex;align-items:center;gap:8px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:4px}.item-name{flex:1;font-weight:700}.input-section{width:150px!important;flex:none!important}.add-song-to-playlist{margin-top:8px}.add-song-to-playlist select{max-width:300px}.playlist-song-block{margin-bottom:32px}.playlist-song-block h3{margin-bottom:8px}.section-tag{color:var(--text-muted);font-weight:400}.login-page{max-width:400px;margin:0 auto;padding-top:48px}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.error{color:var(--accent)}@media(max-width:600px){.nav{flex-direction:column;gap:8px}.editor-meta{flex-direction:column}.song-list-header{flex-direction:column;align-items:stretch}.search-input{max-width:none}}