*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fafaf9;--color-surface:#fff;--color-text:#1c1917;--color-text-secondary:#78716c;--color-border:#e7e5e4;--color-primary:#b45309;--color-primary-hover:#92400e;--color-primary-light:#fef3c7;--color-accent:#d97706;--color-favorite:#f59e0b;--color-tag-bg:#f5f5f4;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #00000014;--shadow-lg:0 4px 12px #0000001a;--max-width:960px;--font-mono:"Courier New", Courier, monospace}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.layout{flex-direction:column;min-height:100vh;display:flex}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:56px;margin:0 auto;padding:0 1.5rem;display:flex}.logo{color:var(--color-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.nav{gap:.5rem;display:flex}.nav-link{border-radius:var(--radius);color:var(--color-text-secondary);padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--color-text);background:var(--color-tag-bg)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.main{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:2rem 1.5rem}.hero{text-align:center;padding:3rem 0 2.5rem}.hero h1{letter-spacing:-.03em;color:var(--color-text);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.hero-subtitle{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.125rem}.search-bar{gap:.5rem;max-width:560px;margin:0 auto;display:flex}.search-bar-large{max-width:640px}.search-input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);outline:none;flex:1;padding:.625rem 1rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-bar-large .search-input{padding:.875rem 1.25rem;font-size:1.125rem}.search-button{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .15s}.search-button:hover{background:var(--color-primary-hover)}.search-bar-large .search-button{padding:.875rem 1.5rem;font-size:1rem}.browse-section{margin-top:1rem}.browse-section h2{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.song-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.song-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;transition:box-shadow .15s,border-color .15s;position:relative}.song-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.song-card-link{display:block}.song-card-title{margin-bottom:.25rem;padding-right:2rem;font-size:1.0625rem;font-weight:600}.song-card-artist{color:var(--color-text-secondary);margin-bottom:.75rem;font-size:.875rem}.song-card-meta{flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;display:flex}.song-card-badges{gap:.375rem;display:flex}.tag{background:var(--color-tag-bg);color:var(--color-text-secondary);border-radius:999px;padding:.125rem .5rem;font-size:.75rem;display:inline-block}.badge{background:var(--color-primary-light);color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-block}.favorite-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:.25rem;font-size:1.375rem;line-height:1;transition:color .15s,transform .15s;position:absolute;top:1rem;right:1rem}.favorite-btn:hover{transform:scale(1.15)}.favorite-btn-active{color:var(--color-favorite)}.song-page{max-width:720px}.back-link{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.875rem;transition:color .15s;display:inline-block}.back-link:hover{color:var(--color-primary)}.song-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.song-header h1{letter-spacing:-.02em;margin-bottom:.25rem;font-size:2rem;font-weight:800}.song-artist{color:var(--color-text-secondary);margin-bottom:.75rem;font-size:1.125rem}.song-meta{flex-wrap:wrap;gap:.375rem;display:flex}.song-header .favorite-btn{flex-shrink:0;margin-left:1rem;font-size:1.75rem;position:static}.tab-selector{border-bottom:1px solid var(--color-border);gap:.25rem;margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--color-text)}.tab-btn-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.lyrics-view{font-size:1.0625rem;line-height:1.8}.lyrics-paragraph{margin-bottom:1.5rem}.chord-sheet{font-family:var(--font-mono);font-size:.9375rem;line-height:1}.chord-section{margin-bottom:1.5rem}.chord-section-name{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8125rem;font-weight:600}.chord-line{white-space:pre;margin-bottom:.75rem}.chord-line-chords{color:var(--color-primary);font-weight:700;line-height:1.4}.chord-line-lyrics{line-height:1.6}.chord-sheet-raw{font-family:var(--font-mono);color:var(--color-text);white-space:pre;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:0;padding:1rem;font-size:.875rem;line-height:1.6;overflow-x:auto}.piano-sheet{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.piano-sheet-content{font-family:var(--font-mono);white-space:pre-wrap;font-size:.875rem;line-height:1.6;overflow-x:auto}.search-page .search-bar{margin-bottom:1.5rem}.results-count{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.875rem}.results-section{margin-bottom:2.5rem}.results-heading{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.web-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.web-section-header .results-heading{margin-bottom:0}.web-results-list{flex-direction:column;gap:1rem;display:flex}.web-result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.web-result-header{gap:1rem;margin-bottom:1rem;display:flex}.web-result-artwork{border-radius:var(--radius);object-fit:cover;flex-shrink:0;width:72px;height:72px}.web-result-info{flex:1;min-width:0}.web-result-title{margin-bottom:.125rem;font-size:1.0625rem;font-weight:600}.web-result-artist{color:var(--color-text);margin-bottom:.125rem;font-size:.9375rem}.web-result-album{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.8125rem}.web-result-badges{flex-wrap:wrap;gap:.375rem;display:flex}.tag-source{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.web-result-preview{background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:1rem;padding:.875rem}.web-result-lyrics{color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.6}.web-result-expand{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.8125rem;font-weight:500;display:block}.web-result-expand:hover{text-decoration:underline}.web-result-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.import-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s}.import-btn:hover:not(:disabled){background:var(--color-primary-hover)}.import-btn:disabled{opacity:.7;cursor:default}.web-result-link{color:var(--color-text-secondary);font-size:.8125rem;transition:color .15s}.web-result-link:hover{color:var(--color-primary)}.favorites-page h1{margin-bottom:1.5rem;font-size:2rem;font-weight:800}.loading{text-align:center;color:var(--color-text-secondary);padding:3rem 0}.error-message{text-align:center;color:#dc2626;padding:2rem 0}.empty-state{text-align:center;color:var(--color-text-secondary);padding:3rem 0;font-size:1.0625rem}@media (width<=640px){.hero h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.song-list{grid-template-columns:1fr}.song-header h1{font-size:1.5rem}.search-bar{flex-direction:column}.search-button{width:100%}}