*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#141414;color:#e8e4df;min-height:100vh}a,button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.app{max-width:640px;margin:0 auto;padding:1rem}.shell.with-bar .app{padding-bottom:7.5rem}.remote-hint{margin:0 0 1rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.4;color:#c8d4ce;background:#243028;border-radius:8px}.player-setup{margin-bottom:1rem;padding:.75rem;background:#1f1f1f;border-radius:8px}.player-setup p{margin:0 0 .75rem;font-size:.9rem;color:#c9b896}.player-status{margin:0 0 .35rem;padding:.35rem .5rem;font-size:.75rem;line-height:1.3;color:#c9b896;background:#1f1f1f;border-radius:4px}.now-playing .player-status{margin:0 .5rem}.build-stamp{position:fixed;top:.35rem;right:.5rem;z-index:20;font-size:.65rem;letter-spacing:.02em;color:#5a5652;background:transparent;border:none;padding:.2rem .35rem;cursor:pointer}.debug-hint{font-size:.75rem;color:#6a6560;margin:0 0 .75rem}.debug-hint a{color:#c9b896}.debug-panel{margin-bottom:1rem;padding:.5rem;background:#0d0d0d;border:1px solid #333;border-radius:6px;max-height:40vh;overflow:auto}.debug-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem;font-size:.8rem}.debug-clear{font-size:.75rem;padding:.2rem .5rem;background:#333;color:#e8e4df;border:none;border-radius:4px}.debug-log{margin:0;font-size:.65rem;line-height:1.35;color:#b8b4af;white-space:pre-wrap;word-break:break-word}.header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.header-thumb{width:48px;height:48px}.back{background:#252525;border:none;color:#e8e4df;min-width:3rem;min-height:3rem;padding:.5rem .85rem;border-radius:10px;cursor:pointer;font-size:1.25rem;flex-shrink:0}.title{font-size:1.35rem;font-weight:600;margin:0}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.row{display:flex;align-items:center;gap:1rem;width:100%;min-height:4.5rem;text-align:left;background:#1e1e1e;border:none;color:inherit;padding:.85rem 1rem;border-radius:14px;cursor:pointer}.row:active{background:#282828}.row.playing{background:#252a28;outline:1px solid #4a6b5a}.thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;background:#333;flex-shrink:0}.thumb.placeholder{display:block}.meta{min-width:0}.meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:1.05rem;line-height:1.35}.meta span{display:block;color:#9a9590;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center{text-align:center;padding:2rem 1rem;color:#9a9590}.error{color:#c9a89a;padding:1rem;background:#2a2220;border-radius:8px;margin-bottom:1rem}.offline-banner{text-align:center;padding:.65rem 1rem;margin-bottom:1rem;background:#252a28;color:#b8c4bc;border-radius:10px;font-size:.95rem}.global-error{margin-bottom:1rem}.global-error .offline{margin:0;padding:1.25rem 1rem}.offline{text-align:center;padding:2.5rem 1.25rem;max-width:22rem;margin:2rem auto}.offline-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#e8e4df}.offline-message{margin:0 0 1.5rem;font-size:1.05rem;line-height:1.5;color:#9a9590}.offline-retry{padding:.75rem 1.75rem;border:none;border-radius:999px;background:#3d4f46;color:#e8e4df;font-size:1.05rem;cursor:pointer}.song{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-top:1rem;max-width:320px;margin:0 auto}.song-art{width:220px;height:220px;border-radius:12px}.song-meta{text-align:center;width:100%}.song .progress{width:100%}.song-play{padding:.65rem 1.5rem;border:none;border-radius:999px;background:#3d4f46;color:#e8e4df;font-size:1rem;cursor:pointer}.login{display:block;width:100%;padding:1rem;background:#3d4f46;color:#e8e4df;border:none;border-radius:12px;font-weight:600;cursor:pointer;margin-top:1rem}.progress{width:100%}.progress-track{height:4px;background:#333;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#6b8578;border-radius:2px;transition:width .4s ease}.progress-time{display:flex;justify-content:space-between;margin:.35rem 0 0;font-size:.75rem;color:#9a9590}.now-playing{position:fixed;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;padding:.6rem .85rem .75rem;background:#1a1a1a;border-top:1px solid #2e2e2e;z-index:10}.now-playing-main{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.now-playing-info{flex:1;min-width:0;display:flex;align-items:center;gap:.75rem;background:none;border:none;color:inherit;padding:.15rem;cursor:pointer;text-align:left}.now-playing-thumb{width:44px;height:44px}.now-playing-play{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;border:none;background:#3d4f46;color:#e8e4df;font-size:.9rem;cursor:pointer}.now-playing .progress-time{font-size:.7rem}.song-play{min-height:3rem;min-width:8rem;font-size:1.1rem}.login{min-height:3.25rem;font-size:1.1rem}@media(min-width:600px){.app{max-width:720px;padding:1.25rem 1.5rem}.shell.with-bar .app{padding-bottom:8.5rem}.title{font-size:1.6rem}.list{gap:1rem}.row{min-height:5.25rem;padding:1rem 1.15rem;border-radius:16px}.thumb{width:4.5rem;height:4.5rem;border-radius:10px}.header-thumb{width:3.5rem;height:3.5rem}.back{min-width:3.25rem;min-height:3.25rem;font-size:1.4rem}.meta strong{font-size:1.2rem}.meta span{font-size:1.05rem}.now-playing{max-width:720px;padding:.75rem 1.25rem .9rem}.now-playing-thumb{width:3.25rem;height:3.25rem}.now-playing-play{width:3.25rem;height:3.25rem;font-size:1rem}.song-art{width:280px;height:280px}.song-play{min-height:3.5rem;min-width:9rem;font-size:1.2rem}}