.jam-page{max-width:1160px;margin:0 auto;padding:18px 0 36px;color:#f5f3f6}.jam-heading{max-width:740px;margin-bottom:28px}.jam-eyebrow{display:flex;align-items:center;gap:9px;color:#eaa2b3;font-size:11px;font-weight:750;letter-spacing:1.8px}.jam-eyebrow .icon{width:22px;height:22px}.jam-heading h1{font-size:clamp(34px,5vw,60px);line-height:1.06;letter-spacing:-2px;margin:18px 0}.jam-heading p{color:#bcb6c0;max-width:590px;line-height:1.65}.jam-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.jam-now{min-width:0;padding:28px;border:1px solid #694451;border-radius:20px;background:radial-gradient(ellipse at 10% 0%,#5e2f4566,transparent 70%),#1b181e}.jam-now h2{font-size:clamp(23px,3vw,34px);line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.8px;margin:20px 0 8px}.jam-now>p{color:#bfb6c1;line-height:1.5}.jam-cover{margin-top:22px;max-width:270px}.jam-cover>.cover-art{width:100%;aspect-ratio:1;border-radius:14px}.jam-transport{display:flex;align-items:center;gap:18px;margin:24px 0 12px}.jam-transport .play-button{width:56px;height:56px}.jam-transport .icon-button{width:44px;height:44px}.jam-now>.text-button{display:inline-flex;margin-top:16px}.jam-side{display:grid;gap:20px;min-width:0}.jam-panel{background:#19181c;border:1px solid #343037;border-radius:18px;padding:24px;min-width:0}.jam-panel h2{font-size:19px;margin:0 0 12px;letter-spacing:-.4px}.jam-panel p{color:#bcb6c0;line-height:1.6;font-size:14px}.jam-panel-heading{display:flex;gap:16px;justify-content:space-between;align-items:center}.jam-panel-heading h2{margin:0}.jam-count{font-size:12px;color:#d7bdc5;background:#33272f;border:1px solid #58404b;padding:5px 10px;border-radius:20px;white-space:nowrap}.jam-members{list-style:none;padding:0;margin:16px 0}.jam-members li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #302a32}.jam-members li:last-child{border-bottom:0}.jam-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;flex-shrink:0;background:#3b2f41;color:#f0dce6;font-weight:700}.jam-member-playing .jam-avatar{box-shadow:0 0 0 2px #b6dfb03d}.jam-members li>div{min-width:0;flex:1}.jam-members strong,.jam-members small{display:block;overflow-wrap:anywhere}.jam-members strong{font-size:14px}.jam-members small{color:#b7adb9;font-size:12px;margin-top:4px;line-height:1.4}.jam-members .icon-button{flex-shrink:0;min-width:40px;min-height:40px}.jam-muted{color:#a99fac!important;font-size:12px!important;line-height:1.65!important}.jam-invite-label{display:block;color:#cec4d0;font-size:12px;margin:16px 0 8px}.jam-invite{width:100%;min-width:0;box-sizing:border-box;background:#101014!important;border:1px solid #54434f!important;color:#e0c8d4!important;border-radius:9px!important;font-size:13px!important;padding:12px!important}.jam-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 24px}.jam-page .primary-button,.jam-page .secondary-button{min-height:44px;max-width:100%;white-space:normal}.jam-page button:disabled{opacity:.48;cursor:default}.jam-permission{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}.jam-permission input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#d06687}.jam-queue{margin-top:24px}.jam-queue .jam-eyebrow{margin-bottom:8px}.jam-queue ol{list-style:none;margin:20px 0 8px;padding:0}.jam-queue li{display:flex;gap:16px;align-items:center;padding:13px 0;border-top:1px solid #302a32}.jam-queue li>span{width:22px;flex-shrink:0;text-align:center;color:#8f8595;font-size:13px}.jam-queue li>div{flex:1;min-width:0}.jam-queue strong,.jam-queue small{display:block;overflow-wrap:anywhere}.jam-queue strong{font-size:14px;font-weight:650;line-height:1.4}.jam-queue small{font-size:12px;margin-top:5px;color:#b7acba}.jam-queue .jam-empty{color:#bcb0c1;line-height:1.6;font-size:14px}.jam-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px}.jam-bottom p{font-size:12px;color:#a89aaf;width:100%;margin:0;line-height:1.6}.jam-end{color:#efaabb}.jam-help{color:#b1a4b9;font-size:13px;line-height:1.7;border-top:1px solid #38303c;margin-top:28px;padding-top:20px}.jam-help summary{cursor:pointer;color:#d8c9df;padding:5px 0}.jam-status{background:#352735;border:1px solid #604353;color:#e8cdda;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.5;margin:0 0 22px;overflow-wrap:anywhere}.jam-welcome{position:relative;isolation:isolate;padding-top:36px}.jam-welcome:before{content:"";position:absolute;inset:-40px -22px auto;z-index:-1;height:450px;background:radial-gradient(ellipse at 85% 30%,#622d444a,transparent 65%);pointer-events:none}.jam-welcome .jam-heading{max-width:640px}.jam-welcome .jam-heading h1{font-size:clamp(44px,6vw,76px);letter-spacing:-2.8px}.jam-start{margin:26px 0 40px;max-width:600px}.jam-start>p{font-size:13px;color:#a99bac;line-height:1.65;overflow-wrap:anywhere}.jam-start .primary-button,.jam-invitation .primary-button{padding:14px 25px;border-radius:28px}.jam-orbit{position:absolute;right:7%;top:38px;width:170px;height:170px;border:1px solid #745061;border-radius:50%;display:grid;place-items:center;z-index:-1;opacity:.8;transform:rotate(-16deg)}.jam-orbit>span{display:grid;place-items:center;background:#493044;width:104px;height:104px;border-radius:50%;border:1px solid #896379}.jam-orbit .icon{width:52px;height:52px;transform:rotate(16deg);color:#e1b7cb}.jam-orbit i,.jam-orbit b{position:absolute;width:24px;height:24px;border-radius:50%;background:#d87f9c;border:5px solid #211921}.jam-orbit i{top:0;left:28px}.jam-orbit b{bottom:0;right:30px;background:#ae91c5}.jam-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #3b2c3c;padding-top:28px;margin-top:34px}.jam-steps article{padding:10px 4px}.jam-steps article>span{font-size:12px;color:#d890aa;letter-spacing:2px}.jam-steps h2{font-size:19px;margin:12px 0}.jam-steps p{font-size:14px;line-height:1.6;color:#afa2b6;max-width:240px}.jam-privacy{font-size:12px;line-height:1.8;color:#a99bb0;margin-top:32px;max-width:850px}.jam-invitation{border:1px solid #664050;background:linear-gradient(130deg,#382332,#201b23);padding:26px;border-radius:16px;max-width:640px;margin:26px 0}.jam-invitation h2{font-size:25px;overflow-wrap:anywhere;line-height:1.3}.jam-invitation>p{color:#c6b4cd;font-size:14px;line-height:1.6}.jam-invitation .text-button{display:block;margin-top:18px;font-size:13px}.jam-notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-left:3px solid #d686a2;background:#34212f;color:#f0d6e5;font-size:13px;padding:12px 18px}.jam-notice>span{flex:1;min-width:150px;line-height:1.5}.jam-notice .text-button{color:#efc3d8;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}.jam-notice .secondary-button{min-height:40px;font-size:12px}.jam-expanded{display:flex;align-items:center;gap:12px;color:#e0c5d7;padding:15px;margin-top:10px;border:1px solid #614458;border-radius:12px;text-decoration:none}.jam-expanded .icon{width:27px;height:27px}.jam-expanded span{display:block}.jam-expanded small{display:block;color:#b59aae;margin-top:4px;font-size:11px}.jam-active{color:#efb5cf!important}.jam-link-entry{margin:14px 0;padding:16px;border:1px solid #614458;border-radius:12px}.jam-link-entry p{color:#bfaac4;line-height:1.5;font-size:13px}.mobile-nav:has([data-nav="jam"]){grid-template-columns:repeat(5,minmax(0,1fr))}.jam-page [hidden],.jam-notice[hidden]{display:none!important}.jam-page :focus-visible{outline:2px solid #ecb0d0;outline-offset:4px}
@media(max-width:1100px){.jam-orbit{right:0;width:130px;height:130px;opacity:.38}.jam-orbit>span{width:80px;height:80px}.jam-welcome .jam-heading{max-width:600px}.jam-grid{gap:16px}.jam-panel{padding:20px}.jam-now{padding:22px}}
@media(max-width:760px){.jam-page{padding-top:8px}.jam-grid{grid-template-columns:minmax(0,1fr)}.jam-heading h1{letter-spacing:-1.4px}.jam-heading{margin-bottom:20px}.jam-now{padding:22px}.jam-cover{max-width:185px;margin-top:20px}.jam-now h2{font-size:28px}.jam-transport{margin-top:18px}.jam-side{gap:16px}.jam-panel-heading{align-items:flex-start;flex-wrap:wrap}.jam-steps{grid-template-columns:minmax(0,1fr);gap:0}.jam-steps article{position:relative;padding:16px 0 16px 40px;border-bottom:1px solid #302833}.jam-steps article>span{position:absolute;top:30px;left:0}.jam-steps h2{margin:8px 0}.jam-steps p{max-width:none;margin:8px 0}.jam-welcome .jam-heading h1{font-size:50px;letter-spacing:-2.2px}.jam-welcome .jam-heading p{font-size:14px}.jam-welcome{padding-top:22px}.jam-orbit{top:23px;right:0;width:100px;height:100px;opacity:.24}.jam-orbit>span{width:62px;height:62px}.jam-orbit .icon{width:32px;height:32px}.jam-invitation{padding:22px}.jam-invitation h2{font-size:24px}.jam-notice{padding:10px 16px}.jam-queue{padding:20px}.jam-bottom{gap:14px}.mobile-nav [data-nav="jam"] .icon{width:21px;height:21px}}