:root{--tc-highlight: #ffffff;--tc-1: #232323;--tc-2: #7b7b7b;--tc-3: #bdbdbd;--tc-red: #ff453a;--tc-green: #4bb956;--bc-highlight: #232323;--bc-1: #ffffff;--bc-2: #eeeeee;--bc-3: #f6f6f6;--bc-4: #e4e4e4;--line: rgba(35, 35, 35, .08);font-family:Avenir Next,SF Pro Text,Segoe UI,sans-serif;color:var(--tc-1);background:var(--bc-2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bc-2)}button,input,textarea,select{font:inherit}#root{min-height:100vh}.shell{min-height:100vh;padding:18px 12px 24px}.panel{width:min(100%,393px);margin:0 auto;display:grid;gap:12px}.nav-header{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;min-height:40px;padding:0 4px}.nav-side{width:24px;height:24px}.nav-title,.summary-title,.content-title,.lyric-text{margin:0}.nav-title{font-size:17px;font-weight:400;letter-spacing:-.17px;line-height:1.2;text-align:center}.summary-card,.filter-card,.content-card{background:var(--bc-1);border-radius:6px}.summary-card{padding:16px;display:grid;gap:4px}.summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.summary-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:400;letter-spacing:-.17px;line-height:1.2}.summary-timer{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;color:var(--tc-2);font-size:15px;font-weight:300;letter-spacing:-.15px;line-height:1.2;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:999px;background:var(--tc-3)}.status-dot-ready{background:var(--tc-green)}.status-dot-loading{background:var(--tc-1)}.status-dot-no-song,.status-dot-unsupported{background:var(--tc-2)}.status-dot-no-lyrics{background:var(--tc-red)}.summary-subtitle,.supporting-copy,.inline-error,.filter-note{margin:0}.summary-subtitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--tc-2);font-size:13px;font-weight:400;letter-spacing:-.13px;line-height:1.2}.filter-card{padding:16px;display:grid;gap:8px}.filter-row{display:flex;gap:6px}.filter-chip{flex:1 1 0;min-width:0;min-height:36px;padding:0 12px;border:0;border-radius:6px;background:var(--bc-3);color:var(--tc-1);font-size:13px;font-weight:400;letter-spacing:-.13px;cursor:pointer}.filter-chip.active{background:var(--bc-highlight);color:var(--tc-highlight)}.filter-note{color:var(--tc-2);font-size:13px;font-weight:400;letter-spacing:-.13px;line-height:1.2}.content-card{padding:16px;display:grid;gap:12px}.content-kicker{margin:0;color:var(--tc-2);font-size:12px;font-weight:400;line-height:1}.content-title{font-size:17px;font-weight:400;letter-spacing:-.17px;line-height:1.25}.lyrics-card{gap:14px}.lyrics-section{display:grid;gap:8px}.content-divider{height:1px;background:var(--line)}.lyric-text{line-height:1.28}.lyric-text-current{color:var(--tc-1);font-size:17px;font-weight:400;letter-spacing:-.17px}.lyric-text-next{color:var(--tc-2);font-size:15px;font-weight:300;letter-spacing:-.15px}.supporting-copy,.inline-error{font-size:13px;font-weight:400;letter-spacing:-.13px;line-height:1.35}.supporting-copy{color:var(--tc-2)}.inline-error{color:var(--tc-red)}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:100%;padding:0 16px;border-radius:6px;background:var(--bc-highlight);color:var(--tc-highlight);text-decoration:none;font-size:17px;font-weight:400;letter-spacing:-.17px}.support-footer{padding:4px 0 0}.support-text{margin:0;color:var(--tc-2);font-size:13px;font-weight:400;letter-spacing:-.13px;line-height:1.35;text-align:center}