:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8f5ef;background:#11151d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,#37313a 0,#171a22 38%,#10141c 85%);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}#app{max-width:620px;margin:auto;min-height:100vh;padding:env(safe-area-inset-top) 18px calc(90px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;padding:24px 2px 16px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:#c79b78;font-weight:800}.top h1{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:3px 0 0}.badge{font-size:11px;color:#bcb5af;border:1px solid #5c5150;border-radius:30px;padding:7px 10px}.card{background:linear-gradient(145deg,#2c2c34df,#1c2029e8);border:1px solid #ffffff1b;border-radius:24px;padding:20px;box-shadow:0 18px 50px #0004;margin-bottom:16px}.hero{text-align:center;padding:25px 22px 23px}.hero-art{position:relative;width:min(62vw,260px);height:min(62vw,260px);margin:5px auto 26px}.record{position:absolute;width:83%;height:83%;border-radius:50%;top:8%;right:-15%;background:repeating-radial-gradient(circle,#121315 0 3px,#28292c 4px 5px,#141517 6px 9px);animation:spin 20s linear infinite}.record:after{content:"";position:absolute;inset:39%;border-radius:50%;background:#bb7e55}.hero-art img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:5px;box-shadow:0 13px 30px #000a;background:#34343c}.hero h2{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.15;margin:6px 0}.artist{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#d7bb9f}.muted{color:#aba9ad;font-size:13px}.reason{color:#ddaa83;font-size:13px;margin:20px 0}.actions{display:grid;gap:9px}.btn{border:0;border-radius:13px;padding:14px 16px;font-weight:700;background:#c48e67;color:#17151a}.btn.secondary{background:#393b43;color:#f6f2ed}.btn.ghost{background:transparent;color:#dac2ac;border:1px solid #63554f}.row{display:flex;gap:9px}.row>*{flex:1}.section-head{display:flex;align-items:end;justify-content:space-between;margin:27px 2px 13px}.section-head h2{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:0}.section-head span{color:#aaa;font-size:12px}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}.chips button{white-space:nowrap;border:1px solid #5a5354;border-radius:30px;background:#292b34;color:#ddd3ca;padding:9px 13px;font-size:12px}.chips button.active{background:#c48e67;color:#16151a;border-color:#c48e67}.input{width:100%;border:1px solid #56535a;background:#252933;color:white;border-radius:12px;padding:13px;margin-bottom:13px;outline:none}.list{display:grid;gap:9px}.item{display:flex;gap:12px;align-items:center;background:#252832;border:1px solid #ffffff12;border-radius:14px;padding:9px;min-width:0}.item.clickable{cursor:pointer}.item.clickable:focus-visible{outline:2px solid #c48e67;outline-offset:2px}.item img{width:57px;height:57px;object-fit:cover;border-radius:5px;background:#393d44}.item-main{flex:1;min-width:0;text-align:left}.item-main strong,.item-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-main strong{font-size:14px}.item-main small{font-size:12px;color:#aaa;margin-top:4px}.item button{background:none;border:0;color:#d5b08e;font-size:23px;padding:6px}.tabs{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#191d25f5;border-top:1px solid #ffffff1a;padding:11px max(10px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(16px);z-index:10}.tabs button{background:none;border:0;color:#888990;font-size:11px;display:grid;gap:3px;min-width:63px}.tabs button.active{color:#dda981}.tabs span{font-size:21px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{background:#252832;border-radius:16px;padding:18px}.stat b{font-size:28px;font-family:Georgia,serif;font-weight:400}.stat small{display:block;color:#aaa;margin-top:4px}.detail-cover{width:100%;max-width:320px;aspect-ratio:1;object-fit:cover;display:block;margin:8px auto 22px;border-radius:6px}.tracklist{margin-top:16px}.track-heading{color:#c79b78;font-weight:700;font-size:13px;margin:18px 0 7px}.track{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #ffffff18;font-size:14px}.track-position,.track-duration{color:#a9a8ae;font-size:12px}.track-title{overflow-wrap:anywhere}.empty{text-align:center;color:#aaa;padding:35px 12px}.error{color:#f0a5a5}.login{max-width:360px;margin:16vh auto 0;text-align:center}.login h1{font-family:Georgia,serif;font-size:38px;font-weight:400}.login input{text-align:center;font-size:22px;letter-spacing:.2em}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#e9ded0;color:#16151a;border-radius:12px;padding:12px 17px;z-index:20;box-shadow:0 8px 30px #0008;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.record{animation:none}}
.item-controls{display:flex;align-items:center}.item-controls button{min-width:40px;min-height:40px}