@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2f3432;background:#fbfaf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #fbfaf6;--surface: #f1f4ee;--text: #2f3432;--muted: #68736d;--accent: #4d806d;--accent-soft: #356a58;--line: rgba(47, 52, 50, .16);--focus: #356a58}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--accent-soft)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{color:var(--bg);background:var(--accent)}#root{min-height:100vh}.site-shell{width:min(100% - 2.5rem,64rem);min-height:100vh;margin:0 auto;padding:2rem 0 1.25rem;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.site-title,.footer-link{text-decoration:none}.site-title{color:var(--text);font-size:1.05rem;font-weight:600;letter-spacing:-.025em}.site-title-mark{color:var(--accent);font-size:.65em;vertical-align:.12em}.header-tools{display:flex;align-items:center;gap:.75rem}.theme-toggle{width:2.25rem;height:2.25rem;padding:.4rem;color:var(--muted);border:0;background:transparent;cursor:pointer}.theme-toggle:hover{color:var(--accent-soft)}.theme-toggle svg{width:100%;height:100%}.main-content{flex:1;padding:5.5rem 0 6rem}.intro{max-width:38rem;margin-bottom:3.25rem}.eyebrow{margin:0 0 .85rem;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.page-title{margin:0;color:var(--text);font-size:clamp(2rem,5vw,3.1rem);font-weight:600;letter-spacing:-.045em;line-height:1.08}.intro-copy{max-width:36rem;margin:1.15rem 0 0;color:var(--muted);font-size:1rem;line-height:1.7}.vibe-form{display:flex;align-items:stretch;gap:.75rem;max-width:46rem;margin-bottom:3.5rem}.vibe-input{min-width:0;flex:1;padding:.8rem .95rem;color:var(--text);border:1px solid var(--line);border-radius:2px;outline:0;background:var(--surface)}.vibe-input::placeholder{color:var(--muted);opacity:.8}.vibe-input:hover{border-color:var(--muted)}.vibe-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.action-button{padding:.8rem 1.1rem;color:#f8fbf7;border:1px solid var(--accent);border-radius:2px;background:var(--accent);cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap}.action-button:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.action-button:disabled{cursor:not-allowed;opacity:.5}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.section-title{margin:0;color:var(--text);font-size:1.05rem;font-weight:500;letter-spacing:-.02em}.metadata{color:var(--muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.02em}.results-actions{display:flex;align-items:center;gap:1rem}.text-button{padding:0;color:var(--accent-soft);border:0;background:transparent;cursor:pointer;font-size:.78rem;text-decoration:underline;text-underline-offset:3px}.text-button:hover{color:var(--text)}.connect-button{padding:.42rem .72rem;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);border-radius:3px;background:color-mix(in srgb,var(--accent) 8%,transparent);font-weight:500;text-decoration:none}.connect-button:hover{color:var(--accent-soft);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.connect-button:focus-visible{outline-offset:2px}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.song-row{display:flex;align-items:baseline;gap:.9rem;padding:1rem 0;border-bottom:1px solid var(--line)}.song-index{flex:0 0 1.5rem;color:var(--muted);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.song-info{min-width:0}.song-title,.song-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-title{color:var(--text);font-size:.92rem}.song-artist{margin-top:.25rem;color:var(--muted);font-size:.8rem}.status-message{margin:1.5rem 0;color:var(--muted);font-size:.9rem}.status-error{color:#a24f45}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.footer-links{display:flex;gap:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){.site-shell{width:min(100% - 2rem,64rem);padding-top:1.25rem}.site-header>.header-tools .metadata:first-child{display:none}.main-content{padding:4rem 0 4.5rem}.intro{margin-bottom:2.5rem}.vibe-form{flex-direction:column;margin-bottom:2.75rem}.action-button{width:100%}.section-heading{align-items:flex-start;flex-direction:column}.results-actions{width:100%;justify-content:space-between}.results-grid{grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}}