:root{--bg: #08090d;--bg-2: #0e1016;--ink: #f5f5f7;--ink-2: #a1a3ab;--ink-3: #6c6f78;--pink: #fd4c6b;--pink-2: #ff8aa0;--line: rgba(255, 255, 255, .08);--display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", sans-serif;--text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}code{font-family:var(--mono);font-size:.92em;background:#ffffff12;padding:1px 5px;border-radius:5px}.accent{background:linear-gradient(92deg,#ff5d7a,#ff9a6b 45%,#ffc8d4);-webkit-background-clip:text;background-clip:text;color:transparent}.accent{padding-bottom:.16em;margin-bottom:-.16em}.topnav{position:fixed;z-index:50;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,3vw);background:linear-gradient(180deg,#08090dc7,#08090d00);transition:background .4s}.topnav.solid{background:#0a0b10b8;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 1px 0 var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;font-size:15px}.brand-mark{width:24px;height:24px;flex:none;background:linear-gradient(135deg,#ff6681,#f43b5d);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3Cpath%20d='M44.06,0v44.08H0v105.92h105.93v-44.07h44.07V0H44.06ZM19.09,130.91c-16.47-16.47-5.29-54.45,24.96-85.18v60.2h60.23c-30.73,30.27-68.71,41.47-85.2,24.98ZM105.93,104.29v-60.21h-60.21C76.46,13.8,114.42,2.6,130.91,19.09c16.51,16.49,5.31,54.47-24.98,85.2Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3Cpath%20d='M44.06,0v44.08H0v105.92h105.93v-44.07h44.07V0H44.06ZM19.09,130.91c-16.47-16.47-5.29-54.45,24.96-85.18v60.2h60.23c-30.73,30.27-68.71,41.47-85.2,24.98ZM105.93,104.29v-60.21h-60.21C76.46,13.8,114.42,2.6,130.91,19.09c16.51,16.49,5.31,54.47-24.98,85.2Z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 4px 12px rgba(253,76,107,.35))}.topnav nav{display:flex;gap:28px;font-size:14px;color:var(--ink-2)}.topnav nav a:hover{color:var(--ink)}.nav-cta{display:flex;align-items:center;gap:14px}.gh,.ghi{width:22px;height:22px;display:inline-block;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .5a11.5 11.5 0 0 0-3.6 22.4c.6.1.8-.3.8-.6v-2c-3.2.7-3.9-1.5-3.9-1.5-.5-1.3-1.3-1.7-1.3-1.7-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.7 0-1.3.5-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.1 0 0 1-.3 3.3 1.2a11.4 11.4 0 0 1 6 0C17.6 4.8 18.6 5 18.6 5c.6 1.6.2 2.8.1 3.1.8.8 1.2 1.9 1.2 3.1 0 4.4-2.7 5.4-5.3 5.7.4.4.8 1.1.8 2.2v3.2c0 .3.2.7.8.6A11.5 11.5 0 0 0 12 .5Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .5a11.5 11.5 0 0 0-3.6 22.4c.6.1.8-.3.8-.6v-2c-3.2.7-3.9-1.5-3.9-1.5-.5-1.3-1.3-1.7-1.3-1.7-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.7 0-1.3.5-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.1 0 0 1-.3 3.3 1.2a11.4 11.4 0 0 1 6 0C17.6 4.8 18.6 5 18.6 5c.6 1.6.2 2.8.1 3.1.8.8 1.2 1.9 1.2 3.1 0 4.4-2.7 5.4-5.3 5.7.4.4.8 1.1.8 2.2v3.2c0 .3.2.7.8.6A11.5 11.5 0 0 0 12 .5Z'/%3E%3C/svg%3E") center/contain no-repeat;color:var(--ink-2)}.gh:hover{color:var(--ink)}.apple{width:17px;height:17px;display:inline-block;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.4 12.6c0-2.6 2.1-3.8 2.2-3.9-1.2-1.8-3.1-2-3.7-2-1.6-.2-3.1.9-3.9.9-.8 0-2-.9-3.4-.9-1.7 0-3.3 1-4.2 2.6-1.8 3.1-.5 7.7 1.3 10.2.8 1.2 1.8 2.6 3.1 2.6 1.3-.1 1.7-.8 3.3-.8 1.5 0 1.9.8 3.3.8 1.4 0 2.2-1.3 3.1-2.5 1-1.4 1.4-2.8 1.4-2.9 0 0-2.5-1-2.5-4.1ZM13.9 4.9c.7-.8 1.2-2 1-3.2-1 0-2.3.7-3 1.5-.7.8-1.2 2-1.1 3.1 1.2.1 2.3-.6 3.1-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.4 12.6c0-2.6 2.1-3.8 2.2-3.9-1.2-1.8-3.1-2-3.7-2-1.6-.2-3.1.9-3.9.9-.8 0-2-.9-3.4-.9-1.7 0-3.3 1-4.2 2.6-1.8 3.1-.5 7.7 1.3 10.2.8 1.2 1.8 2.6 3.1 2.6 1.3-.1 1.7-.8 3.3-.8 1.5 0 1.9.8 3.3.8 1.4 0 2.2-1.3 3.1-2.5 1-1.4 1.4-2.8 1.4-2.9 0 0-2.5-1-2.5-4.1ZM13.9 4.9c.7-.8 1.2-2 1-3.2-1 0-2.3.7-3 1.5-.7.8-1.2 2-1.1 3.1 1.2.1 2.3-.6 3.1-1.4Z'/%3E%3C/svg%3E") center/contain no-repeat;margin-top:-2px}.btn-pill{display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 26px;border-radius:25px;font-weight:600;font-size:16px;color:#fff;background:linear-gradient(180deg,#ff6681,#f43b5d);box-shadow:0 10px 30px #fd4c6b59,inset 0 1px #ffffff4d;transition:translate .25s,box-shadow .25s}.btn-pill:hover{translate:0 -1px;box-shadow:0 16px 40px #fd4c6b73,inset 0 1px #ffffff4d}.btn-pill.small{height:34px;padding:0 16px;font-size:13.5px;box-shadow:0 6px 18px #fd4c6b4d,inset 0 1px #ffffff4d}.btn-pill .ver{font-size:.72em;font-weight:500;opacity:.72;font-variant-numeric:tabular-nums;margin-left:-2px;animation:ver-in .4s ease both}.btn-pill .ver[hidden]{display:none}@keyframes ver-in{0%{opacity:0}}.btn-pill.big{height:60px;padding:0 34px;font-size:18px;border-radius:30px}.btn-ghost{display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 22px;border-radius:25px;font-weight:600;font-size:15px;color:var(--ink);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s}.btn-ghost:hover{background:#ffffff1f}.btn-ghost .ghi{width:18px;height:18px;color:var(--ink)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-2)}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}p,li,figcaption{text-wrap:pretty}h1,h2,h3,h4,.lede{text-wrap:balance}.lede{font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:var(--ink-2);max-width:36em}.fine{font-size:13px;color:var(--ink-3);margin:14px 0 0}.tour{position:relative;height:calc(var(--tour-steps, 10) * 100vh + 195vh)}.stage{position:sticky;top:0;height:100vh;overflow:hidden}.wall{position:absolute;top:-12%;right:-10%;bottom:-25%;left:-10%;display:flex;flex-direction:column;gap:18px;transform:perspective(1400px) rotateX(18deg) rotate(-8deg) scale(1.15);transform-origin:50% 30%;opacity:.5}.wall .lane{display:flex;gap:18px;width:max-content;animation:lane var(--d, 120s) linear infinite;will-change:transform}.wall .lane:nth-child(2n){animation-direction:reverse}.wall .lane img{width:var(--cover, 170px);aspect-ratio:1;object-fit:cover;border-radius:8px;box-shadow:0 10px 30px #00000080}@keyframes lane{to{transform:translate(-50%)}}.wall.off,.hero-copy.off{visibility:hidden;content-visibility:hidden}.wall.off .lane{animation-play-state:paused;will-change:auto}.wall-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 50% 38%,rgba(8,9,13,.55) 0%,rgba(8,9,13,.9) 60%,var(--bg) 100%),linear-gradient(180deg,rgba(8,9,13,.7) 0%,transparent 30%,transparent 60%,var(--bg) 100%)}.hero-copy{position:absolute;left:0;right:0;top:0;padding:clamp(110px,17vh,170px) 24px 0;text-align:center;display:flex;flex-direction:column;align-items:center;z-index:3}.headline{font-family:var(--display);font-size:clamp(42px,6.6vw,104px);line-height:.98;letter-spacing:-.045em;font-weight:800;margin:18px 0 0;max-width:13em}.headline span{display:inline-block}.hero-copy .lede{margin:22px auto 0;text-align:center}.cta-row{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;justify-content:center}.window-wrap{position:absolute;left:50%;top:50%;width:0;height:0;z-index:4;perspective:2200px}.window-scale{position:absolute;left:-720px;top:-450px;width:1440px;height:900px;transform-origin:50% 50%;will-change:transform}.window-scale .mac{transform-style:preserve-3d}.steps{position:absolute;z-index:5;left:max(24px,4.5vw);top:0;bottom:0;width:min(31vw,440px);pointer-events:none}.step-copy{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0;will-change:transform,opacity}.step-copy .eyebrow{margin-bottom:14px}.step-copy h3{font-family:var(--display);font-size:clamp(28px,2.9vw,46px);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:0}.step-copy p{font-size:clamp(15px,1.15vw,17.5px);line-height:1.6;color:var(--ink-2);margin:16px 0 0}.step-copy .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.step-copy .chips span{font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1a;color:#d9dae0;display:inline-flex;gap:6px;align-items:center}.step-copy .chips span i{width:6px;height:6px;border-radius:50%;background:var(--pink)}.step-copy .play-it{pointer-events:auto;margin-top:22px;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px 0 6px;border-radius:21px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f;font-weight:600;font-size:14px;cursor:pointer;border:0;color:inherit;font-family:inherit}.step-copy .play-it b{width:32px;height:32px;border-radius:50%;background:var(--pink);display:flex;align-items:center;justify-content:center}.step-copy .play-it b svg{width:13px;height:13px;fill:#fff;margin-left:2px}.tour-progress{position:absolute;z-index:6;left:max(24px,4.5vw);bottom:34px;display:flex;gap:6px;opacity:0}.tour-progress i{width:22px;height:3px;border-radius:2px;background:#ffffff24;overflow:hidden;position:relative}.tour-progress i b{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pink);transform-origin:left;transform:scaleX(0)}.extras{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.extras .menubar{position:absolute;top:60px;left:0;right:0;height:30px;background:#14151aeb;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 18px;font-size:13px;font-weight:500;opacity:0}.extras .menubar .mb-icon{width:18px;height:18px;color:#fff}.extras .menubar .mb-icon svg{width:100%;height:100%}.extras .float{position:absolute;transform-origin:50% 0;opacity:0}section.listen,section.open{padding:clamp(80px,14vh,160px) max(20px,5vw);position:relative}.section-head{max-width:920px}.section-head h2,.open h2{font-family:var(--display);font-size:clamp(34px,4.4vw,68px);line-height:1.02;letter-spacing:-.04em;margin:16px 0 0;font-weight:800}.clips{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:18px}.clip{position:relative;border-radius:20px;padding:14px;background:linear-gradient(180deg,#ffffff0e,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff12;display:grid;grid-template-columns:96px 1fr;gap:16px;cursor:pointer;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;isolation:isolate}.clip:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-1;background:radial-gradient(closest-side,var(--tint, #333),transparent);opacity:0;transition:opacity .5s}.clip:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff24,0 20px 50px #0006}.clip.on:before{opacity:.35}.clip.on{box-shadow:inset 0 0 0 1px #fff3,0 20px 60px #00000073}.clip .cov{position:relative;width:96px;height:96px;border-radius:10px;overflow:hidden;box-shadow:0 8px 22px #00000073}.clip .cov img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.clip:hover .cov img{transform:scale(1.06)}.clip .cov .pp{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;opacity:0;transition:opacity .25s}.clip:hover .cov .pp,.clip.on .cov .pp{opacity:1}.clip .cov .pp b{width:38px;height:38px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center}.clip .cov .pp svg{width:14px;height:14px;fill:#111}.clip .meta{min-width:0;display:flex;flex-direction:column}.clip .meta b{font-size:15.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.clip .meta small{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip .meta .genre{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-top:3px}.clip canvas{width:100%;height:34px;margin-top:auto;display:block}.clip .cov .pp b svg{margin-left:2px}.clip .cov .pp b[data-state=pause] svg{margin-left:0}.step-copy .clip.in-copy{margin-top:22px;max-width:420px;pointer-events:auto;background:#ffffff0d}.step-copy .clip.in-copy .cov .pp{opacity:1;background:#0000002e}.how{position:relative;height:460vh}.how-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(80% 70% at 60% 50%,#10121a 0%,var(--bg) 70%)}.how canvas.field{position:absolute;top:0;left:38%;width:50%;height:100%}.how-copy{position:absolute;left:max(24px,5vw);top:0;bottom:0;width:min(36vw,480px);z-index:2}.how-copy .phase{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0}.how-copy .phase:first-child{opacity:1}.how-copy .kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;color:var(--pink-2);text-transform:uppercase}.how-copy h3{font-family:var(--display);font-size:clamp(32px,3.6vw,56px);line-height:1.02;letter-spacing:-.04em;font-weight:800;margin:14px 0 0}.how-copy p{color:var(--ink-2);font-size:clamp(15px,1.2vw,18px);line-height:1.6;margin:18px 0 0}.how-copy .spec{margin-top:20px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px}.how-copy .spec dt{color:var(--ink-3);font-family:var(--mono);font-size:12px;padding-top:1px}.how-copy .spec dd{margin:0;color:#d9dae0}.how-title{position:absolute;top:90px;left:max(24px,5vw);font-family:var(--display);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);z-index:2}.how-index{position:absolute;right:max(24px,4vw);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:2}.how-index span{font-family:var(--mono);font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:10px;justify-content:flex-end;transition:color .3s}.how-index span i{width:18px;height:2px;background:currentColor;border-radius:1px;transition:width .3s}.how-index span.on{color:var(--ink)}.how-index span.on i{width:34px;background:var(--pink)}.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.numbers .num{padding:clamp(30px,6vh,60px) max(20px,2.5vw);border-right:1px solid var(--line)}.numbers .num:last-child{border-right:0}.numbers b{display:block;font-family:var(--display);font-size:clamp(44px,5.5vw,88px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.numbers span{display:block;margin-top:10px;color:var(--ink-2);font-size:14px;max-width:18em;line-height:1.45}.numbers .infinite b{background:linear-gradient(92deg,#ff5d7a,#ff9a6b,#ffc8d4);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;transform-origin:0 60%;padding-bottom:.08em}.numbers{position:relative}.numbers .infinite b.is-inf{font-size:clamp(76px,9.6vw,154px);line-height:.5;font-weight:600;letter-spacing:-.02em}.numbers-note{grid-column:1 / -1;margin:0;padding:14px max(20px,2.5vw);border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}.open-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:center}.open .lede{margin-top:20px}.ticks{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:14px}.ticks li{position:relative;padding-left:30px;color:var(--ink-2);line-height:1.55;font-size:15.5px}.ticks li b{color:var(--ink)}.ticks li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:#fd4c6b29 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8aa0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/12px no-repeat}.code-card{border-radius:16px;overflow:hidden;background:#0d0f15;box-shadow:inset 0 0 0 1px #ffffff17,0 40px 100px #00000080}.code-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--ink-3)}.code-bar i{width:11px;height:11px;border-radius:50%;background:#3a3d46}.code-bar span{margin-left:10px}.code-card pre{margin:0;padding:22px;overflow:auto;font-family:var(--mono);font-size:12.8px;line-height:1.75;min-height:380px}.code-card code{background:none;padding:0;white-space:pre}.code-card .k{color:#ff8aa0}.code-card .s{color:#a5d6ff}.code-card .c{color:#6c6f78}.code-card .n{color:#ffc28a}.code-card .in{color:#7ee2b8}.code-card .out{color:#c3a6ff}.code-card .cursor{display:inline-block;width:8px;height:16px;background:var(--pink);vertical-align:-3px;animation:caret 1s steps(1) infinite}.final{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}.final-wall{will-change:transform;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:10px;opacity:.22;filter:saturate(1.1)}.final-wall img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.final:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(55% 55% at 50% 50%,rgba(8,9,13,.6),var(--bg) 100%)}.final-copy{position:relative;z-index:2;padding:0 24px;display:flex;flex-direction:column;align-items:center}.final h2{font-family:var(--display);font-size:clamp(40px,6vw,96px);line-height:1;letter-spacing:-.045em;font-weight:800;margin:0 0 40px}.final .fine{max-width:520px;margin-top:22px;line-height:1.6}.foot{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:30px max(20px,5vw) 40px;border-top:1px solid var(--line);color:var(--ink-3);font-size:13px}.foot p{flex:1;margin:0}.dock{position:fixed;z-index:60;left:50%;bottom:22px;transform:translate(-50%,140%);transition:transform .5s cubic-bezier(.2,.9,.2,1)}.dock.on{transform:translate(-50%)}.dock .inner{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:20px;min-width:340px;background:#1c1e26c7;backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7);box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 60px #00000080}.dock img{width:44px;height:44px;border-radius:8px;object-fit:cover}.dock .t{flex:1;min-width:0}.dock .t b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock .t small{display:block;font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock .bar{height:3px;border-radius:2px;background:#ffffff24;margin-top:6px;position:relative;overflow:hidden}.dock .bar i{position:absolute;inset:0 auto 0 0;background:var(--pink)}.dock button{all:unset;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a}.dock button svg{width:15px;height:15px;fill:#fff}.reveal{opacity:0;transform:translateY(30px)}.viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.window-scale{pointer-events:auto}.stage.compact .steps{top:var(--copy-top, 56vh);bottom:44px;left:5vw;right:5vw;width:auto;overflow:hidden}.stage.compact .step-copy{top:0;transform:none;max-width:640px}.stage.compact .step-copy h3{font-size:clamp(24px,4.4vw,38px)}.stage.compact .step-copy p{font-size:clamp(14.5px,2vw,17px);margin-top:10px;line-height:1.5}.stage.compact .step-copy .eyebrow{margin-bottom:8px}.stage.compact .tour-progress{left:5vw;bottom:18px}@media (max-width: 700px){.stage.compact .step-copy .chips{display:none}.stage.compact .step-copy h3{font-size:25px}}@media (max-width: 900px){.topnav nav{display:none}.how canvas.field{left:0;width:100%;opacity:.55}.how-copy{left:20px;right:20px;width:auto}.how-index{display:none}.numbers{grid-template-columns:repeat(2,1fr)}.numbers .num:nth-child(2){border-right:0}.numbers .num:nth-child(-n+2){border-bottom:1px solid var(--line)}.open-grid{grid-template-columns:1fr}.foot{flex-direction:column;align-items:flex-start}.dock .inner{min-width:0;width:calc(100vw - 32px)}}.wall.flat{transform:rotate(-8deg) scale(1.2);top:-5%;right:-20%;bottom:-5%;left:-20%}@media (max-width: 1099px),(hover: none){.topnav.solid{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0b10f0}.dock .inner{backdrop-filter:none;-webkit-backdrop-filter:none;background:#1c1e26f7}.btn-ghost{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion: reduce){.wall .lane{animation:none}}.flow-hero{position:relative;overflow:hidden;padding:96px 0 34px}.flow-hero .wall{top:-6%;right:-20%;bottom:-6%;left:-20%;opacity:.45}.flow-hero .wall-fade{position:absolute;top:0;right:0;bottom:0;left:0}.flow-hero .hero-copy{position:relative;padding:18px 22px 0}.flow-hero .headline{font-size:clamp(38px,11vw,52px)}.flow-hero .hero-copy .lede{font-size:16px;margin-top:16px}.flow-hero .cta-row{margin-top:24px}.tour.flow{height:auto}.tour.flow{padding-top:var(--scene-h)}.tour.flow .stage{position:fixed;top:56px;left:0;right:0;height:var(--scene-h);overflow:hidden;z-index:5;background:var(--bg)}.tour.flow .stage.away,.tour.flow .scene-fade.away{visibility:hidden}.tour.flow .scene-fade{position:fixed;z-index:5;left:0;right:0;top:calc(56px + var(--scene-h) - 1px);height:30px;pointer-events:none;background:linear-gradient(var(--bg) 0%,rgba(8,9,13,.85) 35%,rgba(8,9,13,0) 100%)}body.flow .flow-hero,body.flow main>section:not(.tour),body.flow .foot{position:relative;z-index:6;background-color:var(--bg)}body.flow .flow-hero{box-shadow:0 18px 36px #0000008c}.tour.flow .viewport{position:absolute;top:8px;right:10px;bottom:10px;left:10px;border-radius:18px;overflow:hidden;clip-path:none!important;box-shadow:inset 0 0 0 1px #ffffff0f}.tour.flow .window-wrap{left:calc(50% - 10px);top:calc(50% - 8px)}.tour.flow .tour-progress{left:22px;bottom:16px;opacity:1!important;z-index:7}.tour.flow .tour-progress i{width:16px}.tour.flow .stage .extras:before{content:"";position:absolute;top:8px;right:10px;bottom:10px;left:10px;border-radius:18px;background:#08090dd1;opacity:var(--dim, 0);will-change:opacity}.tour.flow .extras .menubar{top:8px;left:10px;right:10px;border-radius:18px 18px 0 0}.tour.flow .steps{z-index:1;position:relative;inset:auto;width:auto;height:auto;padding:8px 22px 30vh;pointer-events:auto;overflow:visible}.tour.flow .step-copy{position:relative;top:auto;left:auto;right:auto;transform:none!important;opacity:.2;padding:4px 0 24px;min-height:calc(100svh - var(--copy-top, 50vh));box-sizing:border-box;pointer-events:auto!important;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:calc(var(--copy-top, 50vh) - 4px)}html:has(body.flow){scroll-snap-type:y proximity}.tour.flow .step-copy h3{font-size:27px;line-height:1.08}.tour.flow .step-copy p{font-size:16px;line-height:1.55;margin-top:12px}.tour.flow .step-copy .eyebrow{margin-bottom:10px}.tour.flow .step-copy .chips{display:flex;margin-top:14px}.tour.flow .step-copy .chips span{font-size:12px;padding:5px 10px}.tour.flow .step-copy .clip.in-copy{margin-top:18px}@media (max-width: 759px){.how-stage{height:100svh}.how-title{top:76px;left:22px}.how canvas.field{top:100px;left:0;width:100%;height:30svh;opacity:1}.how-copy{left:22px;right:22px;width:auto;top:calc(112px + 30svh);bottom:auto}.how-copy .phase{top:0}.how-copy h3{font-size:28px}.how-copy p{font-size:15.5px;line-height:1.5;margin-top:12px}}.how.cards{height:auto;--band: calc(96px + 30svh) }.how.cards .how-stage{height:var(--band);z-index:2;overflow:visible;background:var(--bg)}.how.cards .how-stage:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:28px;background:linear-gradient(var(--bg),rgba(8,9,13,0));pointer-events:none}.how.cards canvas.field{top:84px;height:30svh}.how.cards .how-copy{position:relative;inset:auto;width:auto;padding:0 22px 12svh;z-index:1}.how.cards .how-copy .phase{position:relative;top:auto;transform:none;opacity:.2;box-sizing:border-box;min-height:calc(100svh - var(--band));padding-top:22px;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:var(--band)}.stars-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;font-size:13.5px;font-weight:650;color:var(--ink);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff1f;text-decoration:none;font-variant-numeric:tabular-nums}.stars-pill[hidden]{display:none}.stars-pill svg{width:14px;height:14px;fill:#ffc94d}.star-cta svg{width:18px;height:18px;fill:#ffc94d}.star-cta b{margin-left:4px;padding:3px 8px;border-radius:10px;background:#ffffff1a;font-size:13px;font-variant-numeric:tabular-nums}.star-cta b[hidden]{display:none}@media (max-width: 520px){.stars-pill:not([hidden])+.gh{display:none}}.mac{--sidebar: #2e3448;--content: #292d38;--raised: #2f3340;--row: #2d3036;--row-alt: #2a2d34;--hairline: #3d4049;--divider: #444851;--field: #1e1f21;--search: #3e4354;--selection: #474d5f;--capsule: #3a3e4a;--capsule-edge: rgba(255, 255, 255, .07);--text: #f4f4f6;--text-2: #a7a9b0;--text-3: #7c7f88;--accent: #fd4c6b;--accent-deep: #e54360;--radius-art: 6px;position:relative;width:1440px;height:900px;border-radius:16px;overflow:hidden;background:var(--content);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Helvetica Neue,sans-serif;font-size:13px;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;box-shadow:0 0 0 1px #ffffff17 inset,0 0 0 .5px #000000e6,0 40px 120px #0000008c,0 12px 40px #00000059;-webkit-user-select:none;user-select:none;cursor:default;isolation:isolate}.mac *{box-sizing:border-box}.mac svg{width:100%;height:100%;display:block}.mac img{display:block}.mac button{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mac .sidebar{position:absolute;inset:0 auto 0 0;width:230px;background:var(--sidebar);border-right:1px solid #23262f;z-index:3}.mac .lights{position:absolute;top:20px;left:20px;display:flex;gap:11px}.mac .lights i{width:12px;height:12px;border-radius:50%;background:#565a66;box-shadow:inset 0 0 0 .5px #00000040}.mac.focused .lights i:nth-child(1){background:#ff5f57}.mac.focused .lights i:nth-child(2){background:#febc2e}.mac.focused .lights i:nth-child(3){background:#28c840}.mac .sidebar-toggle{position:absolute;top:8px;left:186px;width:36px;height:36px;border-radius:50%;background:var(--capsule);color:#c9cad0;box-shadow:inset 0 0 0 1px var(--capsule-edge)}.mac .sidebar-toggle span{width:20px;height:20px}.mac .search{position:absolute;top:61px;left:10px;width:210px;height:28px;border-radius:14px;background:var(--search);box-shadow:inset 0 0 0 1px #ffffff0f;display:flex;align-items:center;gap:5px;padding:0 9px;color:#aeb1ba;font-size:13px}.mac .search .glyph{width:15px;height:15px;flex:none}.mac .search .typed{color:var(--text)}.mac .search .caret{width:1.5px;height:15px;background:var(--accent);margin-left:1px;animation:caret 1s steps(1) infinite}@keyframes caret{50%{opacity:0}}.mac .nav{position:absolute;top:98px;left:10px;width:210px}.mac .nav .item{height:32px;display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:8px;font-size:13px;color:var(--text);position:relative}.mac .nav .item .glyph{width:19px;height:19px;color:var(--accent);flex:none}.mac .nav .item.selected{background:var(--selection);font-weight:600}.mac .nav .head{height:32px;display:flex;align-items:flex-end;padding:0 4px 5px;font-size:11px;font-weight:600;color:var(--text-3)}.mac .nav .item.dim .glyph{color:var(--text-3)}.mac .nav .item.dim{color:var(--text-2)}.mac .studio-panel{position:absolute;left:10px;right:10px;bottom:10px;padding:10px;border-radius:12px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff12;display:flex;align-items:center;gap:9px}.mac .studio-panel .ring{width:26px;height:26px;flex:none}.mac .studio-panel b{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .studio-panel small{display:block;font-size:11px;color:var(--text-2)}.mac .toolbar{position:absolute;top:0;left:230px;right:0;height:52px;z-index:4;border-bottom:1px solid var(--hairline);background:#292d38b8}.mac .toolbar.over-image{background:#1e202847;border-bottom-color:#ffffff0f}.mac .capsule{position:absolute;top:8px;height:36px;border-radius:12px;display:flex;align-items:center;background:var(--capsule);box-shadow:inset 0 0 0 1px var(--capsule-edge),0 1px 2px #0003;color:#d9dae0}.mac .capsule button{width:36px;height:36px;color:inherit}.mac .capsule button span{width:17px;height:17px}.mac .capsule button.play span{width:19px;height:19px}.mac .back{left:7px;width:36px;border-radius:50%}.mac .back span{width:17px;height:17px;color:#c9cad0}.mac .transport{left:7px;padding:0 1px}.mac .toolbar.has-back .transport{left:52px}.mac .lcd{position:absolute;top:2px;left:376px;width:460px;height:48px;border-radius:10px;background:#5b5f69;box-shadow:inset 0 0 0 1px #ffffff17,inset 0 1px #ffffff0f;display:flex;align-items:center}.mac .lcd .thumb{position:absolute;left:6px;top:6px;width:36px;height:36px;border-radius:4px;object-fit:cover;background:#444}.mac .lcd .meta{position:absolute;left:52px;right:14px;top:6px;text-align:center;line-height:1.25}.mac .lcd .meta b{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .lcd .meta small{display:block;font-size:11px;color:#d0d1d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .lcd .bar{position:absolute;left:52px;right:14px;bottom:6px;height:3px;border-radius:2px;background:#ffffff24;overflow:hidden}.mac .lcd .bar i{position:absolute;inset:0 auto 0 0;width:0;background:#ffffff8c;border-radius:2px}.mac .lcd.empty .meta{top:15px;color:#c4c5ca}.mac .volume{right:99px;width:146px;padding:0 10px;gap:7px}.mac .volume span{width:13px;height:13px;flex:none;color:#c9cad0}.mac .volume .track{position:relative;flex:1;height:4px;border-radius:2px;background:#6d717c}.mac .volume .track i{position:absolute;top:0;right:30%;bottom:0;left:0;border-radius:2px;background:var(--accent)}.mac .volume .track b{position:absolute;right:calc(30% - 11px);top:-5.5px;width:22px;height:15px;border-radius:8px;background:#f2f2f4;box-shadow:0 1px 3px #0006}.mac .views{right:8px;width:76px}.mac .views button span{width:17px;height:17px}.mac .views button.on{color:var(--accent)}.mac .content{position:absolute;top:0;left:230px;right:0;bottom:0;overflow:hidden}.mac[data-view=nowplaying] .content{left:0;z-index:7}.mac[data-panel=queue] .content{right:300px}.mac[data-panel=queue] .lcd{left:244px}.mac .page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mac .scroller{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.mac .pad{padding:0 32px}.mac h1.page-title{margin:0;padding-top:78px;font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.mac .page-sub{font-size:13px;color:var(--text-2);margin-top:3px}.mac .shelf{margin-top:36px}.mac .shelf-head{display:flex;align-items:baseline;justify-content:space-between}.mac .shelf-head h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.005em;display:flex;align-items:center;gap:4px}.mac .shelf-head h2 .chev{width:14px;height:14px;color:var(--text-3)}.mac .shelf-head a{font-size:12px;color:#4f9dfa}.mac .shelf-sub{font-size:12px;color:var(--text-2);margin-top:2px}.mac .row-of{display:flex;gap:18px;margin-top:12px}.mac .card{width:176px;flex:none}.mac .card .art{width:176px;height:176px;border-radius:var(--radius-art);object-fit:cover;background:#3a3d46;box-shadow:0 1px 3px #00000059,0 0 0 .5px #ffffff0f}.mac .card b{display:block;margin-top:7px;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .card small{display:block;font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .fresh{display:flex;gap:28px;margin-top:12px}.mac .hero-card{position:relative;width:320px;height:250px;border-radius:12px;overflow:hidden;flex:none;box-shadow:0 6px 20px #00000059}.mac .hero-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mac .hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.62))}.mac .hero-card .label{position:absolute;left:18px;right:70px;bottom:16px;z-index:1}.mac .hero-card .label small{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.mac .hero-card .label b{display:block;font-size:20px;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .hero-card .label p{margin:2px 0 0;font-size:12.5px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .hero-card .label em{display:block;font-style:normal;font-size:12px;opacity:.75;margin-top:3px}.mac .hero-card .play{position:absolute;right:16px;bottom:18px;z-index:1;width:46px;height:46px;border-radius:50%;background:#ffffff38;color:#fff}.mac .hero-card .play span{width:18px;height:18px}.mac .mini-grid{display:grid;grid-template-columns:repeat(3,250px);grid-auto-rows:50px;column-gap:24px;align-content:start;padding-top:4px}.mac .mini{display:flex;align-items:center;gap:12px}.mac .mini img{width:38px;height:38px;border-radius:4px;object-fit:cover;flex:none}.mac .mini .t{flex:1;min-width:0;line-height:1.25}.mac .mini .t b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .mini .t small{display:block;font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .mini .d{font-size:13px;color:var(--text-2);font-variant-numeric:tabular-nums;width:44px;text-align:right}.mac .artist-list{position:absolute;top:52px;bottom:0;left:0;width:230px;background:var(--content);border-right:1px solid var(--divider);overflow:hidden;z-index:2}.mac .artist-list .filter{position:absolute;top:-52px;left:8px;right:8px;margin-top:61px;height:24px;border-radius:6px;background:var(--field);color:#9c9ea5;font-size:13px;display:flex;align-items:center;padding:0 7px;z-index:5}.mac .artist-list .rows{position:absolute;top:47px;left:0;right:0;will-change:transform}.mac .artist-row{height:44px;margin:0 10px;display:flex;align-items:center;gap:10px;padding:0 6px;border-radius:8px;position:relative}.mac .artist-row:after{content:"";position:absolute;left:50px;right:6px;bottom:0;height:1px;background:var(--divider)}.mac .artist-row img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}.mac .artist-row span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .artist-row.selected{background:#5a5d66}.mac .artist-row.selected:after,.mac .artist-row.before-selected:after{opacity:0}.mac .banner{position:relative;height:380px;overflow:hidden;background:#333}.mac .banner img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transform-origin:center}.mac .banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#0000 45%,#0000002e 70%,#00000080)}.mac .banner .over{position:absolute;left:32px;right:32px;bottom:26px;display:flex;align-items:flex-end;gap:14px;z-index:1}.mac .banner .bigplay{width:54px;height:54px;border-radius:50%;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff1f;color:#fff;flex:none;margin-bottom:4px}.mac .banner .bigplay.red{background:var(--accent)}.mac .banner .bigplay span{width:20px;height:20px;margin-left:3px}.mac .banner .names{flex:1;min-width:0}.mac .banner .names h1{margin:0;font-size:44px;font-weight:700;letter-spacing:-.015em;line-height:1.05;text-shadow:0 2px 16px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .banner .names p{margin:4px 0 0;font-size:14px;font-weight:500;opacity:.92}.mac .banner .round{width:40px;height:40px;border-radius:50%;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1a;flex:none;margin-bottom:8px}.mac .banner .round span{width:19px;height:19px}.mac .banner .pill{background-color:#282a3259;height:30px;padding:0 14px;border-radius:15px;gap:7px;font-size:13px;font-weight:500;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1f;flex:none;margin-bottom:13px}.mac .banner .pill span{width:14px;height:14px}.mac .top-songs{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:48px;column-gap:22px;margin-top:12px}.mac .note{display:flex;gap:12px;align-items:flex-start;margin-top:40px}.mac .note .glyph{width:20px;height:20px;color:var(--text-3);margin-top:3px}.mac .note b{display:block;font-size:13px;font-weight:600}.mac .note small{font-size:12.5px;color:var(--text-2)}.mac .album-head{display:flex;gap:28px;padding:80px 32px 0}.mac .album-head .cover{width:270px;height:270px;border-radius:8px;object-fit:cover;box-shadow:0 10px 30px #0006,0 0 0 .5px #ffffff14;flex:none}.mac .album-head .info{flex:1;min-width:0;display:flex;flex-direction:column}.mac .album-head h1{margin:6px 0 0;font-size:28px;font-weight:700;letter-spacing:-.01em}.mac .album-head .by{font-size:22px;color:var(--accent-deep);margin-top:1px}.mac .album-head .caps{font-size:11px;font-weight:600;letter-spacing:.02em;color:#8a8c92;text-transform:uppercase;margin-top:8px}.mac .album-head .notes{font-size:13px;line-height:17px;color:#d6d7da;margin-top:18px;max-width:640px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mac .album-head .more{font-size:11px;font-weight:700;margin-top:1px}.mac .album-head .actions{margin-top:auto;display:flex;gap:10px;align-items:center;padding-bottom:2px}.mac .btn{height:30px;width:100px;border-radius:15px;background:#3d4048;box-shadow:inset 0 0 0 1px #ffffff0f;color:#c9cad0;gap:7px;font-size:13px;font-weight:500}.mac .btn span{width:13px;height:13px}.mac .btn.red{background:var(--accent);color:#fff}.mac .album-head .actions .spacer{flex:1}.mac .album-head .actions .circle{width:30px;height:30px;border-radius:50%;color:#c9cad0}.mac .album-head .actions .circle.filled{background:#3d4048}.mac .album-head .actions .circle span{width:17px;height:17px}.mac .tracks{margin:22px 22px 0}.mac .track{height:40px;display:flex;align-items:center;border-radius:6px;padding:0 12px 0 0;font-size:13px}.mac .track:nth-child(odd){background:var(--row)}.mac .track .num{width:46px;text-align:center;color:var(--text-2);font-variant-numeric:tabular-nums;flex:none;display:flex;justify-content:center}.mac .track .ttl{flex:1;min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.mac .track .ttl small{color:var(--text-3);font-size:11.5px}.mac .track .dur{width:60px;text-align:right;color:var(--text-2);font-variant-numeric:tabular-nums}.mac .track.playing .ttl{font-weight:600}.mac .track.pending .ttl,.mac .track.pending .num{color:var(--text-2)}.mac .eq{width:14px;height:12px;display:flex;gap:2px;align-items:flex-end}.mac .eq i{flex:1;background:var(--accent);border-radius:1px;height:40%;animation:eq .9s ease-in-out infinite alternate}.mac .eq i:nth-child(2){animation-delay:-.3s}.mac .eq i:nth-child(3){animation-delay:-.6s}.mac .eq.paused i{animation-play-state:paused}@keyframes eq{0%{height:25%}50%{height:100%}to{height:55%}}.mac .explicit{display:inline-flex;width:11px;height:11px;border-radius:2.5px;background:#8f9198;color:#262931;font-size:8px;font-weight:800;align-items:center;justify-content:center;flex:none}.mac .album-foot{padding:20px 32px 0;font-size:12.5px;color:var(--text-2);line-height:18px}.mac .ring svg{overflow:visible}.mac .songs-head{display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 0 32px}.mac .segmented{display:flex;height:24px;border-radius:7px;background:#3a3d44;padding:1px;margin-bottom:1px}.mac .segmented span{width:108px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;color:#e2e3e6}.mac .segmented span.on{background:#6c6f77;color:#fff}.mac .filter-field{width:182px;height:24px;border-radius:6px;background:var(--field);color:#85878d;font-size:13px;display:flex;align-items:center;padding:0 7px;margin-left:10px}.mac .table{margin-top:18px}.mac .thead{height:28px;display:flex;align-items:center;border-bottom:1px solid #3a3d46;font-size:11.5px;font-weight:600;color:#d4d5d8;padding-left:59px}.mac .thead span,.mac .trow span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.mac .trow{height:24px;display:flex;align-items:center;font-size:13px;padding-left:10px;margin:0 10px;border-radius:5px}.mac .trow:nth-child(2n){background:#2f323b}.mac .trow .st{width:39px;flex:none;display:flex;justify-content:center}.mac .c-title{width:352px}.mac .c-artist{width:312px;color:var(--text-2)}.mac .c-album{width:310px;color:var(--text-2)}.mac .c-time{width:62px;color:var(--text-2);font-variant-numeric:tabular-nums}.mac .c-plays{width:50px;color:var(--text-2);text-align:center}.mac .c-star{width:18px;height:18px;color:#6c6f78}.mac .trow.pending .c-title{color:var(--text-2)}.mac .genre-grid{display:grid;grid-template-columns:repeat(4,275px);gap:16px;margin-top:20px}.mac .genre-tile{position:relative;height:130px;border-radius:10px;overflow:hidden;padding:16px;box-shadow:0 4px 14px #00000040}.mac .genre-tile b{position:relative;z-index:2;display:block;font-size:19px;font-weight:700;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.25)}.mac .genre-tile small{position:relative;z-index:2;font-size:12px;font-weight:600;opacity:.85}.mac .genre-tile img{position:absolute;width:74px;height:74px;object-fit:cover;border-radius:3px;box-shadow:-4px 2px 10px #0006}.mac .np{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;overflow:hidden;background:#120d08}.mac .np .wash{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.95}.mac .np .wash i{position:absolute;border-radius:50%}.mac .np .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 30% 30%,transparent 30%,rgba(0,0,0,.55) 100%)}.mac .np .lights{top:10px;left:10px;gap:9px}.mac .np .lights i{width:12px;height:12px;background:#ffffff2e}.mac .np .corner{position:absolute;top:28px;right:18px;display:flex;gap:10px;z-index:2}.mac .np .corner button{width:30px;height:30px;border-radius:50%;background:#ffffff24;color:#fff}.mac .np .corner button span{width:15px;height:15px}.mac .np .left{position:absolute;left:183px;top:120px;width:450px;z-index:2}.mac .np .left .cover{width:450px;height:450px;border-radius:8px;object-fit:cover;box-shadow:0 30px 70px #00000080}.mac .np .title-row{display:flex;align-items:flex-start;margin-top:22px}.mac .np .title-row b{flex:1;font-size:22px;font-weight:700;display:flex;align-items:center;gap:8px}.mac .np .title-row .fav{width:22px;height:22px;color:#fff;opacity:.85}.mac .np .subtitle{font-size:14px;opacity:.78;margin-top:4px}.mac .np .scrub{position:relative;height:4px;border-radius:2px;background:#ffffff38;margin-top:26px}.mac .np .scrub i{position:absolute;inset:0 auto 0 0;width:0;border-radius:2px;background:#ffffffd9}.mac .np .times{display:flex;justify-content:space-between;font-size:10px;opacity:.65;margin-top:7px;font-variant-numeric:tabular-nums}.mac .np .controls{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:18px;color:#fff}.mac .np .controls button{width:36px;height:36px}.mac .np .controls button span{width:22px;height:22px}.mac .np .controls .small span{width:19px;height:19px;opacity:.8}.mac .np .controls .big span{width:34px;height:34px}.mac .np .vol{margin:20px auto 0;width:146px;height:36px;border-radius:10px;background:#ffffff1f;display:flex;align-items:center;gap:8px;padding:0 11px}.mac .np .vol span{width:12px;height:12px;flex:none;opacity:.8}.mac .np .vol .track{flex:1;height:4px;border-radius:2px;background:#ffffff4d;position:relative}.mac .np .vol .track i{position:absolute;top:0;right:25%;bottom:0;left:0;background:#fff;border-radius:2px}.mac .np .vol .track b{position:absolute;right:calc(25% - 9px);top:-6px;width:18px;height:16px;border-radius:8px;background:#fff;box-shadow:0 1px 3px #00000059}.mac .np .right{position:absolute;left:697px;right:120px;top:0;bottom:0;z-index:2;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)}.mac .np .lyrics{position:absolute;left:0;right:0;top:0;will-change:transform}.mac .np .lyrics .sec{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.45;margin:26px 0 8px}.mac .np .lyrics .ln{font-size:25px;font-weight:700;line-height:36px;letter-spacing:-.005em;color:#fff;opacity:.3}.mac .np .lyrics .ln.on{opacity:1;filter:none}.mac .np .lyrics .ln.past{opacity:.55;filter:none}.mac .studio-card{padding:22px;border-radius:20px;background:linear-gradient(135deg,#ffffff1a,#ffffff08),#0000002e;box-shadow:inset 0 0 0 1px #ffffff29;width:520px}.mac .studio-card .head{display:flex;gap:18px;align-items:center}.mac .studio-card .bigring{position:relative;width:70px;height:70px;flex:none}.mac .studio-card .bigring em{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.mac .studio-card .kicker{font-size:11px;font-weight:700;letter-spacing:.1em;opacity:.6}.mac .studio-card .stage-label{font-size:24px;font-weight:700;margin-top:2px}.mac .studio-card .eta{font-size:13px;opacity:.7;margin-top:2px}.mac .studio-card .stages{margin-top:20px}.mac .studio-card .step{height:30px;display:flex;align-items:center;gap:12px;font-size:14px;position:relative}.mac .studio-card .step .dot{width:18px;height:18px;border-radius:50%;background:#ffffff1f;position:relative;flex:none;display:flex;align-items:center;justify-content:center;color:#000}.mac .studio-card .step .dot span{width:10px;height:10px}.mac .studio-card .step.done .dot{background:#ffffffe6}.mac .studio-card .step.todo{opacity:.4}.mac .studio-card .step.now{font-weight:600}.mac .studio-card .step+.step:before{content:"";position:absolute;left:8.25px;top:-6px;width:1.5px;height:12px;background:#ffffff24}.mac .studio-card .step.done+.step:before{background:#fff9}.mac .side{position:absolute;top:0;right:0;bottom:0;width:300px;background:var(--sidebar);border-left:1px solid #23262f;z-index:5;padding:64px 14px 0}.mac .side .h{font-size:11px;font-weight:600;color:var(--text-3)}.mac .side .sub{font-size:11px;color:var(--text-3)}.mac .side .clear{position:absolute;right:14px;font-size:11px;font-weight:600;color:#4f9dfa;margin-top:-14px}.mac .qrow{height:48px;display:flex;align-items:center;gap:10px}.mac .qrow img{width:38px;height:38px;border-radius:4px;object-fit:cover;flex:none}.mac .qrow .t{flex:1;min-width:0;line-height:1.3}.mac .qrow .t b{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac .qrow .t small{display:block;font-size:11.5px;color:var(--text-2)}.mac .qrow .d{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.mac .qrow.pending .t b{color:var(--text-2)}.mac .qrow .tag{font-size:10.5px;color:var(--accent)}.mac .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:9}.mac .sheet{will-change:transform,opacity;position:absolute;top:52px;left:50%;width:480px;margin-left:-240px;z-index:10;border-radius:16px;padding:22px;background:#33363f;box-shadow:0 0 0 .5px #000c,inset 0 0 0 1px #ffffff14,0 30px 80px #0009}.mac .sheet .top{display:flex;gap:14px;align-items:center}.mac .sheet .top img{width:72px;height:72px;border-radius:6px;object-fit:cover}.mac .sheet .top b{font-size:17px;font-weight:600;display:block}.mac .sheet .top small{color:var(--text-2);font-size:13px}.mac .sheet p{font-size:13px;color:var(--text-2);line-height:17px;margin:18px 0}.mac .sheet .choice{display:flex;gap:10px;margin-top:10px}.mac .sheet .choice .radio{width:15px;height:15px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #7c7f88;flex:none;margin-top:1px}.mac .sheet .choice.on .radio{box-shadow:inset 0 0 0 4.5px #4f9dfa;background:#fff}.mac .sheet .choice b{font-size:13px;font-weight:500;display:block}.mac .sheet .choice small{font-size:13px;color:var(--text-2)}.mac .sheet .buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.mac .sheet .buttons span{height:26px;padding:0 13px;border-radius:7px;background:#555862;font-size:13px;display:flex;align-items:center;gap:6px}.mac .sheet .buttons span.primary{background:#3d7ff2}.mac .sheet .buttons span svg{width:13px;height:13px}.mac .toast{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:11;padding:10px 16px;border-radius:14px;background:#3c3f48eb;box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 30px #0006;font-size:13px;font-weight:500;display:flex;gap:8px;align-items:center;white-space:nowrap}.miniwin{position:relative;width:340px;height:340px;border-radius:14px;overflow:hidden;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;box-shadow:0 0 0 .5px #000c,inset 0 0 0 1px #ffffff1f,0 30px 80px #0009}.miniwin img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.miniwin .glass{position:absolute;left:0;right:0;bottom:0;padding:14px 16px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7) 45%)}.miniwin .glass b{display:block;font-size:14px;font-weight:600}.miniwin .glass small{font-size:12px;opacity:.78}.miniwin .glass .bar{height:3px;border-radius:2px;background:#ffffff40;margin-top:10px;position:relative;overflow:hidden}.miniwin .glass .bar i{position:absolute;inset:0 auto 0 0;width:40%;background:#fff}.miniwin .glass .ctl{display:flex;justify-content:center;gap:26px;margin-top:10px}.miniwin .glass .ctl span{width:20px;height:20px;display:block}.miniwin .glass .ctl span.big{width:26px;height:26px}.menuextra{width:300px;border-radius:12px;padding:6px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:13px;background:#2e313adb;-webkit-box-shadow:0 0 0 .5px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.1),0 20px 60px rgba(0,0,0,.5)}.menuextra .np-row{display:flex;gap:10px;padding:8px;align-items:center}.menuextra .np-row img{width:44px;height:44px;border-radius:5px;object-fit:cover}.menuextra .np-row b{display:block;font-size:13px;font-weight:600}.menuextra .np-row small{font-size:12px;color:#b9bbc2}.menuextra .ctl{display:flex;justify-content:center;gap:26px;padding:4px 0 8px}.menuextra .ctl span{width:18px;height:18px;display:block}.menuextra hr{border:0;height:1px;background:#ffffff1a;margin:4px 9px}.menuextra .act{display:flex;align-items:center;gap:9px;height:28px;padding:0 9px;border-radius:6px}.menuextra .act span{width:15px;height:15px;display:block;opacity:.85}.menuextra .act em{margin-left:auto;font-style:normal;color:#9a9ca3;font-size:12px}.menuextra .act.hl{background:#3d7ff2}.menuextra .act.hl em{color:#dfe8ff}.menuextra .studio{display:flex;align-items:center;gap:10px;padding:8px 10px}.menuextra .studio .ring{width:22px;height:22px;flex:none}.menuextra .studio b{font-size:12px;font-weight:600;display:block}.menuextra .studio small{font-size:11px;color:#b9bbc2}.mac .create{padding:0 147px 40px}.mac .create .panel{margin-top:26px;border-radius:16px;background:#31353f;box-shadow:inset 0 0 0 1px #ffffff12;padding:20px}.mac .create .ph{display:block;font-size:15px;font-weight:700;margin-bottom:14px}.mac .create .describe{height:68px;border-radius:10px;background:#3d414c;padding:14px;font-size:16px;color:#aeb1ba;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d}.mac .create .describe.focus{box-shadow:inset 0 0 0 1px #ffffff0d,0 0 0 3px #fd4c6b73;color:#fff}.mac .create .describe .typed:after{content:"";display:inline-block;width:1.5px;height:18px;background:var(--accent);vertical-align:-3px;margin-left:1px;opacity:0}.mac .create .describe.focus .typed:after{opacity:1;animation:caret 1s steps(1) infinite}.mac .create .ideas{display:flex;flex-wrap:wrap;gap:7px 7px;margin-top:12px}.mac .create .ideas span{font-size:11.5px;color:#a7a9b0;padding:3px 9px;border-radius:5px;background:#3a3e48;box-shadow:inset 0 0 0 1px #ffffff0f}.mac .create .foot{display:flex;align-items:center;gap:8px;margin-top:16px}.mac .create .foot b{font-size:13px;font-weight:600}.mac .create .foot .stepper{font-size:8px;line-height:7px;color:#9a9ca3;background:#3d414c;border-radius:5px;padding:2px 4px}.mac .create .foot small{font-size:11px;color:var(--text-2)}.mac .create .foot .spacer{flex:1}.mac .create .create-btn{height:30px;padding:0 16px;border-radius:15px;gap:6px;font-size:13px;color:#9a9ca3;background:#3a3e48;box-shadow:inset 0 0 0 1px #ffffff14;transition:background .25s,color .25s,transform .15s}.mac .create .create-btn span{width:13px;height:13px}.mac .create .create-btn.ready{background:var(--accent);color:#fff}.mac .create .create-btn.busy{transform:scale(.95);filter:brightness(.9)}.mac .create .ph2{display:flex;gap:10px}.mac .create .ph2 .glyph{width:22px;height:22px;color:var(--accent)}.mac .create .ph2 b{display:block;font-size:15px;font-weight:700}.mac .create .ph2 small{font-size:12.5px;color:var(--text-2)}.mac .create .loved{display:flex;gap:16px;margin-top:16px;overflow:hidden}.mac .create .loved div{width:70px;flex:none;text-align:center}.mac .create .loved img{width:62px;height:62px;border-radius:50%;object-fit:cover;display:block;margin:0 auto}.mac .create .loved div.on img{box-shadow:0 0 0 2.5px var(--content),0 0 0 4.5px var(--accent)}.mac .create .loved span{display:block;font-size:11px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}.mac .create .loved div.on span{color:var(--text);font-weight:600}.mac .create .brief{flex:1;height:24px;border-radius:6px;background:#3d414c;font-size:12.5px;color:#c4c6cc;display:flex;align-items:center;padding:0 7px}.mac .create .nr2{height:24px;padding:0 12px;border-radius:12px;gap:6px;font-size:12.5px;color:#9a9ca3;background:#3a3e48}.mac .create .nr2 span{width:12px;height:12px}.mac .banner .pill.active{background:#ffffff4d}.mac .nr-pop{position:absolute;z-index:3;top:22px;width:340px;padding:16px;border-radius:14px;background:#30333cf7;box-shadow:0 0 0 .5px #000c,inset 0 0 0 1px #ffffff1a,0 20px 50px #00000080;animation:pop .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.96)}}.mac .nr-pop b{display:block;font-size:13px;font-weight:600}.mac .nr-pop small{display:block;font-size:12px;color:var(--text-2);margin-top:4px;line-height:15px}.mac .nr-pop .field{margin-top:10px;min-height:40px;border-radius:6px;background:#1f2126;padding:6px 8px;font-size:12.5px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff14}.mac .nr-pop .field span{color:#7c7f88}.mac .nr-pop .field.focus{box-shadow:0 0 0 3px #4f9dfa8c}.mac .nr-pop .field .caret{display:inline-block;width:1.5px;height:14px;background:#4f9dfa;vertical-align:-2px;margin-left:1px;animation:caret 1s steps(1) infinite}.mac .nr-pop .row{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mac .nr-pop .row span{font-size:12.5px;padding:3px 11px;border-radius:6px;background:#555862}.mac .nr-pop .row span.go{background:#3d7ff2}.mac .cursor{position:absolute;left:0;top:0;z-index:30;width:28px;height:28px;pointer-events:none;opacity:0;transition:opacity .3s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));will-change:transform}.mac .cursor svg{width:28px;height:28px}.mac .cursor .ripple{position:absolute;left:6px;top:4px;width:0;height:0}.mac .cursor .ripple:after{content:"";position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;background:#ffffff59;box-shadow:0 0 0 2px #ffffff80;transform:scale(0);opacity:0}.mac .cursor .ripple.go:after{animation:ripple .55s ease-out}@keyframes ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(1.3);opacity:0}}.mac .content .page{background:var(--content);transform-origin:50% 50%;will-change:transform,opacity}.mac>.page.layer-np{z-index:20;will-change:transform;overflow:hidden}.mac .nav .sel{position:absolute;left:0;right:0;top:0;height:32px;border-radius:8px;background:var(--selection);will-change:transform}.mac .nav .item{z-index:1}.mac .nav .item.selected{background:none}.mac .artist-detail{position:absolute;top:0;right:0;bottom:0;left:230px}.mac .artist-detail .detail{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--content);overflow:hidden;will-change:opacity}.mac .artist-detail .detail .banner img{will-change:transform}.mac .artist-list .rows .row-sel{position:absolute;left:10px;right:10px;top:0;height:44px;border-radius:8px;background:#5a5d66;will-change:transform}.mac .artist-list .artist-row{z-index:1}.mac .artist-row.selected{background:none}.mac .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;visibility:hidden;pointer-events:none}.mac .studio-host{transition:none}.mac>.toast{left:50%;transform:translate3d(-50%,0,0);opacity:0;z-index:26}.mac .cursor{width:32px;height:32px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45)) drop-shadow(0 0 10px rgba(253,76,107,.35));transition:opacity .25s}.mac .cursor svg{width:32px;height:32px;position:relative}.mac .cursor .ripple{left:7px;top:5px}.mac .cursor .ripple:after{background:#fd4c6b47;box-shadow:0 0 0 2px #ff8aa0b3}.mac>.page.layer-taste{z-index:22;overflow:hidden}.mac .onboard{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 80% at 50% 0%,#2a1f3d,#14121c 55%,#0c0c11);color:#fff;overflow:hidden}.mac .onboard .glow{position:absolute;left:50%;top:-260px;width:900px;height:520px;margin-left:-450px;border-radius:50%;background:radial-gradient(closest-side,rgba(253,76,107,.28),transparent)}.mac .onboard .lights{top:18px;left:20px}.mac .onboard .bar{position:absolute;top:24px;left:50%;width:260px;margin-left:-130px;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.mac .onboard .bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ff5d7a,#ff9a6b);border-radius:2px}.mac .onboard .ob-track{position:absolute;top:60px;bottom:90px;left:0;width:200%;display:flex;will-change:transform}.mac .onboard .step{width:50%;text-align:center;padding:26px 120px 0}.mac .onboard h1{margin:0;font-size:34px;font-weight:800;letter-spacing:-.02em}.mac .onboard .step>p{margin:8px 0 0;font-size:15px;color:#ffffff9e}.mac .onboard .tiles{display:grid;grid-template-columns:repeat(6,178px);gap:18px;justify-content:center;margin-top:30px}.mac .onboard .tile{position:relative;height:178px;border-radius:18px;overflow:hidden;box-shadow:0 6px 16px #00000059,inset 0 0 0 1px #ffffff14;transform:scale(calc(1 - var(--on, 0) * .04));text-align:left}.mac .onboard .tile .collage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr}.mac .onboard .tile .collage img{width:100%;height:89px;object-fit:cover}.mac .onboard .tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.82))}.mac .onboard .tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:18px;box-shadow:inset 0 0 0 calc(var(--on, 0) * 3px) #fd4c6b}.mac .onboard .tile b{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;font-size:17px;font-weight:700;line-height:1.15}.mac .onboard .tile .check{position:absolute;top:10px;right:10px;z-index:3;width:26px;height:26px;border-radius:50%;background:#fd4c6b;color:#fff;display:flex;align-items:center;justify-content:center;transform:scale(var(--on, 0));box-shadow:0 2px 8px #0006}.mac .onboard .tile .check svg{width:14px;height:14px}.mac .onboard .notes .field{margin:30px auto 0;width:580px;min-height:92px;border-radius:18px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a;padding:18px;font-size:16px;text-align:left;color:#fff}.mac .onboard .notes .field.focus{box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 3px #fd4c6b66}.mac .onboard .notes .field .ph{color:#fff6}.mac .onboard .notes .field .typed:after{content:"";display:inline-block;width:1.5px;height:18px;background:#fd4c6b;vertical-align:-3px;margin-left:1px;animation:caret 1s steps(1) infinite}.mac .onboard .notes .chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:620px;margin:22px auto 0}.mac .onboard .notes .chips span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:7px 12px;border-radius:999px;background:#ffffff1a;color:#fffc;transition:background .3s,color .3s}.mac .onboard .notes .chips span svg{width:11px;height:11px}.mac .onboard .notes .chips span.on{background:linear-gradient(180deg,#ff6681,#f43b5d);color:#fff}.mac .onboard .ob-explicit{margin-top:28px}.mac .onboard .ob-explicit b{display:block;font-size:15px;font-weight:600;margin-bottom:10px}.mac .onboard .ob-explicit div{display:flex;gap:8px;justify-content:center}.mac .onboard .ob-explicit span{font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;background:#ffffff1a}.mac .onboard .ob-explicit span.on{background:linear-gradient(180deg,#ff6681,#f43b5d)}.mac .onboard footer{position:absolute;left:0;right:0;bottom:0;height:90px;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:0 48px;border-top:1px solid rgba(255,255,255,.07)}.mac .onboard footer .hint{font-size:13px;color:#ffffff8c}.mac .onboard footer .go{height:40px;padding:0 26px;border-radius:20px;font-size:15px;font-weight:600;background:#ffffff1f;color:#ffffff80}.mac .onboard footer .go.ready{background:linear-gradient(180deg,#ff6681,#f43b5d);color:#fff;box-shadow:0 8px 22px #fd4c6b59}.mac .toolbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(38,41,52,calc(.94 - var(--over, 0) * .34))}.mac .content .page,.mac>.page{will-change:opacity,transform}.mac .artist-list .artist-row{content-visibility:auto;contain-intrinsic-size:auto 44px}
