@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#292d25;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f4ec;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a,button{color:inherit}button,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #cb512d}button svg,a svg{flex-shrink:0}button{background:0 0;border:0}::selection{background:#efc9a5}h1,h2,h3,p{margin:0}a{text-decoration:none}svg{vertical-align:middle}button,a{touch-action:manipulation}.app-shell{max-width:1600px;margin:auto}.topbar{border-bottom:1px solid #d9d9cc;align-items:center;gap:38px;height:95px;margin:0 5.6%;display:flex}.brand{letter-spacing:-1.7px;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:30px;font-weight:800;display:flex}.brand-icon{color:#fff6df;background:#d95632;border-radius:6px;place-items:center;width:43px;height:43px;display:inline-grid}.brand-period{color:#d95632;margin-left:-10px}.brand-tagline{letter-spacing:1.6px;color:#88897d;margin-top:6px;font-size:9px;font-weight:600}.account{align-items:center;gap:18px;margin-left:auto;display:flex}.spotify-identity{align-items:center;gap:10px;min-width:0;display:flex}.profile-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.profile-fallback{color:#48553c;background:#e0e4d7;place-items:center;display:grid}.profile-info{flex-direction:column;gap:4px;min-width:0;max-width:190px;display:flex}.profile-info strong,.profile-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-info strong{font-size:12px}.profile-info span{color:#69715f;font-size:10px}@media (width<=620px){.topbar:has(.spotify-identity){flex-wrap:wrap;gap:15px;height:auto;min-height:76px;padding:18px 0}.topbar:has(.spotify-identity) .account{justify-content:space-between;width:100%}.profile-info{max-width:210px}}.connect-button{border:1px solid #bec2b4;border-radius:5px;align-items:center;gap:9px;padding:11px 17px;font-size:12px;font-weight:600;display:flex}.connect-button:hover{background:#e8e9dd}.text-button{justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:600;display:inline-flex}.text-button:hover{color:#c64e2d}.connected-label{align-items:center;gap:7px;font-size:12px;display:flex}.connected-label i{background:#678448;border-radius:50%;width:6px;height:6px}main{padding:0 5.6%}.intro{justify-content:space-between;align-items:center;padding:49px 0 43px;display:flex}.eyebrow{letter-spacing:1.9px;align-items:center;gap:9px;font-size:9px;font-weight:700;display:flex}.eyebrow>span:first-child:not(.orange-line){background:#d95632;border-radius:50%;width:6px;height:6px}h1{letter-spacing:-2.3px;margin:17px 0;font-family:Manrope,sans-serif;font-size:clamp(32px,3.3vw,49px);font-weight:500;line-height:1.18}h1 em{color:#c64e2d;letter-spacing:-1.5px;font-family:Georgia,serif;font-weight:400}.intro p{color:#7e8074;font-size:12px}.collection-stamp{color:#69715c;border:1px solid #c9cbbd;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:127px;height:127px;margin-right:25px;display:flex;transform:rotate(12deg)}.collection-stamp span{letter-spacing:1.3px;font-size:8px}.collection-stamp strong{font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1}.library-bar{border-bottom:1px solid #d5d7c9;justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.library-title,.library-actions{align-items:center;gap:13px;display:flex}.library-title h2{letter-spacing:-.65px;font-family:Manrope,sans-serif;font-size:19px;font-weight:700}.count{color:#7b7d71;font-size:10px}.demo-tag{letter-spacing:1px;color:#988467;border:1px solid #d0c3aa;border-radius:3px;padding:4px 6px;font-size:9px}.toolbar{justify-content:space-between;align-items:center;gap:15px;padding:18px 0;display:flex}.search{color:#929586;align-items:center;gap:10px;width:340px;display:flex}.search input{color:#31362c;background:0 0;border:0;width:100%;min-width:0;padding:8px 0;font-size:12px}.search input::placeholder{color:#939688}.search button{padding:3px}.view-controls{align-items:center;gap:20px;display:flex}.sort-label{letter-spacing:1.2px;color:#909281;align-items:center;gap:10px;font-size:9px;display:flex}.sort-label select{color:#4e5646;cursor:pointer;background:0 0;border:0;max-width:160px;font-size:12px}.view-switch{border:1px solid #d9dccc;border-radius:4px;gap:3px;padding:3px;display:flex}.view-switch button{color:#8b9080;border-radius:2px;padding:6px 8px}.view-switch button[aria-pressed=true]{color:#3c4a32;background:#e0e4d7}.listening-room{background:#eeeee3;border:1px solid #dfe0d2;border-radius:7px;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);display:grid;overflow:hidden}.crate-area{background:radial-gradient(at 50% 25%,#f4f4e9,#e7e9dc);min-width:0;padding:23px 30px 21px;position:relative}.crate-heading{color:#969a85;letter-spacing:1.7px;justify-content:space-between;font-size:9px;display:flex}.crate-stage{isolation:isolate;touch-action:none;perspective:1000px;outline-offset:0;max-width:500px;height:350px;margin:0 auto;position:relative}.crate-shadow{opacity:.24;filter:blur(17px);background:#353b21;border-radius:50%;width:76%;height:35px;position:absolute;bottom:0;left:12%}.crate-back{background:#353e31;border-radius:6px;width:310px;height:195px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.sleeve{left:50%;top:calc(47px - var(--depth) * 12px);transform-origin:bottom;width:246px;height:246px;transform:translateX(-50%) translateY(calc(var(--depth) * -2px)) scale(calc(1 - var(--depth) * .025)) rotate(calc(var(--depth) * 2deg - 2deg)) rotateX(-6deg);background:#e1dccb;border:3px solid #e5dfc9;border-radius:1px;padding:0;transition:transform .45s cubic-bezier(.2,.75,.2,1),top .45s;position:absolute;box-shadow:1px -2px 2px #2e30252b,4px 5px 9px #161a2640}.sleeve img{object-fit:cover;width:100%;height:100%;display:block}.front-sleeve{animation:.38s cubic-bezier(.2,.75,.2,1) sleeve-arrive;transform:translate(-50%)rotate(-4deg)rotateX(-6deg)}@keyframes sleeve-arrive{0%{transform:translateX(calc(-50% + var(--flip-direction) * 38px)) translateY(-15px) rotate(calc(var(--flip-direction) * 10deg)) rotateY(calc(var(--flip-direction) * 18deg));opacity:.6}to{opacity:1;transform:translate(-50%)rotate(-4deg)rotateX(-6deg)}}.front-sleeve:hover{transform:translate(-50%)translateY(-13px)rotate(-2deg)}.front-sleeve.pulled{animation:none;transform:translate(-50%)translateY(55px)rotate(0)scale(1.4);box-shadow:0 18px 45px #20251966;z-index:30!important}@media (width<=850px){.front-sleeve.pulled{transform:translate(-50%)translateY(8px)scale(1.18)}}@media (width<=620px){.front-sleeve.pulled{transform:translate(-50%)translateY(8px)scale(1.14)}}.crate-front{z-index:20;pointer-events:none;background:linear-gradient(135deg,#50583c,#343d2b);border:5px solid #414a30;border-radius:3px 3px 10px 10px;width:340px;height:140px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #596244,0 10px 13px #353a2733}.crate-lip{background:#5c6447;border-top:3px solid #747c5b;border-bottom:4px solid #2a3423;border-radius:3px;height:14px;position:absolute;top:-10px;left:-7px;right:-7px;box-shadow:0 4px 5px #2227}.crate-lattice{opacity:.78;background:repeating-linear-gradient(90deg,#0000 0 21px,#69744d 22px 26px,#262f2070 27px 29px),repeating-linear-gradient(0deg,#222c20 0 17px,#626d47 18px 22px,#263020 23px 25px);border:3px solid #616b48;position:absolute;inset:17px 8px 9px;box-shadow:inset 0 0 8px #1f281a}.crate-label{color:#383b2f;white-space:nowrap;background:#ece7d3;grid-template-columns:1fr auto;gap:5px 12px;padding:11px 17px 8px;display:grid;position:absolute;top:39px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 2px 5px #161d2166}.crate-label>span{letter-spacing:1.5px;font-size:12px;font-weight:800}.crate-label small{letter-spacing:2px;grid-column:1/-1;font-size:8px}.crate-emboss{color:#99a17b;letter-spacing:1px;font-size:8px;position:absolute;bottom:3px;right:12px}.crate-navigation{justify-content:center;align-items:center;gap:28px;margin-top:12px;display:flex}.round-button{border:1px solid #cbd0bd;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.round-button:hover:not(:disabled){background:#dce1cf}.crate-navigation>div{font-variant-numeric:tabular-nums;font-size:10px}.crate-navigation strong{font-weight:600}.crate-navigation span{color:#969c87}.interaction-hint{letter-spacing:1.2px;text-align:center;color:#929882;margin-top:17px;font-size:8px}.interaction-hint span{padding:0 8px}.record-details{background:#f8f7f0;border-left:1px solid #dfe0d2;min-width:0;padding:33px 34px 25px}.record-details>.eyebrow{color:#ab704d;letter-spacing:1.6px;font-size:9px}.orange-line{background:#c99273;width:28px;height:1px}.record-meta{letter-spacing:1.1px;color:#909080;gap:13px;margin:29px 0 8px;font-size:9px;display:flex}.record-meta>span+span{border-left:1px solid #d2d4c6;padding-left:13px}.record-details h2{letter-spacing:-1.2px;font-family:Manrope,sans-serif;font-size:30px;font-weight:500;line-height:1.15}.artist-name{color:#898b7c;margin-top:9px;font-size:12px}.detail-rule{background:#dedfd1;height:1px;margin:23px 0 17px}.track-heading{color:#8e9280;letter-spacing:1.3px;justify-content:space-between;align-items:center;font-size:9px;display:flex}.tracks{margin:11px 0 21px;padding:0;list-style:none}.tracks li{align-items:center;gap:12px;min-height:34px;font-size:12px;display:flex}.track-number,.track-duration{color:#757d67;font-variant-numeric:tabular-nums;font-size:9px}.track-name,.tracks a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tracks a:hover{text-decoration:underline}.track-duration{margin-left:auto}.tracks.expanded{max-height:260px;overflow:auto}.primary-button{color:#fff9eb;--spotify-lines:#d65c36;background:#d65c36;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:13px 17px;font-size:12px;font-weight:500;display:flex}.primary-button:hover{background:#bd4d2b}.listen-button{width:100%}.listen-button svg:last-child{margin-left:auto}.record-footnote{color:#737965;margin-top:12px;font-size:9px;line-height:1.7}.show-tracks{margin:-8px 0 15px;font-size:10px}.connect-banner{border-bottom:1px solid #d9dcca;align-items:center;gap:17px;padding:23px 0;display:flex}.banner-icon{color:#838c72;border:1px solid #daddcd;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.connect-banner h3{font-size:12px;font-weight:600}.connect-banner p{color:#919583;margin-top:5px;font-size:10px}.connect-banner>.text-button{color:#b65332;margin-left:auto;font-size:12px}footer{letter-spacing:1.4px;color:#939987;justify-content:space-between;padding:25px 0 28px;font-size:8px;display:flex}.footer-dot{color:#b66844;padding:0 7px;font-size:5px}.notice{background:#e4eadc;border-radius:4px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;font-size:12px;display:flex}.notice.error{color:#8b3a25;background:#f4e2d6}.notice button{margin-left:auto}.loader{border:2px solid #919c85;border-top-color:#0000;border-radius:50%;width:13px;height:13px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{padding:6px}.empty-state{text-align:center;background:#ebeee1;border-radius:6px;padding:85px 20px}.empty-state h2{margin:20px 0 10px;font-size:24px}.empty-state p{color:#7c8571}.empty-state button{margin:24px auto 0}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;padding:10px 0 30px;display:grid}.grid-record{text-align:left;min-width:0;padding:0}.grid-record img,.grid-record .cover-fallback{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .2s;box-shadow:0 5px 10px #30302122}.grid-record:hover img{transform:translateY(-5px)rotate(-1deg)}.grid-record strong,.grid-record>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.grid-record strong{margin-top:13px;font-size:13px;font-weight:600}.grid-record>span{color:#858a77;margin-top:5px;font-size:12px}.cover-fallback{background:#d6dac7;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:20px;display:flex}.cover-fallback span{font-family:Georgia,serif;font-size:25px}dialog{color:#303629;background:#f6f4ec;border:1px solid #d6d8c9;border-radius:12px;max-width:min(470px,100vw - 32px);max-height:90vh;padding:0;box-shadow:0 30px 100px #1b251b44}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#22291cb3}.dialog-body{padding:34px;position:relative}.dialog-close{position:absolute;top:16px;right:16px}.dialog-body>.eyebrow{margin:25px 0 12px;font-size:8px}.dialog-body h2{letter-spacing:-1.4px;font-family:Manrope,sans-serif;font-size:33px;font-weight:500;line-height:1.15}.dialog-body>p{color:#858977;margin:17px 0 24px;font-size:12px;line-height:1.7}.dialog-body form>label{margin-bottom:9px;font-size:12px;font-weight:600;display:block}.dialog-body input{background:#fffdf5;border:1px solid #cbd0bd;border-radius:4px;width:100%;padding:12px;font-size:12px}.dialog-body details{color:#747d66;margin:16px 0 20px;font-size:12px;line-height:1.8}.dialog-body summary{cursor:pointer;color:#48553c}.dialog-body ol{padding-left:18px}.dialog-body li{padding-bottom:5px}.dialog-body li a{text-decoration:underline}.dialog-body code{word-break:break-all;color:#4d5943;background:#e8ebdf;margin:4px 0;padding:6px;display:block}.dialog-body .primary-button{width:100%}.dialog-body .privacy-note{text-align:center;margin:15px 0 0;font-size:10px}.connection-explainer{color:#69715f;margin:0 0 25px;font-size:12px;line-height:1.8}.connection-explainer p+p{margin-top:16px}.connection-explainer strong{color:#394332}.connection-explainer a{text-underline-offset:3px;color:#a94325;text-decoration:underline}.form-error{color:#a3442a;margin:12px 0;font-size:12px;line-height:1.6}@media (width>=1350px){.crate-stage{height:405px}.sleeve{width:285px;height:285px;top:calc(57px - var(--depth) * 12px)}.crate-front{width:385px;height:155px}.crate-back{width:355px;height:220px}.record-details{padding:40px 45px}.record-details h2{font-size:36px}.tracks li{min-height:39px}}@media (width<=850px){.brand-tagline{display:none}.topbar{height:80px}.intro{padding:35px 0}.collection-stamp{width:105px;height:105px;margin-right:8px}.listening-room{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.record-details{padding:28px 22px}.crate-area{padding:22px 12px}.crate-front{width:285px}.crate-back{width:265px}.sleeve{width:225px;height:225px;top:calc(64px - var(--depth) * 12px)}.crate-heading{font-size:8px}.library-title{gap:8px}.library-title h2{font-size:17px}.demo-tag{display:none}.record-details h2{font-size:27px}.view-controls{gap:10px}.sort-label{gap:0;font-size:0}.record-meta{margin-top:24px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=620px){body{min-width:360px}.topbar{height:76px;margin:0 6%}.brand{gap:8px;font-size:25px}.brand-icon{width:35px;height:35px}.connect-button{gap:6px;padding:9px 10px;font-size:10px}.connected-label{display:none}.intro{padding:31px 0}.intro h1{letter-spacing:-1.6px;font-size:35px}.intro p{max-width:260px;font-size:12px;line-height:1.7}.intro .eyebrow{letter-spacing:1.3px;font-size:9px}.collection-stamp{gap:3px;width:74px;height:74px;margin:5px 0 0 -25px}.collection-stamp svg{width:20px;height:20px}.collection-stamp span{letter-spacing:.5px;font-size:4px}.collection-stamp strong,.library-title h2{font-size:16px}.count{font-size:9px}.shuffle-button{gap:0;font-size:0}.shuffle-button svg{width:19px;height:19px}.toolbar{flex-wrap:wrap;align-items:stretch;gap:9px;padding:12px 0}.search{border-bottom:1px solid #e2e4d7;width:100%;padding-bottom:5px}.view-controls{justify-content:space-between;width:100%}.sort-label{gap:8px;font-size:9px}.listening-room{grid-template-columns:1fr}.crate-area{padding:21px 16px}.crate-stage{height:345px}.sleeve{width:245px;height:245px;top:calc(45px - var(--depth) * 12px)}.crate-front{width:310px}.crate-back{width:285px}.crate-heading{font-size:9px}.record-details{border-top:1px solid #dfe0d2;border-left:0;padding:26px}.record-meta{margin-top:20px}.record-details h2{font-size:31px}.tracks li{min-height:38px;font-size:12px}.connect-banner{flex-wrap:wrap;gap:10px;padding:21px 0}.banner-icon{width:34px;height:34px}.connect-banner h3{font-size:12px}.connect-banner p{max-width:230px;font-size:9px;line-height:1.5}.connect-banner>.text-button{margin:8px 0 0 44px;font-size:10px}footer{letter-spacing:.8px;gap:12px;font-size:5px;line-height:1.8}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.grid-record strong{font-size:12px}.grid-record>span{font-size:10px}.dialog-body{padding:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}