.content-body{padding:60px 40px;max-width:900px;margin:0 auto}.filter-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;border-bottom:2px solid #111;padding-bottom:15px}.page-title{margin:0;font-size:1.4rem;font-weight:800;display:flex;align-items:center;gap:10px;text-transform:uppercase;border:none;padding:0;line-height:1}.header-controls{display:flex;align-items:center;gap:12px}.filter-select{appearance:none;-webkit-appearance:none;background-color:transparent;border:none;padding:4px 24px 4px 0;font-size:1rem;font-weight:700;color:#555;cursor:pointer;outline:none;font-family:Pretendard,sans-serif;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right center;background-size:14px;transition:all .2s}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.filter-container{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;flex:1;padding-bottom:4px}.filter-container::-webkit-scrollbar{display:none}.filter-chip{padding:8px 16px;border-radius:20px;background:#fcfcfc;border:1px solid #eee;font-size:.9rem;color:#888;cursor:pointer;transition:all .2s;font-weight:600;font-family:Pretendard,sans-serif;white-space:nowrap;flex-shrink:0}.filter-chip:hover{border-color:#ccc;color:#333}.filter-chip.active{background:#111;color:#fff;border-color:#111}.listen-now-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 14px;font-size:.85rem;font-weight:700;border-radius:20px;border:1px solid #0052D4;background:#fcfcfc;color:#0052d4;text-decoration:none;transition:all .2s;white-space:nowrap;flex-shrink:0}.listen-now-btn:hover{background:#0052d4;color:#fff}.track-list{display:flex;flex-direction:column}.track-wrapper{border-bottom:1px solid #eee;display:flex;flex-direction:column}.track-item{display:flex;align-items:center;gap:15px;padding:12px 16px;transition:all .2s ease;border-radius:10px}.track-item:hover{background:#fcfcfc;box-shadow:0 4px 15px #0000000a;transform:translate(4px)}.track-icon{width:34px;height:34px;background:#f1f3f5;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#adb5bd;font-size:.9rem;flex-shrink:0;cursor:pointer;transition:all .2s ease}.track-item:hover .track-icon{background:#0052d4;color:#fff}.track-wrapper.is-open .track-icon{background:#111;color:#fff}.track-wrapper.is-open .track-icon svg{transform:rotate(90deg);transition:.2s}.track-info-link{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0;gap:10px;text-decoration:none;color:inherit}.track-info{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;gap:10px}.track-title{font-size:.95rem;font-weight:600;margin:0;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:.8rem;font-weight:400;color:#777;white-space:nowrap;flex-shrink:0;margin-right:5px}.track-date{font-size:.75rem;color:#bbb;font-weight:500;font-family:monospace;flex-shrink:0;width:80px;text-align:right}.spotify-container{height:0;overflow:hidden;opacity:0;transition:height .3s ease-out,opacity .3s ease-out;padding:0 16px;box-sizing:border-box}.track-wrapper.is-open .spotify-container{height:80px;margin-top:5px;margin-bottom:10px;opacity:1}.empty-state{text-align:center;padding:80px 20px;color:#999;font-weight:600;background:#fcfcfc;border-radius:16px;border:2px dashed #eee;margin-top:20px;display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:50px 0 30px}.page-btn{background:transparent!important;border:none!important;padding:4px 8px!important;width:auto!important;height:auto!important;font-size:1.05rem!important;font-weight:600!important;color:#aaa!important;cursor:pointer;transition:all .2s ease;font-family:Pretendard,sans-serif;box-shadow:none!important}@media(hover:hover){.page-btn:hover:not(.disabled){color:#111!important;transform:none!important}}.page-btn.active{color:#111!important;font-weight:800!important;border-bottom:2px solid #111!important;border-radius:0!important}.page-btn.disabled{opacity:.3!important;cursor:not-allowed!important;pointer-events:none}@media(max-width:768px){.content-body{padding:30px 15px;margin-top:50px}.track-date{display:none}.page-btn{width:44px;height:44px;font-size:1.05rem}}