:root{color-scheme:light dark;font:16px/1.5 system-ui,sans-serif}body{margin:0;padding-bottom:96px}#app{max-width:720px;margin:0 auto;padding:16px}button{font:inherit}.track-list{list-style:none;margin:0;padding:0}.track-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #ddd;cursor:pointer}.track-row.current{font-weight:700}.art{width:40px;height:40px;object-fit:cover;flex-shrink:0}.art-placeholder{background:#ddd}.track-info{display:flex;flex-direction:column;flex-grow:1;text-align:left;min-width:0}.track-info .title,.now-playing .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album{color:#666;font-size:.85em}.duration{color:#666;font-variant-numeric:tabular-nums}.now-playing{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:8px 16px;background:Canvas;border-top:1px solid #ddd}.now-playing .info{display:flex;flex-direction:column;text-align:left;min-width:0}.scrub{display:flex;align-items:center;gap:8px;flex-grow:1}.scrub input[type=range]{flex-grow:1}.admin-login{max-width:320px;margin:64px auto;display:flex;flex-direction:column;gap:12px}.admin-header{display:flex;align-items:center;justify-content:space-between}.save-bar{display:flex;align-items:center;gap:12px;margin:16px 0}.album-group h2{margin:24px 0 8px}.admin-track-row{display:flex;align-items:center;gap:12px;padding:4px 0}.admin-track-row .title{flex-grow:1;text-align:left}.public-order-list{list-style:none;margin:0;padding:0}.public-order-list li{padding:6px 8px;border:1px solid #ddd;margin-bottom:4px;cursor:grab}