.inline-party-demo{margin-top:30px;border-top:1px solid #d7cddd;padding-top:20px}.inline-party-demo .demo-player{position:static;max-width:none;padding:22px;border-radius:18px;background:#eee7f6;color:#25212c}.inline-party-demo #demo-now-art{width:66px;height:66px;object-fit:cover;float:right;margin:0 0 10px 12px;border-radius:9px}.inline-party-demo .demo-player>h3{font-size:20px;margin:12px 0 7px}.inline-party-demo .badge{font-size:9px}.inline-party-demo .party-controls{clear:both}.inline-party-demo .party-controls input{min-width:0}.inline-party-demo #demo-queue{padding-left:20px;font-size:12px}.inline-party-demo [hidden]{display:none!important}.demo-how{font-size:13px!important;line-height:1.8!important}.inline-party-demo #demo-skip{font:700 12px Arial;padding:9px 13px;background:white;color:#6537d9;border:1px solid #d3c4e9;border-radius:20px;cursor:pointer}.inline-party-demo .party-controls label{font-size:11px}
.chapter{font-size:clamp(18px,2.1vw,27px);font-weight:800;padding-top:32px;padding-bottom:32px;letter-spacing:1px}.chapter span:last-child{font-size:14px;align-self:center}@media(max-width:800px){.chapter{font-size:20px;padding:27px 24px}}
.step:has(.inline-party-demo){align-items:start}.step:has(.inline-party-demo)>.step-copy{grid-column:2/-1}.inline-party-demo{grid-column:2;margin:0;padding:0;border:0}.inline-party-demo>.eyebrow{margin:0 0 18px;text-align:center;color:var(--purple)}.inline-party-demo .demo-player{padding:22px}.inline-party-demo .demo-player>p{font-size:13px;margin:7px 0}.inline-party-demo .demo-player>h3{font-size:20px;margin:16px 0 7px}.inline-party-demo .demo-player>.badge,.inline-party-demo .demo-player>.eyebrow,.inline-party-demo #demo-time,.inline-party-demo #demo-progress,.inline-party-demo #demo-volume,.inline-party-demo .party-controls label,.inline-party-demo #queue-empty{display:none}.inline-party-demo .party-controls{display:block;margin-top:18px}.inline-party-demo .party-controls #demo-toggle{width:100%;font-size:14px;padding:11px;min-height:42px;background:var(--purple);color:white}.inline-party-demo .demo-player>h3:has(+ #demo-queue:empty){display:none}.inline-party-demo #demo-status{font-size:12px;line-height:1.5}.inline-party-demo #demo-skip{margin-top:10px}.step:has(.inline-party-demo)>.phone-stage{grid-column:3;grid-row:2}.step:has(.inline-party-demo)>.step-copy p{max-width:800px}.demo-how{display:flex;gap:20px;flex-wrap:wrap;color:var(--purple);padding:15px 0}.inline-party-demo #demo-now-art{width:58px;height:58px}@media(max-width:800px){.step:has(.inline-party-demo)>.step-copy{grid-column:2}.inline-party-demo{grid-column:2}.step:has(.inline-party-demo)>.phone-stage{grid-column:2;grid-row:auto;margin-top:20px}}@media(max-width:450px){.step:has(.inline-party-demo)>.step-copy,.inline-party-demo,.step:has(.inline-party-demo)>.phone-stage{grid-column:1}.demo-how{gap:8px;display:grid}}

.inline-party-demo .demo-player:has(#demo-queue:empty)>h3:last-of-type{display:none}

.hand-note{transform:none}