@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{font-family:DM Sans,sans-serif;color:#343c32;background:#f6f4e9;font-synthesis:none;font-weight:400;font-size:14px;--ink:#343c32;--rust:#a2482e;--line:#d9d9c9;--muted:#73766a}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a2482e;outline-offset:5px}.skip{position:fixed;top:-70px;left:20px;padding:15px;background:var(--ink);color:#fff;z-index:10}.skip:focus{top:10px}.topbar{max-width:1370px;margin:auto;padding:31px 48px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-weight:700;font-size:23px;letter-spacing:-1px;display:flex;align-items:center;gap:11px}.brand-icon{display:inline-grid;place-content:center;background:var(--ink);color:#f6f4e9;width:33px;height:33px;font-size:33px;line-height:.7;border-radius:50%;transform:rotate(-15deg)}.brand-dot{font-size:12px;align-self:flex-start;margin-top:2px;margin-left:-6px}.back-link{font-size:11px;text-decoration:none;color:#73766a}.back-link span{margin-left:22px;font-size:18px}main{max-width:1370px;margin:auto;padding:0 48px}.intro{display:flex;align-items:center;justify-content:space-between;padding:55px 30px 48px 0;gap:30px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.6;margin:0 0 12px}.intro .eyebrow{display:flex;gap:9px;align-items:center}.eyebrow>span{width:6px;height:6px;background:var(--rust);border-radius:50%}h1{font-family:Libre Caslon Display,Georgia,serif;font-weight:400;font-size:clamp(64px,7vw,100px);line-height:.94;letter-spacing:-3px;margin:21px 0 23px}h1 em{font-weight:400;color:var(--rust)}.intro-copy{color:#73766a;font-size:13px;line-height:1.9}.turntable{position:relative;width:278px;height:242px;flex:none;margin-right:70px}.record{position:relative;width:230px;height:230px;border-radius:50%;background:repeating-radial-gradient(circle,#353c32 0px 2px,#42473c 3px,#353c32 4px);box-shadow:9px 11px #dedfce;display:grid;place-items:center;transform:rotate(-13deg)}.record:before{content:"";position:absolute;inset:12px;border:1px solid #70746666;border-radius:50%;background:conic-gradient(from 20deg,transparent,#a1a48a25,transparent 30%,#a1a48a30,transparent 80%)}.record-label{border-radius:50%;width:85px;height:85px;background:#ba6545;border:6px solid #353c32;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;color:#f6f4e9;z-index:1}.record-label span{font-size:8px;letter-spacing:1px;line-height:1.2;text-align:center}.record-label b{font-size:8px}.record-label:after{content:"";width:6px;height:6px;background:#353c32;position:absolute;border-radius:50%}.needle{position:absolute;right:1px;top:-9px;width:17px;height:140px;border-right:8px solid #8f9983;border-radius:0 20px 10px 0;transform:rotate(28deg);transform-origin:top center}.needle:before{content:"";position:absolute;top:0;right:-15px;width:25px;height:25px;background:#535e4b;border:5px solid #aab09c;border-radius:50%}.needle:after{content:"";width:17px;height:31px;background:#535e4b;position:absolute;bottom:-10px;right:-11px;border-radius:3px}.turntable-tag{position:absolute;bottom:-19px;left:35px;transform:rotate(-6deg);border:1px solid #c8cab7;padding:7px 11px;background:#eeeedf;font-size:7px;font-weight:700;letter-spacing:1.1px}.turning .record{animation:spin 15s linear infinite}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:24px}.mixer-panel{background:#fffef7;border:1px solid #d8d9c8;border-radius:8px;overflow:hidden;box-shadow:0 3px #e9e8db;scroll-margin-top:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:26px 26px 21px;border-bottom:1px solid var(--line)}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:5px;color:#73766a}h2{margin:0;font-family:Libre Caslon Display,Georgia,serif;font-size:29px;font-weight:400;letter-spacing:-.5px}.live-pill{font-size:7px;letter-spacing:.7px;display:flex;align-items:center;gap:6px;border:1px solid #d8d9c8;padding:8px 9px;border-radius:20px;color:#73766a}.live-pill span{width:5px;height:5px;background:#b6b9a8;border-radius:50%}.is-live span{background:#7c8c52}.channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:26px 10px 22px}.channel{padding:0 15px;min-width:0;position:relative}.channel+.channel{border-left:1px solid #e9e9db}.channel-number{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#747768;gap:5px}.channel-number span{font-size:6px;letter-spacing:.7px}.ingredient-art{position:relative;margin:25px auto 20px;border-radius:50%;width:90px;height:90px;border:0;display:grid;place-items:center;isolation:isolate;transition:transform .2s;background:#e4e9df;color:#657963}.ingredient-art:hover{transform:translateY(-3px)}.ingredient-art>span{font-family:Georgia,serif;font-size:53px;line-height:1}.ingredient-art i{position:absolute;inset:-5px;border:1px solid #d5ddcf;border-radius:50%;pointer-events:none}.ingredient-art b{position:absolute;bottom:-4px;right:-5px;border-radius:20px;padding:4px 6px;background:#fffef7;border:1px solid #d5ddcf;font-size:7px;letter-spacing:.5px}.vinyl .ingredient-art{background:#ebdfcc;color:#9a784b}.vinyl .ingredient-art i{border-color:#e6dac6}.cafe .ingredient-art{background:#e5d7c8;color:#a27352}.cafe .ingredient-art i{border-color:#dfcfba}.synth .ingredient-art{background:#e2dfea;color:#81788d}.synth .ingredient-art i{border-color:#d8d4e1}.is-muted .ingredient-art{filter:grayscale(.7);opacity:.65}.channel h3{font-size:12px;margin:0 0 6px;letter-spacing:-.3px}.channel-subtitle{font-size:8px;color:#737868;margin:0 0 23px;min-height:12px}.level-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.level-label label{font-size:8px;color:#737868}.level-label output{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.level-label small{font-size:8px;font-weight:400;margin-left:1px}.channel input{width:100%}.sound-detail{font-size:7px;color:#747768;margin:13px 0 0;line-height:1.6}input[type=range]{appearance:none;-webkit-appearance:none;display:block;height:5px;background:linear-gradient(to right,#7d8c6b var(--level),#e7e8dc var(--level));border-radius:5px;cursor:pointer;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#fffef7;border:2px solid #7d8c6b;box-shadow:0 1px 2px #0002}input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fffef7;border:2px solid #7d8c6b}.vinyl input{background:linear-gradient(to right,#aa8c5b var(--level),#e7e8dc var(--level))}.cafe input{background:linear-gradient(to right,#a87957 var(--level),#e7e8dc var(--level))}.synth input{background:linear-gradient(to right,#8b7e9e var(--level),#e7e8dc var(--level))}.playback{margin:0 24px;padding:21px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:17px}.play-button{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#faf8ec;border:none;padding:14px 17px;border-radius:4px;font-size:10px;white-space:nowrap;min-width:145px;transition:background .2s}.play-button:hover{background:#4b5845}.play-button svg{width:15px;height:15px;fill:currentColor}.blend-status{display:flex;flex-direction:column;gap:6px}.blend-status strong{font-size:9px;font-weight:600}.blend-status>span{font-size:8px;color:#737868}.equalizer{margin-left:auto;display:flex;gap:3px;align-items:center;height:23px}.equalizer i{width:3px;height:5px;border-radius:2px;background:#a7ae96}.equalizer[data-playing=true] i{animation:bars 1.2s ease-in-out infinite}.equalizer i:nth-child(2){animation-delay:-.3s}.equalizer i:nth-child(3){animation-delay:-.7s}.equalizer i:nth-child(4){animation-delay:-.1s}.equalizer i:nth-child(5){animation-delay:-.5s}.master-row{background:#f4f4e9;border-top:1px solid var(--line);padding:15px 24px;display:flex;align-items:center;gap:13px}.mute-master{border:0;background:none;padding:2px 0;font-size:13px;min-width:24px;text-align:left}.master-row label{font-size:9px;white-space:nowrap}.master-row input{flex:1;max-width:210px;margin-left:auto}.master-row output{font-size:9px;min-width:30px;text-align:right}.recipe-panel{border:1px solid #d6d8c7;border-radius:8px;background:#eeefdf;padding:23px 21px;position:relative}.recipe-heading{display:flex;gap:10px;align-items:center}.recipe-heading>span{font-size:30px;color:#939d79}.recipe-heading .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:5px;color:#72795f}.recipe-heading h2{font-size:24px;letter-spacing:-.7px}.recipe-intro{font-size:10px;line-height:1.8;color:#69715d;margin:16px 0}.recipe-list{border-top:1px solid #d6d8c7}.recipe{border:none;border-bottom:1px solid #d6d8c7;background:transparent;text-align:left;width:100%;display:flex;align-items:center;gap:10px;padding:15px 0;position:relative}.recipe:hover{background:#e6e9d5}.recipe-index{font-size:8px;color:#72795f;align-self:flex-start;padding-top:2px}.recipe strong{font-weight:500;display:block;font-size:11px}.recipe small{display:block;font-size:8px;color:#69715d;margin-top:6px;line-height:1.4}.recipe-arrow{margin-left:auto;font-size:13px;color:#737d5c}.recipe.selected strong,.recipe.selected .recipe-arrow{color:#8c472e}.your-recipe{padding:17px 0 14px;border-bottom:1px dashed #cfd2bd}.save-recipe{border:1px dashed #b4bba2;width:100%;padding:10px 8px;font-size:9px;border-radius:3px;background:none}.save-recipe:hover{background:#e5e8d5}.your-recipe p{font-size:7px;text-align:center;color:#69715d;line-height:1.6;margin:10px 0 0}.load-recipe{border:0;background:none;display:block;text-decoration:underline;font-size:9px;margin:11px auto 0;padding:4px}.timer{padding-top:17px}.timer-title{display:flex;align-items:center;gap:10px}.timer-title>span{font-size:28px;line-height:1}.timer-title label{font-size:10px;font-weight:500}.timer-title p{font-size:8px;color:#69715d;margin:5px 0 0;font-variant-numeric:tabular-nums}.timer select{margin-top:13px;border:1px solid #cfd3bb;background:#f5f5e9;border-radius:3px;width:100%;padding:9px 10px;font-size:9px;color:#626b54}.notice{font-size:9px;line-height:1.8;color:#737565;margin:22px 0;text-align:center;min-height:17px}.error,.quiet-note{font-size:12px;margin:0;padding:14px 24px;border-top:1px solid #ead8ca;line-height:1.7;background:#fff2e7;color:#94442a}.endnote{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:31px 0 33px;margin-top:35px}.small-flower{font-size:45px;color:#a4aa8d}.endnote>p{font-family:Libre Caslon Display,Georgia,serif;font-size:29px;line-height:1;margin:0}.endnote em{color:#788362}.endnote>div{margin-left:auto;font-size:7px;letter-spacing:1px;color:#737565;text-align:right}.endnote>div>span{display:block;letter-spacing:0;font-size:8px;margin-top:10px;color:#737565}footer{max-width:1370px;margin:auto;padding:20px 48px 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#737565;font-size:8px}footer a{text-decoration:none}footer span:last-child{letter-spacing:1px;font-size:7px}@keyframes spin{to{transform:rotate(347deg)}}@keyframes bars{0%,to{height:5px}50%{height:21px}}@media(min-width:1500px){.topbar,main,footer{max-width:1430px}.workspace{grid-template-columns:minmax(0,1fr) 335px}.ingredient-art{width:104px;height:104px}.channel-subtitle{font-size:9px}.channel-number span{font-size:7px}.channel h3{font-size:13px}.recipe-panel{padding:25px}.recipe{padding:17px 0}.recipe strong{font-size:12px}.recipe small{font-size:9px}.channels{padding:30px 12px}.playback{padding:24px 0}.panel-heading{padding:29px}}@media(max-width:1100px){.topbar{padding:24px 28px}main{padding:0 28px}.intro{padding:45px 0}.turntable{margin-right:15px;transform:scale(.85);transform-origin:center right}.workspace{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.recipe-panel{padding:20px 16px}.recipe-heading h2{font-size:21px}.channel{padding:0 10px}.ingredient-art{width:73px;height:73px}.ingredient-art>span{font-size:44px}.channel-number span{font-size:5px}.channel-subtitle{font-size:7px}.channel h3{font-size:11px}.channels{padding-left:5px;padding-right:5px}.panel-heading{padding:22px 19px}.live-pill{font-size:6px;padding:7px}.playback{margin:0 19px;gap:12px}.play-button{min-width:130px;font-size:9px;padding:14px 11px}.blend-status strong{font-size:8px}.blend-status>span{font-size:7px}.equalizer{gap:2px}.master-row{padding:15px 19px;gap:8px}footer{padding-left:28px;padding-right:28px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.recipe-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:24px}.recipe-heading{grid-column:1}.recipe-intro{grid-column:1;margin:12px 0}.recipe-list{grid-column:1;grid-row:3/5}.your-recipe{grid-column:2;grid-row:1/3;border:0;padding:8px 0}.timer{grid-column:2;grid-row:3;padding:12px 0}.ingredient-art{width:100px;height:100px}.ingredient-art>span{font-size:58px}.channel h3{font-size:14px}.channel-subtitle{font-size:10px}.channel-number span{font-size:7px}.channel{padding:0 20px}.channels{padding:25px 4px}.sound-detail{font-size:8px}.play-button{font-size:11px;min-width:160px}.blend-status strong{font-size:11px}.blend-status>span{font-size:9px}.master-row label,.master-row output{font-size:11px}.master-row input{max-width:260px}.recipe-heading h2{font-size:25px}.recipe-intro{font-size:11px}.recipe strong{font-size:12px}.recipe small{font-size:9px}.timer-title label{font-size:12px}.timer-title p,.timer select{font-size:10px}.save-recipe{font-size:11px}.your-recipe p{font-size:9px}.notice,.back-link{font-size:10px}.intro{padding-bottom:40px}.turntable{transform:scale(.75);width:230px;margin-right:10px}.intro-copy{font-size:12px}}@media(max-width:560px){.topbar{padding:22px 20px}.wordmark{font-size:21px}.brand-icon{width:29px;height:29px}.back-link{font-size:0}.back-link span{font-size:20px;margin-left:0}main{padding:0 18px}.intro{padding:37px 0 32px;gap:0;position:relative}.intro .eyebrow{font-size:7px;letter-spacing:1.2px}h1{font-size:71px;letter-spacing:-2px;margin-top:22px;position:relative;z-index:1}.intro-copy{font-size:11px;max-width:220px;line-height:1.8;margin-bottom:0}.desktop-break{display:none}.turntable{position:absolute;right:-5px;top:80px;width:230px;transform:scale(.5);transform-origin:right center;pointer-events:none;margin:0;opacity:.9}.panel-heading{padding:22px 18px 18px;align-items:flex-start;gap:8px}.panel-heading h2{font-size:27px}.live-pill{margin-top:5px;font-size:6px;letter-spacing:0;padding:7px 6px;white-space:nowrap}.channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0;padding:24px 5px}.channel{padding:0 17px}.channel:nth-child(3){border-left:0}.channel:nth-child(n+3){padding-top:22px;border-top:1px solid #e9e9db}.channel-number{font-size:10px}.channel-number span{font-size:7px}.ingredient-art{width:85px;height:85px;margin:21px auto 19px}.ingredient-art>span{font-size:51px}.channel h3{font-size:13px}.channel-subtitle{font-size:9px;margin-bottom:17px}.level-label label{font-size:9px}.sound-detail{font-size:8px}.playback{margin:0 17px;padding:19px 0;gap:12px}.play-button{padding:14px 11px;font-size:10px;min-width:132px}.blend-status strong{font-size:9px;line-height:1.4}.blend-status>span{font-size:8px;line-height:1.4}.equalizer{display:none}.master-row{padding:17px;gap:10px}.master-row label{font-size:9px}.master-row output{font-size:10px}.master-row input{min-width:35px}.recipe-panel{display:block;padding:23px}.recipe-heading h2{font-size:27px}.recipe-intro{font-size:11px;margin:15px 0}.recipe{padding:17px 0}.recipe strong{font-size:12px}.recipe small{font-size:10px}.recipe-index{font-size:9px}.your-recipe{padding:20px 0;border-bottom:1px dashed #cfd2bd}.timer{padding-top:20px}.timer select{padding:12px}.notice{font-size:9px;margin:20px 9px}.endnote{padding:25px 0;margin-top:25px;gap:13px;flex-wrap:wrap}.endnote>p{font-size:26px}.small-flower{font-size:39px}.endnote>div{font-size:6px;margin-left:0;text-align:left;width:100%;padding-left:52px;letter-spacing:.4px}.endnote>div>span{font-size:8px;line-height:1.5;max-width:260px}footer{padding:20px;gap:15px;flex-wrap:wrap;font-size:9px}footer span:nth-child(2){display:none}footer span:last-child{font-size:6px}button:not(.ingredient-art){min-height:36px}.channel input[type=range],.master-row input[type=range]{height:7px}.channel input[type=range]::-webkit-slider-thumb,.master-row input[type=range]::-webkit-slider-thumb{width:18px;height:18px}.channel input[type=range]::-moz-range-thumb,.master-row input[type=range]::-moz-range-thumb{width:15px;height:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}