:root{color:#572e31;font-synthesis:none;--paper:#f6f3ec;--ink:#663339;--muted:#8a7371;--line:#d9cec4;--pink:#e9d3d6;--blue:#d9e5e7;--butter:#e9e6b3;--serif:"Cormorant Garamond", Georgia, serif;background:#f6f3ec;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:350px;margin:0}body:before{content:"";pointer-events:none;z-index:100;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.11' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #8f4148}button,button svg,a svg{transition:background .25s,color .25s,transform .35s,opacity .25s}button:disabled{opacity:.42}button:hover:not(:disabled)>svg:last-child,a:hover>svg:last-child{transform:translate(2px,-2px)}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}svg{flex-shrink:0}em{font-weight:400}.app-shell{max-width:1800px;margin:auto;padding:0 4.8%}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:100px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-2px;align-items:center;padding:0;font-size:40px;font-weight:600;display:flex}.brand-period{color:#94666b}.brand-disc{background:var(--ink);background:repeating-radial-gradient(circle,#693b40 0 2px,#a17e7b 2.4px 2.8px,#693b40 3.2px 4px);border-radius:50%;place-items:center;width:27px;height:27px;margin-right:9px;display:grid;position:relative}.brand-disc span{background:var(--paper);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 3px #cfa5a7}.wordmark:hover .brand-disc{transition:transform .8s;transform:rotate(120deg)}.site-header nav{gap:29px;margin-left:30px;display:flex}.nav-link{white-space:nowrap;align-items:center;gap:5px;padding:39px 0 36px;font-size:12px;display:flex;position:relative}.nav-link:after{content:"";background:var(--ink);width:0;height:1px;transition:width .3s;position:absolute;bottom:22px;left:0}.nav-link:hover:after,.nav-link.selected:after{width:100%}.nav-link:not(.selected){color:#806765}.nav-count{background:var(--pink);border-radius:50%;place-items:center;min-width:17px;height:17px;font-size:9px;display:inline-grid}.account-area{align-items:center;gap:19px;display:flex}.session-label{white-space:nowrap;color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.session-label i{background:#8a9a80;border-radius:50%;width:5px;height:5px}.connect-button{border:1px solid var(--ink);white-space:nowrap;border-radius:30px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;display:flex}.connect-button:hover{color:var(--paper);background:var(--ink)}.hero{justify-content:space-between;align-items:center;padding:49px 0 43px;display:flex}.eyebrow{letter-spacing:1.55px;font-size:9px;font-weight:500;line-height:1.5}.hero .eyebrow{letter-spacing:1.7px;align-items:center;gap:9px;display:flex}.little-star{font-size:17px;line-height:1}.hero h1{font-family:var(--serif);letter-spacing:-3.5px;width:max-content;margin-top:23px;font-size:clamp(76px,7.1vw,111px);font-weight:400;line-height:.88;position:relative}.hero h1 em{margin-top:-1px;line-height:.95;display:block}.hero h1 br{display:none}.headline-star{color:#ad7e81;font-size:85px;font-weight:300;position:absolute;top:45px;right:-88px;transform:rotate(13deg)}.hero-note{padding-top:38px;padding-right:45px}.note-line{background:#a38280;width:37px;height:1px;margin-bottom:17px;display:block}.hero-note p{color:#79605d;font-size:12px;line-height:1.95}.handwritten{font-family:var(--serif);color:#8f6267;align-items:center;gap:12px;margin-top:20px;font-size:20px;font-style:italic;display:flex;transform:rotate(-5deg)}.handwritten>span{font-size:32px;display:inline-block;transform:rotate(20deg)}.section-divider{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);letter-spacing:1.2px;justify-content:space-between;align-items:center;padding:13px 0;font-size:8px;font-weight:500;display:flex}.section-divider i{color:#b29590;padding:0 8px;font-style:normal}.section-divider>span:last-child{letter-spacing:1.35px;color:#8e7873;font-size:7px}.discovery-layout{grid-template-columns:minmax(180px,1fr) minmax(360px,1.65fr) minmax(265px,1.18fr);gap:48px;padding:37px 0 31px;display:grid}.liner-notes{padding-top:13px}.liner-notes>.eyebrow{letter-spacing:1.3px;color:#8c7670;font-size:8px}.liner-notes h2{font-family:var(--serif);letter-spacing:-.6px;white-space:nowrap;margin-top:13px;font-size:28px;font-weight:400;line-height:1.06}.liner-notes h2 em{font-size:26px}.instruction{gap:12px;margin-top:30px;display:flex}.instruction+.instruction{margin-top:25px}.instruction-icon{border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.blue{background:var(--blue)}.pink{background:var(--pink)}.yellow{background:var(--butter)}.instruction h3{margin:0 0 5px;font-size:11px;font-weight:500}.instruction p{color:#8a7670;font-size:10px;line-height:1.8}.little-note{align-items:center;gap:12px;margin-top:36px;margin-left:16px;display:flex;transform:rotate(-6deg)}.little-note>span{color:#9d6a70;font-size:47px}.little-note p{font-family:var(--serif);font-size:23px;line-height:.95}.little-note p em{font-size:22px}.turntable{min-width:0;position:relative}.turntable-toolbar{letter-spacing:1px;z-index:1;justify-content:space-between;align-items:center;margin-bottom:23px;padding:0 4px;font-size:8px;display:flex;position:relative}.turntable-toolbar>span{white-space:nowrap;align-items:center;gap:6px;display:flex}.turntable-toolbar i{background:#9f6167;border-radius:50%;width:4px;height:4px}.range-select{border-bottom:1px solid #d5c5bb;align-items:center;padding-bottom:3px;display:flex;position:relative}.range-select select{appearance:none;color:#896a66;cursor:pointer;letter-spacing:0;background:0 0;border:0;width:102px;padding:0 17px 0 2px;font-size:9px}.range-select>svg{pointer-events:none;position:absolute;right:0}.record-stage{justify-content:center;align-items:flex-start;height:370px;display:flex;position:relative}.stage-orbit{z-index:-1;border:1px solid #e3dad0;border-radius:50%;width:365px;height:365px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.stage-orbit:after{content:"";border:1px solid #ece4da;border-radius:50%;position:absolute;inset:-11px}.record-card{touch-action:pan-y;cursor:grab;z-index:2;-webkit-user-select:none;user-select:none;width:290px;position:relative}.record-card:active{cursor:grabbing}.record-art{width:282px;height:282px;margin:0 0 0 -19px;position:relative}.album-sleeve{z-index:2;background:#f9f8f4;padding:7px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotate(-4deg);box-shadow:1px 5px 13px #48302b25,0 0 1px #66463240}.album-sleeve:after{content:"";pointer-events:none;border:1px solid #fff9;position:absolute;inset:0}.album-sleeve img{aspect-ratio:1;object-fit:cover;pointer-events:none;width:100%}.record-card:hover .album-sleeve{transform:rotate(-1deg)translate(-4px)}.vinyl{background:repeating-radial-gradient(circle,#0000 0 1px,#ffffff09 1.1px 1.5px,#0000 1.9px 3px),conic-gradient(from 20deg,#161619,#323235 15%,#151516 27%,#313133 35%,#131315 44%,#414144 57%,#151517 65%,#2e2e31 80%,#141417 93%,#161619);border:1px solid #161619;border-radius:50%;place-items:center;width:270px;height:270px;transition:left .6s cubic-bezier(.2,.8,.2,1),transform .9s;display:grid;position:absolute;top:5px;left:72px;box-shadow:2px 4px 9px #25191f25}.vinyl:before{content:"";border:1px solid #ffffff15;border-radius:50%;position:absolute;inset:25px;box-shadow:0 0 0 4px #1b1b1b}.vinyl-label{background:var(--pink);width:86px;height:86px;color:var(--ink);border:2px solid #d0afb1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.vinyl-label:after{content:"";background:#eee6d8;border:1px solid #2f2926;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-label span{letter-spacing:.8px;font-size:5px}.vinyl-label b{font-family:var(--serif);margin:5px 0;font-size:27px;font-weight:600;line-height:1.3}.vinyl-label span:last-child{font-size:4px}.record-card:hover .vinyl{left:99px;transform:rotate(44deg)}.record-card.is-playing .vinyl{animation:12s linear infinite record-spin}.record-edition{letter-spacing:1.1px;color:#9a7c72;transform-origin:50%;font-size:7px;position:absolute;bottom:-17px;right:-51px;transform:rotate(90deg)}.record-caption{justify-content:space-between;align-items:center;gap:12px;margin-top:26px;display:flex}.record-caption h3{font-family:var(--serif);letter-spacing:-.4px;max-width:244px;font-size:24px;font-weight:500;line-height:1}.artist-link{color:#8c716b;align-items:center;gap:3px;width:max-content;margin-top:7px;font-size:10px;display:flex}.artist-link:hover{color:var(--ink)}.preview-button{width:34px;height:34px;color:var(--ink);border:1px solid #c7b4ac;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.preview-button:hover,.preview-button.active{background:var(--ink);color:var(--paper)}.preview-button svg{width:14px;height:14px}.record-footnote{color:#998077;justify-content:space-between;gap:8px;margin-top:11px;font-size:7px;display:flex}.record-footnote>span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:55%;overflow:hidden}.record-footnote>span:last-child{letter-spacing:.7px;white-space:nowrap;font-size:6px}.swipe-stamp{font-family:var(--serif);z-index:3;pointer-events:none;background:#f8f3e6ed;border:2px solid;border-radius:3px;padding:7px 10px;font-size:30px;font-weight:600;position:absolute;top:50px;transform:rotate(-12deg)}.stamp-like{color:#4d6855;left:15px}.stamp-skip{color:#923c40;right:15px;transform:rotate(12deg)}.swipe-controls{z-index:3;justify-content:center;gap:35px;margin-top:25px;display:flex;position:relative}.swipe-controls>div{flex-direction:column;align-items:center;gap:9px;display:flex}.choice-button{background:var(--blue);border:1px solid #a8b9bd;border-radius:50%;place-items:center;width:53px;height:53px;display:grid}.like-button{background:var(--pink);border:1px solid #b7868d}.choice-button:not(:disabled):hover{transform:translateY(-4px)rotate(-5deg);box-shadow:0 5px 10px #55333512}.like-button:not(:disabled):hover{background:#dab2b8}.skip-button:not(:disabled):hover{background:#c2d7dd}.swipe-controls span{letter-spacing:1px;font-size:6px}.undo-control{padding-top:9px}.undo-button{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.undo-button:hover:not(:disabled){background:#eae3d8;transform:rotate(-35deg)}.undo-control>span{margin-top:8px}.keyboard-hint{color:#a18b80;letter-spacing:.1px;justify-content:center;margin-top:20px;font-size:8px;display:flex}.desktop-hint{align-items:center;gap:5px;display:flex}.desktop-hint kbd:first-of-type{margin-left:4px}.keyboard-hint kbd{border:1px solid #dfd4c7;border-radius:2px;place-items:center;min-width:16px;height:15px;font-family:inherit;font-size:9px;line-height:1;display:inline-grid}.mobile-hint{display:none}.picks-panel{background:#ead6d8;border:1px solid #d7bcc0;align-self:start;margin-top:0;padding:24px 22px 0;position:relative}.picks-panel:before,.picks-panel:after{content:"✧";color:#b28b90;font-size:9px;position:absolute;top:6px;left:7px}.picks-panel:after{left:auto;right:7px}.picks-label{justify-content:space-between;align-items:center;display:flex}.picks-label .eyebrow{letter-spacing:1.5px;font-size:7px}.tiny-star{font-size:18px;line-height:1}.picks-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.picks-heading h2{font-family:var(--serif);letter-spacing:-.6px;white-space:nowrap;font-size:27px;font-weight:400}.picks-heading h2>span{color:#a27076}.picks-heading>span{font-size:12px;font-family:var(--serif);white-space:nowrap}.picks-heading>span i{color:#a27d80;font-size:10px;font-style:normal}.picks-description{color:#9a767a;margin-top:5px;font-size:8px}.picks-list{border-top:1px solid #cda9ae;margin:18px 0 20px;padding:0;list-style:none}.pick{border-bottom:1px solid #cda9ae6e;align-items:center;gap:10px;height:54px;display:flex}.pick-number{color:#9c747b;min-width:14px;font-size:9px}.empty-pick-art{border:1px solid #cda9ae8c;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.empty-pick-art span{color:#bc979e;font-size:15px}.empty-pick-text{color:#a88389;font-size:8px;font-style:italic}.pick>img{object-fit:cover;width:31px;height:31px}.pick>div:not(.empty-pick-art){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pick b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;overflow:hidden}.pick div>span{color:#967079;font-size:7px}.pick .pick-heart{color:#9d646d;margin-left:auto}.primary-button{background:var(--ink);color:#f8f0e7;border:1px solid var(--ink);justify-content:center;align-items:center;gap:15px;min-height:43px;padding:13px 20px;font-size:10px;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex}.primary-button:not(:disabled):hover{background:#7c424a;transform:translateY(-2px);box-shadow:0 4px 10px #63313915}.primary-button:disabled{opacity:1;color:#fbf2efb8;background:#bb939a;border-color:#bb939a}.generate-button{justify-content:space-between;width:100%;padding:12px 14px;font-size:10px}.generate-button svg{width:15px;height:15px}.unlock-note{text-align:center;font-family:var(--serif);color:#976d77;margin:10px 0 19px;font-size:14px;font-style:italic}.picks-bottom{color:#a17a80;border-top:1px solid #cda9ae;justify-content:center;align-items:center;gap:10px;padding:15px 0;display:flex}.picks-bottom span{letter-spacing:1.15px;font-size:6px;line-height:1.8}.picks-bottom svg{width:15px;height:15px}.empty-record{text-align:center;z-index:1;background:#eee9db;border:1px solid #dbd1c2;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:365px;padding:25px 18px;display:flex;position:relative}.empty-record h3{font-family:var(--serif);font-size:34px;font-weight:400;line-height:.95}.empty-record p{max-width:230px;color:var(--muted);font-size:10px;line-height:1.8}.empty-record .eyebrow{font-size:7px}.complete-record{background:#e8e5b8;border-color:#cecba3}.complete-record h3{font-size:43px}.complete-star{font-size:48px;line-height:1}.text-button{align-items:center;gap:7px;padding:0;font-size:10px;display:inline-flex}.text-button:hover{color:#a15b65}.empty-record .text-button{border-bottom:1px solid #a5907a;margin-top:8px;padding-bottom:5px;font-size:9px}.bottom-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;margin-top:9px;padding:22px 0 24px;display:flex}.bottom-strip>span:first-child,.bottom-strip>span:last-child{letter-spacing:1.4px;color:#987d73;font-size:7px}.bottom-strip>span:nth-child(2){font-family:var(--serif);align-items:center;gap:20px;font-size:30px;font-style:italic;font-weight:400;display:flex}.strip-star{color:#a2747d;font-size:35px}.site-footer{justify-content:space-between;align-items:center;gap:20px;min-height:96px;padding:24px 0;display:flex}.site-footer>span:first-child{font-family:var(--serif);letter-spacing:-.6px;align-items:center;font-size:20px;display:flex}.site-footer>span:first-child>span{letter-spacing:0;align-self:flex-start;margin-top:2px;font-family:DM Sans,sans-serif;font-size:8px}.site-footer i{font-family:var(--serif);letter-spacing:0;color:#a2897b;margin-left:15px;font-size:13px;font-weight:400}.site-footer .text-button{letter-spacing:1.1px;font-size:6px}.site-footer>span:last-child{letter-spacing:1px;color:#a18a7d;font-size:6px}.playlist-page{padding:35px 0 50px}.back-link{color:#8e6b67;font-size:9px}.playlist-intro{grid-template-columns:.9fr 1.3fr;align-items:center;gap:70px;margin:55px 0 45px;display:grid}.mix-art{max-width:400px;padding:10px 0 10px 25px;position:relative}.mix-art>.vinyl{width:290px;height:290px;top:20px;left:125px}.mix-cover{background:var(--butter);z-index:2;border:1px solid #d7d4a5;flex-direction:column;justify-content:space-between;width:300px;height:310px;padding:24px;transition:transform .5s;display:flex;position:relative;transform:rotate(-4deg);box-shadow:3px 5px 10px #48302b22}.mix-cover>span{letter-spacing:1.8px;font-size:7px}.mix-cover>div{font-family:var(--serif);letter-spacing:-2px;font-size:59px;line-height:.82}.mix-cover>b{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:6px;font-weight:400;display:flex}.mix-cover>b>span{font-size:36px;line-height:1}.mix-art:hover .mix-cover{transform:rotate(-1deg)translate(-7px)}.mix-art:hover>.vinyl{left:143px;transform:rotate(30deg)}.playlist-heading h1,.library-page h1{font-family:var(--serif);letter-spacing:-2px;margin:15px 0 25px;font-size:70px;font-weight:400;line-height:.9}.playlist-name-label{letter-spacing:1.5px;color:#a1897b;margin-bottom:7px;font-size:7px;display:block}.playlist-name-input{color:var(--ink);border:0;border-bottom:1px solid var(--line);font-family:var(--serif);outline-offset:4px;background:0 0;width:100%;max-width:370px;padding:0 0 5px;font-size:26px}.playlist-heading p{color:#94796e;margin:12px 0 22px;font-size:10px}.playlist-heading p>span{padding:0 6px}.playlist-actions{flex-wrap:wrap;gap:10px;display:flex}.outline-button{border:1px solid #9c7b70;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-size:9px;display:inline-flex}.outline-button:hover{background:#e9e1d5}.mix-explanation{background:#eee9dc;border-top:1px solid #d5c9ad;border-bottom:1px solid #d5c9ad;align-items:center;gap:15px;margin-bottom:30px;padding:18px 22px;display:flex}.mix-explanation p{color:#8c7267;max-width:800px;font-size:10px;line-height:1.8}.tracklist-header,.tracklist>li{grid-template-columns:35px minmax(250px,1.4fr) minmax(100px,1fr) 45px 25px;align-items:center;gap:15px;display:grid}.tracklist-header{letter-spacing:1.1px;color:#a28b7d;border-bottom:1px solid var(--ink);padding:0 12px 13px;font-size:7px}.tracklist{margin:0;padding:0;list-style:none}.tracklist>li{border-bottom:1px solid var(--line);padding:12px;transition:background .25s}.tracklist>li:hover{background:#eae3d8}.track-number,.track-time{color:#9e8475;font-size:10px}.track-info{align-items:center;gap:13px;min-width:0;display:flex}.track-info img{object-fit:cover;width:39px;height:39px}.track-info>div{flex-direction:column;gap:5px;min-width:0;display:flex}.track-info b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.track-info span{color:#967a6f;font-size:9px}.track-album{color:#987c70;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.track-play{place-items:center;width:25px;height:28px;padding:0;display:grid}.demo-footnote{font-family:var(--serif);color:#9e8274;text-align:center;margin-top:28px;font-size:15px;font-style:italic;line-height:1.6}.library-page{min-height:calc(100vh - 196px);padding:60px 0 45px}.library-page h1{margin-bottom:20px;font-size:78px}.library-description{color:#91776b;font-size:12px}.library-grid{grid-template-columns:repeat(3,1fr);gap:34px;margin-top:45px;display:grid}.library-mix{text-align:left;min-width:0;padding:0}.library-cover{aspect-ratio:1;background:var(--pink);border:1px solid #cfaeb5;flex-direction:column;justify-content:space-between;align-items:center;padding:25px;transition:transform .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.library-cover>span{letter-spacing:1px;justify-content:space-between;width:100%;font-size:7px;display:flex}.library-cover em{font-family:var(--serif);letter-spacing:-1.5px;font-size:41px}.cover-1{background:var(--blue);border-color:#b7c9cb}.cover-2{background:var(--butter);border-color:#d1cda4}.library-mix:hover .library-cover{transform:rotate(-2deg)translateY(-4px);box-shadow:4px 8px 15px #5d343b14}.library-mix:hover .library-cover>svg{transition:transform 1.5s;transform:rotate(100deg)}.library-mix-caption{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.library-mix h2{font-family:var(--serif);letter-spacing:-.4px;font-size:25px;font-weight:400}.library-mix>p{color:#a0867b;margin-top:5px;font-size:9px}.library-empty{border:1px solid var(--line);text-align:center;background:#eee9dc;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:280px;margin:42px 0;padding:35px;display:flex}.library-empty h2{font-family:var(--serif);font-size:35px;font-weight:400}.library-empty p{color:#9a7f70;font-size:11px;line-height:1.8}.toast{z-index:120;background:#f9f5eb;border:1px solid #b0a28d;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 40px);padding:15px 18px;display:flex;position:fixed;bottom:25px;left:50%;box-shadow:0 5px 25px #3b241a16;transform:translate(-50%)!important}.toast p{max-width:550px;font-size:11px;line-height:1.6}.toast>button{place-items:center;margin-left:8px;padding:2px;display:grid}.toast-error{background:#f4e7e5;border-color:#ae7980}.mini-player{z-index:110;background:#f6f3ec;border:1px solid #c9b7aa;align-items:center;gap:12px;max-width:350px;padding:10px 12px;display:flex;position:fixed;bottom:23px;right:24px;box-shadow:0 3px 10px #43312812}.mini-player img{width:35px;height:35px}.mini-player>div{flex-direction:column;gap:4px;max-width:190px;display:flex}.mini-player b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.mini-player span{color:var(--muted);font-size:8px}.mini-player>svg{color:#a77f72;margin-left:10px}.mini-player button{place-items:center;padding:4px;display:grid}.help-dialog{background:var(--paper);color:var(--ink);border:1px solid #b2a08c;width:calc(100% - 40px);max-width:530px;max-height:calc(100dvh - 50px);padding:45px;box-shadow:0 20px 100px #30211a30}.help-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#332b294f}.dialog-close{place-items:center;padding:4px;display:grid;position:absolute;top:17px;right:17px}.help-dialog h2{font-family:var(--serif);letter-spacing:-1.3px;margin:22px 0;font-size:46px;font-weight:400;line-height:.96}.help-dialog>p{color:#907367;font-size:11px;line-height:1.9}.help-dialog>.help-detail{color:#a48a7a;margin-top:15px;font-size:9px}.help-dialog code{font-size:9px}.help-steps{background:var(--pink);flex-direction:column;align-items:center;gap:10px;margin:22px 0;padding:22px;display:flex}.help-steps>span{align-items:center;gap:12px;font-size:11px;display:flex}.help-steps>svg{color:#ac8088;width:12px;height:12px}.help-dialog>.primary-button{width:100%;margin-top:25px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes record-spin{to{transform:rotate(360deg)}}@media (width>=1450px){.app-shell{padding:0 6%}.hero{padding:60px 0 48px}.discovery-layout{gap:65px;padding:45px 0 40px}.record-art{width:310px;height:310px;margin-left:-15px}.record-card{width:310px}.record-art>.vinyl{width:300px;height:300px;left:75px}.record-card:hover .vinyl{left:115px}.record-stage{height:400px}.stage-orbit{width:400px;height:400px}.picks-panel{padding:27px 27px 0}.pick{height:59px}.picks-heading h2{font-size:31px}.picks-list{margin-bottom:23px}.empty-record{height:400px}.liner-notes h2{font-size:33px}.liner-notes h2 em{font-size:30px}.instruction{margin-top:34px}.instruction+.instruction{margin-top:30px}.instruction p{font-size:11px}.instruction h3{font-size:12px}.instruction-icon{width:36px;height:36px}.little-note{margin-top:45px}}@media (width<=1150px){.app-shell{padding:0 4%}.site-header nav{gap:20px;margin-left:0}.account-area{gap:11px}.session-label{display:none}.discovery-layout{grid-template-columns:minmax(160px,.9fr) minmax(320px,1.65fr) minmax(235px,1.18fr);gap:27px}.picks-panel{padding:23px 16px 0}.picks-heading h2{font-size:24px}.hero-note{padding-right:15px}.hero h1{font-size:89px}.headline-star{font-size:75px;right:-75px}.liner-notes h2{font-size:25px}.liner-notes h2 em{font-size:23px}.instruction{gap:9px}.instruction h3{font-size:10px}.instruction p{font-size:9px}.record-card{width:265px}.record-art{width:253px;height:253px;margin-left:-8px}.record-art>.vinyl{width:245px;height:245px;left:68px}.record-card:hover .vinyl{left:85px}.record-stage{height:350px}.stage-orbit{width:320px;height:320px}.record-caption{margin-top:25px}.record-caption h3{font-size:23px}.record-edition{right:-39px}.swipe-controls{gap:30px;margin-top:21px}.pick{gap:7px}.picks-list{margin-top:17px}.picks-description{font-size:7px}.picks-bottom{padding:14px 0}.bottom-strip{margin-top:0}.site-footer>span:last-child{font-size:5px}.playlist-intro{gap:45px}.mix-art{padding-left:0}.mix-art>.vinyl{left:70px}.mix-art:hover>.vinyl{left:87px}.playlist-heading h1{font-size:64px}.playlist-heading .eyebrow{font-size:8px}}@media (width<=900px){.site-header{gap:15px;height:86px}.wordmark{font-size:35px}.brand-disc{width:24px;height:24px;margin-right:6px}.site-header nav{gap:18px}.nav-link{padding:33px 0;font-size:10px}.nav-link:after{bottom:20px}.connect-button{gap:6px;padding:9px 12px;font-size:10px}.hero{padding:43px 0 38px}.hero h1{font-size:83px}.hero-note{padding-right:0}.hero-note p{font-size:10px}.hero-note .handwritten{font-size:18px}.hero .eyebrow{letter-spacing:1.4px;font-size:7px}.headline-star{font-size:64px;top:44px;right:-65px}.discovery-layout{grid-template-columns:minmax(330px,1.4fr) minmax(250px,1fr);gap:42px;padding:35px 0}.liner-notes{display:none}.record-stage{height:368px}.record-card{width:280px}.record-art{width:270px;height:270px;margin-left:-17px}.record-art>.vinyl{width:260px;height:260px;left:72px}.record-card:hover .vinyl{left:95px}.stage-orbit{width:350px;height:350px}.picks-heading h2{font-size:27px}.picks-panel{padding:24px 21px 0}.picks-description{font-size:8px}.pick{gap:10px}.picks-list{margin-top:18px}.swipe-controls{margin-top:26px}.record-edition{right:-51px}.section-divider>span:last-child{font-size:6px}.bottom-strip>span:first-child,.bottom-strip>span:last-child{letter-spacing:1px;font-size:6px}.bottom-strip>span:nth-child(2){gap:13px;font-size:25px}.site-footer i{margin-left:9px;font-size:11px}.site-footer>span:last-child{display:none}.site-footer{min-height:80px}.playlist-intro{grid-template-columns:1fr 1fr;gap:45px}.mix-cover{width:240px;height:250px;padding:20px}.mix-cover>div{font-size:50px}.mix-art>.vinyl{width:235px;height:235px;top:16px;left:60px}.mix-art:hover>.vinyl{left:72px}.playlist-heading h1{font-size:55px}.playlist-heading p{font-size:9px;line-height:1.8}.playlist-actions{gap:7px}.playlist-actions .primary-button,.playlist-actions .outline-button{min-height:38px;padding:11px 13px;font-size:8px}.playlist-intro{margin-top:45px}.library-cover{padding:20px}.library-cover em{font-size:30px}.library-grid{gap:23px}.library-cover>svg{width:55px;height:55px}.library-mix h2{font-size:22px}.library-cover>span{font-size:6px}}@media (width<=680px){.app-shell{padding:0 6%}.site-header{flex-wrap:wrap;row-gap:0;height:78px;margin-bottom:36px;position:relative}.wordmark{font-size:34px}.connect-button{padding:9px 12px;font-size:9px}.connect-button svg{width:15px;height:15px}.site-header nav{border-bottom:1px solid var(--line);justify-content:space-between;height:35px;position:absolute;bottom:-36px;left:0;right:0}.nav-link{padding:8px 0;font-size:9px}.nav-link:after{bottom:0}.hero{padding:36px 0 30px;display:block}.hero h1{letter-spacing:-2.5px;margin-top:17px;font-size:clamp(68px,14vw,92px)}.hero .eyebrow{letter-spacing:1.2px;font-size:6.5px}.little-star{font-size:13px}.hero-note{align-items:center;gap:17px;margin-top:20px;padding:0;display:flex}.note-line{display:none}.hero-note p{font-size:10px;line-height:1.8}.hero-note p br{display:none}.hero-note p{max-width:225px}.handwritten{flex-shrink:0;gap:5px;max-width:105px;margin-top:0;line-height:1.05;font-size:16px!important}.handwritten>span{font-size:24px}.headline-star{font-size:54px;top:32px;right:-48px}.section-divider{letter-spacing:.8px;padding:11px 0;font-size:6px}.section-divider i{padding:0 4px}.section-divider>span:last-child{letter-spacing:.7px;text-align:right;max-width:100px;font-size:5px;line-height:1.7}.discovery-layout{flex-direction:column;gap:30px;padding:25px 0 28px;display:flex}.turntable{width:100%;max-width:410px;margin:auto}.turntable-toolbar{margin-bottom:27px;font-size:7px}.range-select select{font-size:9px}.record-stage{height:375px}.record-card{width:278px}.record-art{width:270px;height:270px;margin-left:-16px}.record-art>.vinyl{width:260px;height:260px;left:72px}.record-caption h3{font-size:25px}.record-caption{margin-top:26px}.stage-orbit{width:330px;height:330px;top:0}.stage-orbit:after{inset:-8px}.record-footnote{font-size:7px}.record-footnote>span:last-child{font-size:6px}.record-edition{right:-49px}.swipe-controls{gap:42px;margin-top:22px}.choice-button{width:54px;height:54px}.swipe-controls span{font-size:6px}.keyboard-hint{margin-top:19px;font-size:8px}.desktop-hint{display:none}.mobile-hint{display:block}.picks-panel{align-self:center;width:100%;max-width:410px;padding:23px 23px 0}.picks-label .eyebrow{font-size:8px}.picks-heading h2{font-size:34px}.picks-heading>span{font-size:16px}.picks-heading>span i{font-size:12px}.picks-description{margin-top:5px;font-size:10px}.picks-list{margin-top:20px;margin-bottom:20px}.pick{gap:12px;height:57px}.empty-pick-art,.pick>img{width:33px;height:33px}.pick b{font-size:10px}.pick div>span{font-size:8px}.empty-pick-text{font-size:10px}.pick-number{min-width:18px;font-size:10px}.picks-bottom{padding:17px 0}.picks-bottom span{font-size:7px}.generate-button{padding:13px 15px;font-size:11px}.unlock-note{margin:12px 0 20px;font-size:16px}.bottom-strip{padding:17px 0}.bottom-strip>span:nth-child(2){gap:16px;margin:auto;font-size:26px}.bottom-strip>span:first-child,.bottom-strip>span:last-child{display:none}.site-footer{gap:12px;min-height:83px}.site-footer>span:first-child{font-size:20px}.site-footer i{max-width:105px;font-size:11px;line-height:1.1}.site-footer .text-button{text-align:left;max-width:102px;font-size:5px;line-height:1.8}.site-footer .text-button svg{width:10px}.empty-record{max-width:340px;height:375px}.toast{gap:9px;max-width:calc(100% - 28px);padding:13px;bottom:15px}.toast p{max-width:260px;font-size:10px}.toast>button{margin-left:0}.mini-player{max-width:320px;bottom:14px;right:14px}.help-dialog{padding:35px 27px}.help-dialog h2{font-size:43px}.help-dialog>.eyebrow{font-size:7px}.help-dialog>p{font-size:10px}.help-dialog>.help-detail{font-size:9px}.playlist-page{padding:28px 0 35px}.playlist-intro{flex-direction:column;align-items:flex-start;gap:35px;margin-top:35px;display:flex}.mix-art{align-self:center;padding:10px 40px 10px 0}.mix-cover{width:250px;height:260px}.mix-art>.vinyl{width:245px;height:245px;top:16px;left:75px}.mix-art:hover>.vinyl{left:80px}.mix-cover>div{font-size:53px}.playlist-heading{width:100%}.playlist-heading h1{margin-top:15px;font-size:68px}.playlist-heading>.eyebrow{font-size:8px}.playlist-name-input{max-width:100%;font-size:28px}.playlist-actions .primary-button,.playlist-actions .outline-button{min-height:42px;padding:12px 16px;font-size:10px}.playlist-heading p{font-size:10px}.mix-explanation{gap:11px;margin-top:0;padding:17px 15px}.mix-explanation p{font-size:9px}.tracklist-header,.tracklist>li{grid-template-columns:20px minmax(150px,1fr) 30px 20px;gap:8px;padding-left:0;padding-right:0}.tracklist-header>span:nth-child(3),.track-album{display:none}.tracklist-header{padding-bottom:10px;font-size:6px}.track-number,.track-time{font-size:8px}.track-info{gap:9px}.track-info img{width:33px;height:33px}.track-info b{font-size:10px}.track-info span{font-size:8px}.track-info>div{gap:4px}.tracklist>li{padding-top:13px;padding-bottom:13px}.demo-footnote{font-size:14px}.library-page{padding-top:40px}.library-page h1{letter-spacing:-1.5px;font-size:57px}.library-page>.eyebrow{font-size:8px}.library-description{font-size:10px}.library-grid{grid-template-columns:repeat(2,1fr);gap:25px 17px;margin-top:30px}.library-cover{padding:15px}.library-cover>span{letter-spacing:.5px;font-size:5px}.library-cover>span>svg{width:10px;height:10px}.library-cover>svg{width:43px;height:43px}.library-cover em{letter-spacing:-1px;font-size:24px}.library-mix h2{font-size:20px;line-height:1}.library-mix-caption{margin-top:12px}.library-mix-caption>svg{width:14px}.library-mix>p{font-size:8px;line-height:1.5}.library-empty{padding:30px 20px}.library-empty h2{font-size:31px}.library-empty p{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.record-card:hover .vinyl,.record-card:hover .album-sleeve,.mix-art:hover .mix-cover,.mix-art:hover .vinyl,.library-mix:hover .library-cover{transform:none!important}}@media (width<=420px){.headline-star{font-size:40px;top:-7px;right:3px}.wordmark{font-size:30px}.brand-disc{width:22px;height:22px}.record-card{width:265px}.record-art{width:245px;height:245px;margin-left:-12px}.record-art>.vinyl{width:237px;height:237px;left:60px}.record-card:hover .vinyl{left:70px}.stage-orbit{width:300px;height:300px}.record-edition{right:-35px}.picks-heading h2{font-size:30px}.mix-art>.vinyl{left:65px}.mix-art:hover>.vinyl{left:70px}}