@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--tc-highlight: #FFFFFF;--tc-1st: #232323;--tc-2nd: #7B7B7B;--tc-accent: #232323;--tc-red: #FF453A;--tc-green: #4BB056;--bc-highlight: #232323;--bc-1st: #FFFFFF;--bc-2nd: #F0F0F0;--bc-3rd: #EEEEEE;--bc-4th: #E4E4E4;--bc-accent: #FEF991;--sc-1st: rgba(0, 0, 0, .5);--sc-2nd: rgba(35, 35, 35, .08)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bc-3rd);color:var(--tc-1st);min-height:100vh;display:flex;justify-content:center;-webkit-font-smoothing:antialiased}#app{width:100%;max-width:420px;min-height:100vh;background:var(--bc-1st);display:flex;flex-direction:column}.screen{display:none;flex-direction:column;flex:1}.screen.active{display:flex}#screen-login{justify-content:center;align-items:center;gap:18px;padding:24px 16px}.logo h1{font-size:24px;font-weight:400;text-align:center;color:var(--tc-1st);letter-spacing:-.72px}.subtitle{text-align:center;color:var(--tc-2nd);margin-top:8px;font-size:15px;font-weight:300;letter-spacing:-.15px}.hint{color:var(--tc-2nd);font-size:13px;font-weight:400;letter-spacing:-.13px;text-align:center;max-width:260px}#api-settings{width:100%;max-width:340px;display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--bc-3rd);border-radius:12px;background:var(--bc-2nd)}.settings-label{font-size:12px;color:var(--tc-2nd)}.settings-input{border:1px solid var(--bc-4th);border-radius:10px;background:var(--bc-1st);color:var(--tc-1st);font-size:14px;padding:10px 12px}.settings-note{margin-top:4px;font-size:11px;color:var(--tc-2nd);word-break:break-all}.btn{border:none;border-radius:12px;padding:14px 48px;font-size:17px;font-weight:400;letter-spacing:-.17px;cursor:pointer;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--bc-highlight);color:var(--tc-highlight)}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--bc-1st);color:var(--tc-1st);border:1px solid var(--bc-4th);padding:10px 14px;font-size:14px}#screen-player{padding:0}#now-playing{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bc-1st);border-bottom:1px solid var(--bc-3rd)}#album-art{width:72px;height:72px;border-radius:12px;background:var(--bc-2nd);object-fit:cover;flex-shrink:0}#track-info{flex:1;min-width:0}#track-name{font-size:17px;font-weight:400;letter-spacing:-.17px;color:var(--tc-1st);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#artist-name{font-size:15px;font-weight:300;letter-spacing:-.15px;color:var(--tc-2nd);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}#progress-bar{width:100%;height:3px;background:var(--bc-3rd);margin:0}#progress-fill{height:100%;background:var(--tc-1st);border-radius:0;width:0%;transition:width .3s linear}#progress-times{display:flex;justify-content:space-between;font-size:11px;font-weight:400;letter-spacing:-.11px;color:var(--tc-2nd);padding:6px 16px 0}#controls{display:flex;justify-content:center;align-items:center;gap:28px;padding:10px 16px 12px;background:var(--bc-1st);border-bottom:1px solid var(--bc-3rd)}.ctrl-btn{border:none;background:none;font-size:26px;color:var(--tc-1st);cursor:pointer;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .12s ease,opacity .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.ctrl-btn:active{transform:scale(.88);background:var(--bc-2nd)}.ctrl-btn.ctrl-primary{font-size:22px;width:60px;height:60px;background:var(--bc-highlight);color:var(--tc-highlight);border-radius:50%}.ctrl-btn.ctrl-primary:active{background:#3a3a3a;transform:scale(.9)}.ctrl-btn:disabled,.ctrl-btn.ctrl-disabled{opacity:.3;pointer-events:none}#lyrics-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bc-1st);scrollbar-width:none}#lyrics-container::-webkit-scrollbar{display:none}#lyrics-scroll{display:flex;flex-direction:column;align-items:center;gap:20px;padding:180px 24px}.lyric-line{font-size:16px;font-weight:300;letter-spacing:-.15px;color:#23232347;text-align:center;line-height:1.55;max-width:340px;transition:color .35s ease,font-size .35s ease,font-weight .35s ease;cursor:default;user-select:none;-webkit-user-select:none}.lyric-line.near{color:#2323238c}.lyric-line.current{font-size:21px;font-weight:500;letter-spacing:-.5px;color:var(--tc-1st)}.lyric-status{font-size:15px;font-weight:300;letter-spacing:-.15px;color:var(--tc-2nd);text-align:center;padding:48px 0}#glasses-status{display:flex;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid var(--bc-3rd);background:var(--bc-1st);margin-top:auto}.indicator{width:8px;height:8px;border-radius:50%}.indicator.connected{background:var(--tc-green)}.indicator.disconnected{background:var(--bc-4th)}#glasses-text{font-size:13px;font-weight:400;letter-spacing:-.13px;color:var(--tc-2nd)}