:root{--paper:#f1eedf;--light:#fbf9ef;--ink:#20211d;--muted:#62645a;--line:#c9c6b5;--orange:#f05a35;--blue:#354bd7;--lime:#d5e852;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}::selection{background:var(--lime);color:var(--ink)}
.topbar{height:66px;padding:0 5.4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{color:var(--ink);font-weight:900;font-size:27px;letter-spacing:-2px;text-decoration:none}.wordmark-dot{color:var(--orange)}.top-note{font:italic 14px var(--serif);margin:0;color:var(--muted)}.issue-label{font:10px var(--mono);letter-spacing:.08em}.live-dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}
.masthead{min-height:365px;padding:42px 10.5vw 39px;display:grid;grid-template-columns:1fr 330px 120px;align-items:center;gap:34px;position:relative;overflow:hidden;border-bottom:1px solid var(--ink)}.mast-copy{position:relative;z-index:1}.handwritten{font:italic 17px var(--serif);color:var(--orange);margin:0 0 13px;transform:rotate(-3deg);transform-origin:left}.masthead h1{font:normal clamp(60px,7vw,94px)/.84 var(--serif);letter-spacing:-.075em;margin:0}.masthead h1 span{color:var(--blue);font-style:italic}.intro{max-width:350px;font-size:14px;line-height:1.6;margin:20px 0 21px;color:#44453e}.mast-meta{display:flex;gap:13px;align-items:center;text-transform:uppercase;font:9px var(--mono);letter-spacing:.06em}.rule{width:36px;height:1px;background:var(--orange)}.record-art{height:290px;display:grid;place-items:center;position:relative}.record{width:266px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#171817 0 1px,#262725 1.6px 2.2px,#191a18 2.8px 4px);box-shadow:0 14px 26px #16170f30;display:grid;place-items:center;animation:record-in .8s cubic-bezier(.16,1,.3,1) both}.record:after{content:"";position:absolute;width:266px;height:266px;border-radius:inherit;background:radial-gradient(circle,transparent 0 54px,#ffffff05 55px 57px,transparent 59px 83px,#ffffff05 84px 86px,transparent 88px 113px,#ffffff05 114px 116px,transparent 118px)}.record-label{width:106px;height:106px;border-radius:50%;background:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1}.record-label span{font:9px var(--mono);letter-spacing:.12em}.record-label b{font:700 19px/.86 var(--sans);letter-spacing:-.08em;margin:6px 0}.record-label small{font:6px/1.4 var(--mono)}.record-spark{position:absolute;right:15px;top:23px;color:var(--lime);font-size:38px;transform:rotate(12deg)}.record-caption{position:absolute;bottom:5px;right:4px;font:9px/1.4 var(--mono);letter-spacing:.08em;text-align:right;color:var(--blue);transform:rotate(-7deg)}.mast-side-note{font:10px/1.65 var(--mono);letter-spacing:.05em;align-self:end;padding-bottom:25px}.mast-side-note span{font-size:20px;color:var(--orange)}
.browse{padding:0 5.4vw}.browse-head{min-height:114px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--ink)}.browse-head h2{font:normal 29px var(--serif);letter-spacing:-.04em;margin:0}.browse-subtitle{font-size:12px;color:var(--muted);margin:5px 0 0}.browse-tools{display:flex;gap:9px;align-items:center}.search-wrap,.filter-wrap{height:40px;display:flex;align-items:center;border:1px solid var(--line);background:var(--light)}.search-wrap{width:190px;padding:0 11px;gap:9px}.search-wrap svg{width:16px;stroke:var(--muted);fill:none;stroke-width:1.8}.search-wrap input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:12px;color:var(--ink)}.search-wrap input::placeholder{color:#696b61}.filter-wrap{position:relative;width:139px}.filter-wrap select{appearance:none;border:0;outline:0;background:transparent;width:100%;height:100%;padding:0 30px 0 12px;color:var(--ink);font-size:11px;cursor:pointer}.select-arrow{position:absolute;right:12px;pointer-events:none;font-size:17px}.side-b-button{height:40px;background:var(--blue);color:white;border:1px solid var(--blue);display:flex;align-items:center;gap:9px;padding:0 11px;cursor:pointer;transition:background .2s,color .2s}.side-b-button[aria-pressed=true]{background:var(--lime);border-color:var(--ink);color:var(--ink)}.side-b-mark{width:20px;height:20px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font:10px var(--mono)}.side-b-label{font-size:11px;white-space:nowrap}.saved-count{font:10px var(--mono);min-width:15px;text-align:center}
.browser-grid{display:grid;grid-template-columns:minmax(0,1.56fr) minmax(300px,.8fr);gap:42px;padding:23px 0 38px;min-height:474px}.track-head,.track-row{display:grid;grid-template-columns:minmax(220px,1fr) 145px 57px 28px;align-items:center;column-gap:10px}.track-head{font:9px var(--mono);letter-spacing:.09em;color:var(--muted);padding:0 9px 11px;border-bottom:1px solid var(--line)}.track-row{min-height:69px;border-bottom:1px solid var(--line);padding:8px 9px;transition:background .2s}.track-row:hover,.track-row.is-selected{background:#e8e5d5}.track-main{display:flex;align-items:center;gap:13px;min-width:0}.track-number{width:22px;font:10px var(--mono);color:var(--muted)}.cover-thumb{width:48px;height:48px;object-fit:cover;flex:none;filter:saturate(.78)}.track-title{font:normal 17px var(--serif);letter-spacing:-.035em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-category{font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);display:block;margin-top:4px}.open-track{padding:0;border:0;background:none;text-align:left;cursor:pointer;min-width:0}.open-track:hover .track-title{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.track-date{font:11px/1.5 var(--mono)}.track-date small{display:block;color:var(--muted);font:10px var(--sans)}.track-price{font:12px var(--mono)}.track-play{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:11px;cursor:pointer;display:grid;place-items:center;padding-left:2px}.track-row:hover .track-play,.track-row.is-selected .track-play{background:var(--orange);border-color:var(--orange);color:white}
.detail-panel{background:var(--blue);color:white;min-height:426px;position:relative;overflow:hidden;padding:24px}.sleeve-empty{height:100%;min-height:378px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.sleeve-empty p{font:italic 23px/1.18 var(--serif);position:relative;z-index:1;transform:rotate(-4deg)}.sleeve-lines{position:absolute;inset:14% 10%;transform:rotate(-8deg);opacity:.35}.sleeve-lines span{position:absolute;width:70%;height:1px;background:var(--lime);left:15%}.sleeve-lines span:nth-child(1){top:20%}.sleeve-lines span:nth-child(2){top:36%;width:95%;left:0}.sleeve-lines span:nth-child(3){top:53%;width:90%;left:8%}.sleeve-lines span:nth-child(4){top:70%;width:62%;left:24%}.sleeve-arrow{position:absolute;bottom:22px;right:23px;color:var(--lime);font-size:30px}.detail-content{position:relative;z-index:1}.detail-topline{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.1em;color:#dbdefe}.detail-close{appearance:none;border:1px solid #ffffff85;background:transparent;color:white;width:30px;height:30px;border-radius:50%;font-size:17px;cursor:pointer}.detail-close:hover{background:white;color:var(--blue)}.detail-photo{width:100%;height:152px;display:block;object-fit:cover;margin:20px 0 17px;filter:saturate(.76)}.detail-content h3{font:normal 34px/.98 var(--serif);letter-spacing:-.055em;margin:0 0 12px}.detail-content .detail-body{font-size:13px;line-height:1.55;margin:0 0 18px;color:#eeefff}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #ffffff58;padding-top:14px}.detail-facts div{font:11px/1.5 var(--mono)}.detail-facts span{display:block;color:#c5caff;font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.save-button{margin-top:19px;min-height:42px;width:100%;border:1px solid var(--lime);background:var(--lime);color:var(--ink);font-weight:700;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.save-button:hover{background:#e7f594}.save-button[aria-pressed=true]{background:transparent;color:var(--lime)}.save-icon{font-size:17px}
.empty-state{padding:45px 20px;text-align:center;border-bottom:1px solid var(--line)}.empty-orbit{font:42px var(--serif);color:var(--orange)}.empty-state h3{font:normal 24px var(--serif);margin:8px 0}.empty-state p{font-size:12px;color:var(--muted)}.text-button{border:0;background:none;color:var(--blue);font-weight:700;font-size:12px;padding:9px;cursor:pointer}.text-button span{margin-left:5px}.browse-footer{border-top:1px solid var(--ink);height:48px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.track-list[hidden],.detail-content[hidden]{display:none}@keyframes record-in{from{transform:rotate(-28deg) scale(.8);opacity:.3}to{transform:rotate(0) scale(1);opacity:1}}
@media(min-width:1500px){.masthead{padding-left:calc((100vw - 1120px)/2);padding-right:calc((100vw - 1120px)/2)}.browse{padding-left:max(5.4vw,calc((100vw - 1280px)/2));padding-right:max(5.4vw,calc((100vw - 1280px)/2))}}
@media(max-width:900px){.masthead{padding-left:7vw;padding-right:7vw;grid-template-columns:1fr 250px;min-height:335px}.record-art{height:250px}.record,.record:after{width:220px;height:220px}.mast-side-note{display:none}.browse{padding:0 4vw}.browser-grid{gap:22px;grid-template-columns:minmax(0,1.3fr) minmax(270px,.8fr)}.track-head,.track-row{grid-template-columns:minmax(175px,1fr) 112px 42px 25px;column-gap:6px}.track-main{gap:8px}.cover-thumb{width:42px;height:42px}.track-title{font-size:15px}.track-date{font-size:10px}}
@media(max-width:650px){.topbar{height:58px;padding:0 19px}.wordmark{font-size:25px}.top-note{display:none}.issue-label{font-size:8px}.masthead{padding:35px 22px 26px;min-height:0;grid-template-columns:1fr 116px;gap:0}.masthead h1{font-size:55px}.handwritten{font-size:15px}.intro{font-size:13px;max-width:300px;margin:17px 0}.mast-meta{font-size:8px;gap:8px}.rule{width:20px}.record-art{height:145px;align-self:start;margin-top:9px}.record,.record:after{width:118px;height:118px}.record-label{width:50px;height:50px}.record-label span{font-size:5px}.record-label b{font-size:10px;margin:3px 0}.record-label small{font-size:3px}.record-spark{font-size:22px;right:-1px;top:3px}.record-caption{font-size:6px;bottom:-2px;right:0}.browse{padding:0 18px}.browse-head{padding:19px 0 16px;align-items:flex-start;flex-direction:column;gap:16px}.browse-head h2{font-size:27px}.browse-subtitle{font-size:11px}.browse-tools{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.search-wrap{grid-column:1/3;width:auto;height:42px}.filter-wrap,.side-b-button{height:39px;width:auto}.browser-grid{display:flex;flex-direction:column;gap:18px;padding:14px 0 27px;min-height:0}.track-head{grid-template-columns:minmax(0,1fr) 87px 43px 24px;padding:0 4px 9px;font-size:8px}.track-row{grid-template-columns:minmax(0,1fr) 87px 43px 24px;min-height:67px;padding:7px 4px;column-gap:5px}.track-number{display:none}.track-main{gap:8px}.cover-thumb{width:42px;height:42px}.track-title{font-size:14px}.track-category{font-size:8px}.track-date{font-size:9px}.track-date small{font-size:9px}.track-price{font-size:10px}.track-play{width:24px;height:24px;font-size:10px}.detail-panel{display:none;min-height:0;padding:20px}.detail-panel.is-open{display:block;order:-1}.detail-content .detail-photo{height:172px;margin:15px 0}.detail-content h3{font-size:31px}.detail-content .detail-body{font-size:13px}.detail-close{width:34px;height:34px}.sleeve-empty{min-height:170px}.sleeve-empty p{font-size:20px}.sleeve-arrow{bottom:1px}.browse-footer{height:43px;font-size:7px;letter-spacing:.03em}.browse-footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}