/* The shared frame stays calm; members' saved room skins remain inside it. */
body.sx-enabled{--sx-ink:#173e4b;--sx-muted:#576c70;--sx-paper:#f7f6ef;--sx-line:#d9e2df;--sx-cyan:#87e0e6;background:var(--sx-paper)!important;color:var(--sx-ink);font-family:'Nunito',system-ui,sans-serif;font-size:16px;padding:0!important;margin:0;min-width:320px}
body.sx-enabled::before,body.sx-enabled::after{display:none!important}
body.sx-enabled #app.sx-app{padding-left:224px!important;font-family:'Nunito',system-ui,sans-serif!important}
body.sx-enabled #app.sx-app .sx-hero h1,body.sx-enabled #app.sx-app .sx-content h2,body.sx-enabled #app.sx-app .sx-content h3,body.sx-enabled #app.sx-app .sx-page-heading h1,body.sx-enabled .sx-brand,body.sx-enabled .sx-nav,body.sx-enabled .sx-top,body.sx-enabled .sx-discover-card,body.sx-enabled .sx-hero-copy{font-family:'Nunito',system-ui,sans-serif!important}
body.sx-enabled #app.sx-app :is(.sx-hero,.sx-brand,.sx-nav,.sx-top,.sx-discover-card,.sx-intro,.sx-together) *{font-family:'Nunito',system-ui,sans-serif!important}
body.sx-enabled #app.sx-app .sx-account-actions button{font-size:12px!important;min-width:0!important;width:auto!important;white-space:nowrap!important;background:transparent!important;color:var(--sx-ink)!important;box-shadow:none!important;border-radius:8px!important;padding:9px 16px!important;line-height:1.4!important}
body.sx-enabled #app.sx-app .sx-account-actions #sk-sign-up{background:var(--sx-ink)!important;color:#fff!important}
.sx-enabled #app.sx-app{width:100%;max-width:none;margin:0;padding:0 0 0 224px;background:transparent!important;border:0;border-radius:0;box-shadow:none;min-height:100dvh;color:var(--sx-ink);overflow:visible}
.sx-enabled *{box-sizing:border-box}.sx-enabled [hidden]{display:none!important}
.sx-enabled a{color:inherit}.sx-enabled button,.sx-enabled input,.sx-enabled select,.sx-enabled textarea{font:inherit}
.sx-enabled :focus-visible{outline:3px solid #00788b!important;outline-offset:4px}
.sx-enabled h1,.sx-enabled h2,.sx-enabled h3{font-family:'Nunito',system-ui,sans-serif;text-shadow:none;letter-spacing:-.045em}
.sx-enabled h1{font-size:clamp(32px,4vw,56px);line-height:1.08}.sx-enabled h2{font-size:34px;line-height:1.12}.sx-enabled p{line-height:1.6}
.sx-skip{position:fixed;top:-100px;left:240px;z-index:9999;background:white;padding:14px}.sx-skip:focus{top:8px}
.sx-rail{width:224px;position:fixed;inset:0 auto 0 0;z-index:35;display:flex;flex-direction:column;padding:32px 20px 24px;background:#f0f4ee;border-right:1px solid #d5e0d9;color:var(--sx-ink)}
.sx-brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:23px;font-weight:900;line-height:1.05;letter-spacing:-1px}.sx-brand img{width:44px;height:44px;object-fit:contain}.sx-brand small{display:block;font-size:10px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase;margin-top:7px}
.sx-rail-caption{font-size:11px;color:#6d7c76;margin:26px 8px 12px;letter-spacing:.2px}
.sx-nav{display:flex;flex-direction:column;gap:8px}.sx-nav a,.sx-nav button{border:0;position:relative;display:flex;align-items:center;gap:15px;width:100%;min-height:52px;padding:12px 17px;border-radius:12px;background:transparent;color:var(--sx-ink);text-decoration:none;font-size:14px;font-weight:800;cursor:pointer;text-align:left;box-shadow:none}
.sx-nav [aria-current=page]{background:#d9e9dd;color:#194e42}.sx-nav a:hover,.sx-nav button:hover{background:#e1ebe2}.sx-nav [aria-current=page]::after{content:'';width:5px;height:5px;border-radius:50%;background:#287862;margin-left:auto}
.sx-count{background:#d45337;color:white;border-radius:30px;font-size:10px;padding:2px 6px}.sx-rail-bottom{margin-top:auto;padding:24px 12px 0;color:#587260;font-size:14px}.sx-rail-bottom p{margin:9px 0;font-weight:800}.sx-rail-bottom small{font-size:10px}.sx-masi-mark{font-size:33px}
.sx-enabled .sx-top{position:relative;inset:auto;z-index:30;height:86px;min-height:0;width:100%;max-width:none;margin:0;border:0;border-radius:0;padding:16px 4.6%;display:flex;justify-content:space-between;align-items:center;background:var(--sx-paper);box-shadow:none;color:var(--sx-ink);backdrop-filter:none}
.sx-top-note{font-size:12px;letter-spacing:.3px}.sx-mobile-brand{display:none!important}.sx-account-actions .bv-entry-account-actions{display:flex!important;flex-direction:row!important;gap:10px;margin:0;padding:0;position:static!important}
.sx-enabled .sx-account-actions button{min-height:40px;min-width:0;padding:8px 18px;border:1px solid #c1d0c9;border-radius:8px;box-shadow:none;background:transparent;color:var(--sx-ink);font-size:12px;font-weight:800;width:auto;text-transform:none;letter-spacing:0}
.sx-account-actions #sk-sign-in{order:-1;border-color:transparent;background:transparent}.sx-account-actions #sk-sign-up{background:var(--sx-ink);border-color:var(--sx-ink);color:white}
.sx-content{margin:0 auto;padding:0 4.6%;max-width:1536px}.sx-panel{width:100%;min-width:0}.sx-eyebrow{display:block;font-size:10px;font-weight:900;line-height:1.4;letter-spacing:2px;text-transform:uppercase}
.sx-hero{isolation:isolate;min-height:590px;position:relative;border-radius:20px;overflow:hidden;background:#295e68;color:#fff7e6;padding:66px 6%;display:flex;align-items:center}
.sx-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.sx-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,49,53,.8),rgba(20,52,57,.25) 75%);z-index:-1}.sx-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:8px;background:url('/assets/masi-band.svg') center/auto 16px;opacity:.8}
.sx-hero-copy{max-width:550px;width:59%;position:relative;z-index:2}.sx-hero .sx-eyebrow{font-size:10px;letter-spacing:2.2px;color:#f6e5c5}.sx-hero h1{color:#fff7e7;font-size:clamp(48px,5.3vw,77px);font-weight:900;letter-spacing:-.055em;line-height:1.01;margin:24px 0}.sx-hero h1 em{font-style:normal;color:#a9e8de}.sx-hero p{font-size:15px;line-height:1.65;max-width:345px;color:#fff9e9;margin:0 0 24px}.sx-hero small{font-size:11px;display:block;margin-top:19px;color:#eee6d4}.sx-inline{border:0;border-bottom:1px solid currentColor;background:none;color:inherit;font-weight:800;cursor:pointer;padding:2px 0;margin-left:3px;min-height:32px}
.sx-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.sx-enabled .sx-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:45px;padding:12px 20px;border-radius:9px;border:1px solid #c1d0c9;background:#fffdf7;color:var(--sx-ink);font-size:12px;font-weight:900;text-decoration:none;line-height:1.4;box-shadow:none;cursor:pointer;white-space:normal}.sx-enabled .sx-primary{background:var(--sx-cyan);border-color:var(--sx-cyan);color:#163d48}.sx-enabled .sx-white{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.45);color:white;backdrop-filter:blur(8px)}.sx-button:hover{filter:brightness(.95);transform:translateY(-1px)}
.sx-postcard{width:300px;max-width:36%;position:absolute;right:5%;top:26%;background:#fff9e9;color:#24443d!important;border-radius:13px;text-decoration:none;box-shadow:0 22px 50px #123a3355;transform:rotate(4deg);overflow:hidden;transition:transform .2s}.sx-postcard:hover{transform:rotate(0)}.sx-postcard-top{font-size:9px;font-weight:900;letter-spacing:1.5px;display:flex;justify-content:space-between;padding:14px 16px}.sx-postcard-cover{height:132px;background:#295e68 url('/assets/skins/editorial/vanua-20261025.webp') center/cover}.sx-postcard-body{padding:0 15px 18px;display:flex;gap:10px;align-items:center;position:relative}.sx-avatar{width:52px;height:52px;border:3px solid #fff9e9;border-radius:50%;margin-top:-8px;flex-shrink:0;background:#a9c5ac}.sx-postcard-body b{display:block;font-size:16px;margin:13px 0 2px;letter-spacing:-.5px}.sx-postcard-body div>span{font-size:9px}.sx-example{position:absolute;top:-25px;right:10px;background:#fff9e9;padding:3px 7px;border-radius:3px;font-size:7px;font-weight:900;letter-spacing:1px}.sx-postcard-song{display:flex;align-items:center;gap:8px;padding:14px;background:#e7ead9;border-top:1px solid #d4dbc6;font-size:9px;font-weight:800}.sx-postcard-song svg{width:17px}.sx-postcard-song>span:last-child{margin-left:auto;letter-spacing:2px}.sx-hero-caption{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:8px;font-weight:800;letter-spacing:2px;opacity:.85}.sx-hero-caption span{letter-spacing:.6px}
.sx-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:60px 0 28px}.sx-intro h2{margin:14px 0 0;font-size:36px}.sx-intro p{font-size:13px;color:var(--sx-muted);max-width:295px;margin:0 0 4px}.sx-discover{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sx-discover-card{position:relative;min-height:250px;padding:25px;border-radius:14px;text-decoration:none;overflow:hidden;background:#e3eadb;color:#1c4c3f!important;transition:transform .2s}.sx-discover-card>svg{margin-bottom:28px}.sx-discover-card small{display:block;font-size:8px;font-weight:900;letter-spacing:1.5px}.sx-discover-card h3{font-size:27px;line-height:1.1;font-weight:900;margin:12px 0 25px}.sx-discover-card>span{font-size:10px;font-weight:900}.sx-discover-card:hover{transform:translateY(-4px)}.sx-discover-music{background:#f4dfbb;color:#735126!important}.sx-discover-space{background:#d8e9eb;color:#225566!important}.sx-discover-music:after{content:'♫';position:absolute;right:10px;top:10px;font-size:130px;transform:rotate(15deg);opacity:.08}.sx-discover-space:after{content:'✦';position:absolute;right:-15px;top:0;font-size:180px;opacity:.08}
.sx-together{position:relative;margin:40px 0 0;padding:50px 30px;text-align:center;background:#203f43;color:#fff8e7;border-radius:14px;overflow:hidden}.sx-together:before{content:'';position:absolute;inset:0;background:url('/assets/masi-band.svg') center/80px;opacity:.04;pointer-events:none}.sx-together h2{font-size:36px;margin:15px 0 23px;color:inherit}.sx-together .sx-button{background:#cce9dd;border:0}.sx-together .sx-eyebrow{color:#b4d9c6}
.sx-footer{padding:38px 4.6% 26px;display:flex;align-items:start;justify-content:space-between;gap:20px;font-size:11px}.sx-footer>a{font-weight:900;text-decoration:none;white-space:nowrap}.sx-footer>a span{font-weight:400;color:var(--sx-muted)}.sx-footer .bv-classic-footer{border:0;padding:0;margin:0;background:none;box-shadow:none;font-size:10px;color:var(--sx-muted);gap:10px;display:flex;flex-wrap:wrap;justify-content:flex-end}.sx-footer .bv-classic-footer>span{display:none}.sx-footer details{font-size:10px;max-width:280px}.sx-footer button{background:none;border:0;color:var(--sx-ink);text-decoration:underline;cursor:pointer}
.sx-page-heading{padding:12px 0 0}.sx-back{font-size:11px;text-decoration:none;display:inline-block;min-height:34px;margin-bottom:18px}.sx-page-heading h1{font-size:46px;margin:16px 0 0}.sx-lead{max-width:680px;font-size:15px;color:var(--sx-muted);margin:18px 0 32px}.sx-people-layout,.sx-talanoa-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.sx-side-card{padding:36px;border:1px solid var(--sx-line);border-radius:16px;background:#e5ecdf}.sx-side-card h2{font-size:34px;margin:22px 0}.sx-side-card p{font-size:14px;color:#4d695d;margin-bottom:24px}.sx-side-card .sx-button{background:#fdfaf0}.sx-text-link{display:block;font-size:12px;font-weight:800;margin:24px 0;text-underline-offset:5px}
.sx-enabled .sx-panel .bv-connect-header{display:flex;flex-direction:column;gap:20px;padding:0;margin:0;border:0;background:none;box-shadow:none;border-radius:0;max-width:none}.sx-enabled .sx-panel .bv-connect-header:before,.sx-enabled .sx-panel .bv-connect-header:after{display:none}.sx-enabled .sx-panel .bv-home-search,.sx-enabled .sx-panel .bv-entry-invite{position:static;width:100%;max-width:none;margin:0;padding:24px;background:#fffdf7;color:var(--sx-ink);border:1px solid var(--sx-line);border-radius:14px;box-shadow:none;transform:none}.sx-enabled .sx-panel .bv-home-search label{font-size:20px;color:var(--sx-ink);font-weight:900}.sx-enabled .sx-panel .bv-home-search input{background:#f7f8f2;color:var(--sx-ink);border:1px solid #c8d7d1;border-radius:8px;min-height:46px;padding:10px;font-size:14px}.sx-enabled .sx-panel .bv-home-search button{width:46px;height:46px;background:#d0e9df;color:var(--sx-ink);border-radius:8px;box-shadow:none;border:0}.sx-enabled .sx-panel .bv-entry-invite h3{font-size:25px;color:var(--sx-ink)}.sx-enabled .sx-panel .bv-entry-invite p,.sx-enabled .sx-panel .bv-home-search small{color:var(--sx-muted);font-size:12px}.sx-enabled .sx-panel .bv-entry-invite small{color:#53705d;font-size:9px}.sx-enabled .sx-panel .bv-entry-share-actions{display:flex;gap:8px;flex-wrap:wrap}.sx-enabled .sx-panel .bv-entry-share-actions button{background:#e6f1e8;color:var(--sx-ink);border:1px solid #c5d8c9;border-radius:8px;box-shadow:none;font-size:11px;padding:10px 14px;min-height:44px}.sx-enabled .sx-panel .bv-entry-invite-icon{background:#e2ece1;color:#386251;box-shadow:none}
.sx-enabled .sx-panel #bv-circle{padding:0;margin:0;width:100%;max-width:none;border:0;background:none}.sx-enabled .sx-panel .bv-circle-feature{min-height:460px;border:0;border-radius:16px;box-shadow:none;padding:34px;background:#214d53;color:#fff7e6;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.sx-enabled .sx-panel .bv-circle-feature:before,.sx-enabled .sx-panel .bv-circle-feature:after{display:none}.sx-enabled .sx-panel .bv-circle-art{position:static;display:flex;justify-content:center;min-height:0;height:145px;background:none;box-shadow:none}.sx-enabled .sx-panel .bv-circle-art img{position:static;width:130px;height:130px;object-fit:contain;transform:none}.sx-enabled .sx-panel .bv-circle-feature h2{font-size:34px;margin:5px 0;color:#fff7e6}.sx-enabled .sx-panel .bv-circle-feature p{font-size:14px;color:#d9e7df;margin:0 0 16px}.sx-enabled .sx-panel .bv-circle-feature small{color:#b9d8c8;font-size:9px}.sx-enabled .sx-panel .bv-circle-explore{position:static;transform:none;background:#cce9dd;color:#1b443f;padding:13px 18px;border:0;border-radius:8px;font-size:12px;min-height:45px;box-shadow:none}
.sx-profile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:22px 0 28px;padding:20px 24px;border:1px solid var(--sx-line);border-radius:12px;background:#fffdf7}.sx-profile-toolbar p{max-width:450px;font-size:12px;margin:0;color:var(--sx-muted)}.sx-profile-toolbar b{display:block;color:var(--sx-ink);font-size:14px;margin-bottom:4px}.sx-room-example{max-width:1000px;margin:auto;border-radius:18px;overflow:hidden}.sx-room-example .bv-preview{margin:0!important;max-width:none!important}.sx-profile-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0;font-size:12px;color:var(--sx-muted)}
.sx-enabled .sx-panel #bv-your-room{margin:0;padding:0;background:none;border:0;box-shadow:none;max-width:none}.sx-enabled .sx-panel #bv-your-room>.bv-discovery-heading{background:none;border:0}.sx-enabled .sx-panel .bv-discovery-card{border-radius:12px;box-shadow:none}.sx-enabled .sx-panel #sota-connections{margin:0;max-width:100%;border-radius:16px;overflow:hidden}
/* One unchanged audio owner, with a quieter surrounding music page. */
.sx-enabled .sx-panel #sota-music-home,.sx-enabled .sx-member-content #sota-music-home{margin:0;max-width:none;background:none;border:0;padding:0;box-shadow:none}
.sx-enabled .sx-panel .bv-music-feature,.sx-enabled .sx-member-content .bv-music-feature{display:none!important}
.sx-enabled .sota-music-views{border-radius:16px;border:1px solid var(--sx-line);overflow:hidden;box-shadow:none;background:#fffdf7;margin:0}.sx-enabled .sota-music-view-tabs{background:#edf1e6;padding:10px;gap:6px;border:0;justify-content:flex-start}.sx-enabled .sota-music-view-tabs button{background:transparent;color:#52706a;border:0;border-radius:8px;box-shadow:none;font-size:12px;min-height:42px;padding:10px 20px}.sx-enabled .sota-music-view-tabs button[aria-selected=true]{background:#fffdf7;color:var(--sx-ink);box-shadow:0 1px 4px #173e4b12}.sx-enabled [data-music-view=playlist]{order:-1}.sx-enabled .sota-music-view-panel{padding:0}.sx-enabled .sk-music-stage{border:0;border-radius:0;box-shadow:none;margin:0}.sx-enabled .sk-playlist-inline{margin:0;border-radius:0;box-shadow:none}
/* Signed-in pages keep their data and actions, inside the same five destinations. */
.sx-enabled #view.sx-member-content{max-width:1200px;width:100%;margin:0 auto;padding:10px 4.6% 60px;min-height:calc(100dvh - 86px)}
.sx-member-heading{margin:10px 0 30px}.sx-member-heading h1{font-size:40px;margin:14px 0 0}.sx-enabled .sx-member-content:not(.bv-room) .glass{background:#fffdf7;color:var(--sx-ink);border:1px solid var(--sx-line);box-shadow:none;backdrop-filter:none;border-radius:14px}.sx-enabled .sx-member-content:not(.bv-room) .card{padding:24px}.sx-enabled .sx-member-content:not(.bv-room) .sub,.sx-enabled .sx-member-content:not(.bv-room) .handle{color:#58706a}.sx-enabled .sx-member-content:not(.bv-room) .btn{border-radius:8px;background:#c9e7de;color:#173e4b;box-shadow:none;border:1px solid #a9cebf}.sx-enabled .sx-member-content:not(.bv-room) input,.sx-enabled .sx-member-content:not(.bv-room) textarea{background:#f7f9f3;color:#173e4b;border:1px solid #c9d7ce;border-radius:8px}.sx-enabled .sx-member-content:not(.bv-room) h3{font-size:22px;color:var(--sx-ink)}.sx-enabled .sx-member-content:not(.bv-room) .empty{color:#57716a}.sx-map-entry{margin-top:24px}.sx-more{position:relative;margin-left:auto;font-size:12px}.sx-more summary{cursor:pointer;min-height:40px;border:1px solid #c9d7ce;border-radius:8px;list-style:none;padding:10px 17px;font-weight:800}.sx-more>div{position:absolute;right:0;top:46px;background:#fffdf7;border:1px solid var(--sx-line);border-radius:12px;width:240px;padding:8px;box-shadow:0 10px 40px #143d4820;display:grid;gap:4px}.sx-more>div>button{display:block;border:0;border-radius:6px;box-shadow:none;background:transparent;text-align:left;padding:12px;color:var(--sx-ink);font-size:13px;cursor:pointer;min-height:44px}.sx-more>div>button:hover{background:#e7eee3}.sx-utilities{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--sx-line);padding:12px 6px}.sx-utilities .luvchip{position:static!important;background:#e6eee4!important;color:var(--sx-ink)!important;box-shadow:none;border-radius:6px;font-size:11px;padding:9px;min-height:36px}
.sx-enabled .sd-launcher{display:none!important}.sx-enabled .sx-member-content.bv-room{padding-top:16px}.sx-enabled .bv-account-dialog{border-radius:18px;border:1px solid #ccd9ce;background:#fffdf7;color:var(--sx-ink);box-shadow:0 24px 80px #153d4844;max-width:min(440px,calc(100vw - 32px))}.sx-enabled .bv-account-dialog::backdrop{background:#163e4b88;backdrop-filter:blur(5px)}.sx-enabled .bv-account-dialog .bv-account-head h2{font-size:27px}.sx-enabled .bv-account-dialog .authwrap{background:transparent;border:0;box-shadow:none;color:var(--sx-ink);padding:12px}.sx-enabled .bv-account-dialog input,.sx-enabled .bv-account-dialog select{background:#f7f9f3;color:var(--sx-ink);border:1px solid #c2d0c8;border-radius:8px;min-height:44px}.sx-enabled .bv-account-dialog .btn{background:#9de0de;color:#173e4b;border:0;box-shadow:none;border-radius:8px}.sx-enabled .bv-account-dialog .sub{color:#566e65}
@media(min-width:1500px){.sx-hero{min-height:650px}.sx-hero-copy{max-width:620px}.sx-hero h1{font-size:84px}.sx-postcard{width:355px}.sx-postcard-cover{height:165px}.sx-postcard-body b{font-size:19px}}
@media(max-width:1100px){.sx-rail{width:190px;padding:27px 14px}.sx-enabled #app.sx-app{padding-left:190px}.sx-brand{font-size:20px}.sx-brand img{width:36px;height:36px}.sx-nav a,.sx-nav button{padding:12px;gap:12px}.sx-hero{min-height:570px;padding:48px 6% 70px}.sx-hero-copy{width:65%}.sx-hero h1{font-size:55px}.sx-postcard{right:4%;max-width:32%;top:34%}.sx-postcard-cover{height:110px}.sx-postcard-body{flex-wrap:wrap;padding:0 10px 10px;gap:0}.sx-postcard-body b{font-size:14px;margin-top:5px}.sx-postcard-body div{width:100%}.sx-postcard-song>span:last-child{display:none}.sx-hero .sx-actions{max-width:200px}.sx-hero .sx-actions>*{width:100%}.sx-discover-card{padding:22px}.sx-discover-card h3{font-size:23px}.sx-people-layout,.sx-talanoa-layout{gap:16px}.sx-side-card{padding:26px}.sx-side-card h2{font-size:28px}.sx-profile-toolbar{flex-direction:column;align-items:start}.sx-intro p{max-width:235px}}
@media(min-width:761px) and (max-width:1100px){body.sx-enabled #app.sx-app{padding-left:190px!important}}
@media(max-width:760px){
 body.sx-enabled #app.sx-app{padding-left:0!important}
 .sx-enabled #app.sx-app{padding:0 0 calc(80px + env(safe-area-inset-bottom));min-height:100dvh}.sx-rail{position:static;display:contents}.sx-rail>.sx-brand,.sx-rail-caption,.sx-rail-bottom{display:none}.sx-nav{position:fixed;inset:auto 0 0;z-index:100;width:100%;height:calc(71px + env(safe-area-inset-bottom));padding:5px 6px calc(5px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#fcfdf6f5;backdrop-filter:blur(16px);border-top:1px solid #d5e0d9;box-shadow:0 -3px 20px #173e4b08}.sx-nav a,.sx-nav button{padding:7px 0;min-height:56px;flex-direction:column;gap:5px;font-size:9px;line-height:1.3;text-align:center;border-radius:9px;justify-content:center;width:100%}.sx-nav [aria-current=page]{background:#e1eee0;color:#285b47}.sx-nav [aria-current=page]::after{display:none}.sx-nav svg{width:22px;height:22px}.sx-count{position:absolute;top:0;right:12px}
 .sx-enabled .sx-top{height:72px;padding:15px 20px;border-bottom:0}.sx-mobile-brand{display:flex!important;align-items:center;gap:9px;color:#214c4f!important;font-size:22px;font-weight:900;letter-spacing:-1px;text-decoration:none}.sx-mobile-brand span{font-size:19px;color:#5c8471}.sx-top-note{display:none}.sx-account-actions .bv-entry-account-actions{gap:0}.sx-enabled .sx-account-actions button{font-size:10px;padding:9px 12px;min-height:38px;border-radius:7px}.sx-account-actions #sk-sign-up{display:none!important}.sx-account-actions #sk-sign-in{border:1px solid #c1d0c9}
 .sx-content{padding:0 16px}.sx-hero{min-height:650px;display:block;border-radius:15px;padding:33px 27px 160px}.sx-hero-photo{object-position:58% center}.sx-hero:before{background:linear-gradient(180deg,#143b46c7 0%,#163e4188 50%,#19424133)}.sx-hero-copy{width:100%;max-width:none}.sx-hero .sx-eyebrow{font-size:8px;letter-spacing:1.5px}.sx-hero h1{font-size:clamp(43px,12.6vw,76px);line-height:1.03;margin:22px 0 19px}.sx-hero p{font-size:13px;line-height:1.6;max-width:270px;margin-bottom:21px}.sx-hero .sx-actions{max-width:none;display:flex;flex-direction:column;align-items:stretch;gap:9px}.sx-hero .sx-actions>*{font-size:11px;min-height:43px;padding:12px}.sx-hero small{font-size:10px;margin-top:13px}.sx-postcard{max-width:none;width:auto;right:27px;left:27px;top:auto;bottom:43px;transform:rotate(-2deg);border-radius:10px;display:grid;grid-template-columns:67px 1fr;min-height:70px}.sx-postcard-top{display:none}.sx-postcard-cover{height:100%;grid-row:1/3}.sx-postcard-body{padding:11px 10px 5px;display:flex;flex-wrap:nowrap;gap:8px}.sx-avatar{width:34px;height:34px;margin:0;border-width:2px}.sx-postcard-body div{width:auto}.sx-postcard-body b{font-size:13px;margin:0 0 2px}.sx-postcard-body div>span{font-size:8px}.sx-example{top:7px;right:6px;font-size:5px;background:none;padding:0;letter-spacing:.5px}.sx-postcard-song{font-size:8px;padding:5px 10px;gap:5px;background:#ebeddf;border:0;justify-content:flex-start}.sx-postcard-song svg{width:12px;height:12px}.sx-hero-caption{bottom:20px;left:27px;right:27px;font-size:6px;letter-spacing:1.4px}
 .sx-intro{margin:36px 6px 22px;display:block}.sx-intro .sx-eyebrow{font-size:8px;letter-spacing:1.4px}.sx-intro h2{font-size:30px;margin:12px 0}.sx-intro p{max-width:300px;font-size:12px}.sx-discover{gap:12px;grid-template-columns:1fr}.sx-discover-card{min-height:154px;padding:22px;display:grid;grid-template-columns:1fr 50px}.sx-discover-card>svg{grid-column:2;grid-row:1/4;align-self:center;justify-self:center;width:34px;height:34px;margin:0}.sx-discover-card small{grid-row:1;grid-column:1;font-size:7px}.sx-discover-card h3{grid-column:1;grid-row:2;font-size:25px;margin:10px 0 12px}.sx-discover-card>span{grid-column:1;grid-row:3;font-size:9px}.sx-together{margin-top:24px;padding:32px 20px}.sx-together h2{font-size:29px}.sx-together .sx-eyebrow{font-size:8px}.sx-footer{padding:28px 22px 16px;display:block;font-size:10px}.sx-footer>div{margin-top:15px}.sx-footer .bv-classic-footer{justify-content:start;font-size:9px}.sx-footer .bv-classic-footer button{min-height:32px}.sx-footer details{padding-top:8px}
 .sx-page-heading{padding:8px 7px 0}.sx-page-heading h1{font-size:36px;margin:14px 0 0}.sx-page-heading .sx-eyebrow{font-size:8px;letter-spacing:1.3px}.sx-back{font-size:10px;margin-bottom:12px}.sx-lead{font-size:13px;margin:17px 7px 24px}.sx-people-layout,.sx-talanoa-layout{grid-template-columns:1fr;gap:18px}.sx-side-card{padding:27px}.sx-side-card h2{font-size:30px}.sx-side-card p{font-size:13px}.sx-enabled .sx-panel .bv-home-search,.sx-enabled .sx-panel .bv-entry-invite{padding:22px}.sx-enabled .sx-panel .bv-entry-share-actions button{flex:1;min-width:115px}.sx-enabled .sx-panel .bv-circle-feature{min-height:410px;padding:25px}.sx-enabled .sx-panel .bv-circle-feature h2{font-size:30px}.sx-enabled .sx-panel .bv-circle-art{height:130px}
 .sx-profile-toolbar{margin:22px 0;padding:20px;gap:16px}.sx-profile-toolbar .sx-actions{width:100%}.sx-profile-toolbar .sx-button{flex:1;font-size:10px;gap:7px;padding:11px}.sx-profile-foot{flex-direction:column;align-items:start;padding:0 6px;font-size:12px}.sx-room-example{border-radius:12px}.sx-room-example .bv-preview{min-width:0}.sx-enabled #view.sx-member-content{padding:8px 16px 28px;min-height:calc(100dvh - 155px)}.sx-member-heading{margin:12px 7px 24px}.sx-member-heading h1{font-size:33px}.sx-member-heading .sx-eyebrow{font-size:8px}.sx-enabled .sx-member-content:not(.bv-room) .card{padding:20px}.sx-more summary{font-size:11px;min-height:38px;padding:9px 14px}.sx-more>div{top:43px}.sx-skip{left:16px}.sx-enabled .sota-music-view-tabs button{font-size:11px;padding:10px 17px}.sx-enabled .sk-playlist-inline{border-radius:0}
}
@media(prefers-reduced-motion:reduce){.sx-enabled *{scroll-behavior:auto!important}.sx-postcard,.sx-button,.sx-discover-card{transition:none;transform:none!important}}
/* Music uses the same controls and library, on a legible paper surface. */
html body.sx-enabled #app.sx-app .sota-music-views{background:#fff8ff!important;border:1px solid #d6e1d8!important;border-radius:15px!important;box-shadow:none!important;padding:0!important}
html body.sx-enabled #app.sx-app .sota-music-view-tabs{background:#e3d3fc!important;border:0!important;padding:10px!important}
html body.sx-enabled #app.sx-app .sota-music-view-tabs button{background:transparent!important;color:#625079!important;border:0!important;border-radius:8px!important;box-shadow:none!important;font-size:12px!important;font-family:Nunito,system-ui,sans-serif!important;min-height:42px!important;padding:10px 20px!important}
html body.sx-enabled #app.sx-app .sota-music-view-tabs button[aria-selected=true]{background:#fff8ff!important;color:#352044!important}
html body.sx-enabled #app.sx-app #sk-music-playlist{background:#fff8ff!important;color:#352044!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:22px!important;gap:16px!important;font-family:Nunito,system-ui,sans-serif!important;max-height:none!important}
html body.sx-enabled #app.sx-app #sk-music-playlist:before,html body.sx-enabled #app.sx-app #sk-music-playlist:after{display:none!important}
html body.sx-enabled #app.sx-app #sk-music-playlist :is(.sk-playlist-head,.sk-playlist-hero,.sk-playlist-search,.sk-playlist-queue){background:transparent!important;color:#352044!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-head{padding-bottom:14px!important;border-bottom:1px solid #d9e2df!important}
html body.sx-enabled #app.sx-app #sk-music-playlist :is(h2,strong,.sk-playlist-title){color:#352044!important;text-shadow:none!important;font-family:Nunito,system-ui,sans-serif!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-hero{min-height:90px!important;gap:18px!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-record{width:76px!important;height:76px!important;min-width:76px!important;box-shadow:none!important;background:repeating-radial-gradient(circle,#352044 0 2px,#65428b 3px 4px)!important;border:0!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-record-label{background:#ffd447!important;border:0!important;color:#4c2773!important;font-size:22px!important;box-shadow:none!important}
html body.sx-enabled #app.sx-app #sk-music-playlist :is(.sk-playlist-mood,.sk-playlist-subtitle,.sk-playlist-status,.sk-playlist-eyebrow,.sk-playlist-search label){color:#6b577a!important;text-shadow:none!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-deck{background:#f3e8fb!important;border:1px solid #d2b8e7!important;box-shadow:none!important;border-radius:12px!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-deck-play{background:#782aca!important;box-shadow:none!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-close{background:#f3e8fb!important;color:#352044!important;border:1px solid #d2b8e7!important;box-shadow:none!important;width:38px!important;height:38px!important;min-height:38px!important;font-size:18px!important}
html body.sx-enabled #app.sx-app #sk-music-playlist #sk-playlist-filter{background:#f9efff!important;color:#352044!important;border:1px solid #d2b8e7!important;border-radius:8px!important;box-shadow:none!important;min-height:44px!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-songs{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:480px!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-songs>li{background:transparent!important;border:0!important;border-bottom:1px solid #e3e9df!important;box-shadow:none!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-songs>li>button{background:transparent!important;color:#352044!important;border:0!important;border-radius:6px!important;box-shadow:none!important;font:700 13px Nunito,system-ui,sans-serif!important;min-height:53px!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-songs>li>button[aria-current=true]{background:#eddbff!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-number{background:#f2d7ec!important;color:#633a75!important;box-shadow:none!important}
.sx-music-visuals{border:1px solid #d9e2df;border-radius:10px;padding:12px;font-size:12px;color:#42665a}.sx-music-visuals summary{cursor:pointer;min-height:28px;font-weight:800}.sx-music-visuals[open] summary{margin-bottom:12px}.sx-music-visuals dimau-music-visualiser{display:block}
.sx-mini-player{position:fixed;z-index:90;bottom:18px;left:50%;transform:translateX(-35%);width:360px;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:12px;padding:12px 16px;background:#173f46;color:#fff8e8;border-radius:12px;box-shadow:0 8px 30px #173f4633;border:1px solid #45716b}.sx-mini-icon{display:flex;color:#b5e6d8}.sx-mini-open{padding:0;display:block;min-width:0;flex:1;text-align:left;border:0;background:none;color:inherit;cursor:pointer}.sx-mini-open small{display:block;font-size:7px;letter-spacing:1.5px;color:#a6d6c3;margin-bottom:4px}.sx-mini-open b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-mini-toggle{border:1px solid #60887c;background:#d9ede0;color:#173f46;border-radius:50%;width:34px;height:34px;flex:none;cursor:pointer}
@media(max-width:760px){html body.sx-enabled #app.sx-app #sk-music-playlist{padding:16px!important}.sx-mini-player{bottom:calc(79px + env(safe-area-inset-bottom));left:16px;right:16px;transform:none;width:auto;padding:9px 12px}.sx-mini-open b{font-size:10px}html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-record{width:64px!important;height:64px!important;min-width:64px!important}}
html body.sx-enabled #app.sx-app .bv-account-dialog{background:#fffdf7!important;border:1px solid #ccd9ce!important;box-shadow:0 24px 80px #153d4844!important;color:#173e4b!important;border-radius:18px!important}
html body.sx-enabled #app.sx-app .bv-account-dialog .bv-account-head{background:#e4eee1!important;color:#173e4b!important;border-radius:10px!important;box-shadow:none!important;border:0!important}
html body.sx-enabled #app.sx-app .bv-account-dialog .bv-account-head h2{font:900 25px/1.15 Nunito,system-ui,sans-serif!important;color:#173e4b!important}
html body.sx-enabled #app.sx-app .bv-account-dialog .btn{background:#9de0de!important;color:#173e4b!important;border:0!important;border-radius:8px!important;box-shadow:none!important;min-height:44px!important}
html body.sx-enabled #app.sx-app .bv-account-dialog :is(label,.sub,.bv-link){color:#526b61!important;font-family:Nunito,system-ui,sans-serif!important}
html body.sx-enabled #app.sx-app .bv-account-dialog .bv-account-head button{background:#fffdf7!important;color:#173e4b!important;box-shadow:none!important;border:1px solid #cad8cb!important;border-radius:8px!important}
html body.sx-enabled #app.sx-app .sx-panel .bv-connect-header{display:flex!important;flex-direction:column!important;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important;gap:18px!important}
html body.sx-enabled #app.sx-app .sx-panel .bv-home-search,html body.sx-enabled #app.sx-app .sx-panel .bv-entry-invite{padding:24px!important;background:#fffdf7!important;color:#173e4b!important;border:1px solid #d9e2df!important;border-radius:14px!important;box-shadow:none!important;margin:0!important}
html body.sx-enabled #app.sx-app .sx-panel .bv-home-search>div{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;gap:8px!important}
html body.sx-enabled #app.sx-app .sx-panel .bv-home-search button{background:#d4eade!important;color:#173e4b!important;box-shadow:none!important;border-radius:8px!important;border:1px solid #c5d9cc!important}
html body.sx-enabled #app.sx-app .sx-panel .bv-entry-share-actions button{background:#e5f0e6!important;color:#173e4b!important;box-shadow:none!important;border:1px solid #c5d8c9!important;border-radius:8px!important;font:800 11px Nunito,system-ui,sans-serif!important}
html body.sx-enabled #app.sx-app .sx-panel .bv-entry-invite h3{color:#173e4b!important;font:900 25px/1.15 Nunito,system-ui,sans-serif!important}
html body.sx-enabled #app.sx-app .sx-panel .bv-entry-invite-icon{background:#edf4e7!important;color:#386251!important;box-shadow:none!important;border:0!important}
/* Allow the layout to fit narrow viewports even when a desktop scrollbar is present. */
body.sx-enabled{min-width:0}
.sx-account-actions{flex:0 0 auto}
body.sx-enabled #app.sx-app .sx-account-actions button{flex:0 0 auto!important;max-width:none!important}
@media(max-width:760px){body.sx-enabled #app.sx-app{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}

/* Shared creative controls, with readable labels and the same destinations. */
body.sx-enabled #app.sx-app :is(.sx-button,.sx-nav a,.sx-nav button){min-height:44px}
body.sx-enabled #app.sx-app .sx-button{font-size:14px;line-height:1.4;transition:background-color .15s,box-shadow .15s;overflow-wrap:anywhere}
body.sx-enabled #app.sx-app .sx-button:hover{box-shadow:0 3px 12px #173e4b18}
body.sx-enabled #app.sx-app :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #137c9c;outline-offset:4px}
body.sx-enabled #app.sx-app .sx-back{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
body.sx-enabled #app.sx-app .sx-lead{font-size:16px;line-height:1.7}
body.sx-enabled #app.sx-app .sx-page-heading h1{font-size:clamp(32px,4vw,50px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
body.sx-enabled #app.sx-app .sx-top{gap:12px;height:auto;min-height:86px;flex-wrap:wrap}
.sx-design-entry{flex:none;margin-left:auto;gap:7px;white-space:normal;background:#edf5ef;border:1px solid #b6cfc3;color:#173e4b;padding:10px 15px}
.sx-account-actions{margin-left:0}
.sx-create-tools{margin:24px 0 32px;padding:24px;border:1px solid var(--sx-line);border-radius:18px;background:#fffdf7}
.sx-create-tools h2{font-size:24px;line-height:1.2;margin:0 0 8px}
.sx-create-tools>p{max-width:65ch;color:var(--sx-muted);font-size:14px;line-height:1.6;margin:8px 0 20px}
.sx-create-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx-create-tool{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:9px;padding:20px;text-align:left;background:#f1f5ed;border:1px solid #d6e2d7;border-radius:12px;min-height:130px;color:var(--sx-ink);text-decoration:none;cursor:pointer;font:inherit;min-width:0}
.sx-create-tool strong,.sx-create-tool b{font-size:16px;line-height:1.4}
.sx-create-tool span,.sx-create-tool small{font-size:13px;line-height:1.6;color:var(--sx-muted)}
.sx-create-tool:hover{border-color:#24776a;background:#e7f1e9}
.sx-create-tool svg{width:22px;height:22px;flex:none}
@media(max-width:760px){
 body.sx-enabled #app.sx-app .sx-top{min-height:76px;padding:12px 16px;gap:8px}
 body.sx-enabled #app.sx-app .sx-mobile-brand{font-size:20px}
 body.sx-enabled #app.sx-app .sx-design-entry{min-height:44px;font-size:12px;padding:8px 10px;max-width:112px}
 body.sx-enabled #app.sx-app .sx-nav :is(a,button){font-size:11px}
 body.sx-enabled #app.sx-app .sx-lead{font-size:15px}
 .sx-create-tools{padding:18px}.sx-create-actions{grid-template-columns:1fr}.sx-create-tool{min-height:0;padding:16px;gap:5px}
 body.sx-enabled #app.sx-app .sx-profile-toolbar .sx-button{font-size:13px}
}
@media(max-width:360px){body.sx-enabled #app.sx-app .sx-mobile-brand{font-size:18px}.sx-design-entry{max-width:95px}body.sx-enabled #app.sx-app .sx-account-actions button{font-size:11px;padding:8px}}
@media(prefers-reduced-motion:reduce){body.sx-enabled #app.sx-app .sx-button{transition:none}}

/* Saved page designs reach the current shared shell as well as native panels. */
body.sx-enabled #app.sx-app[data-space-designed]{--sx-ink:var(--ssd-ink);--sx-muted:var(--ssd-muted);--sx-paper:var(--ssd-background);--sx-line:var(--ssd-muted);--sx-cyan:var(--ssd-accent);font-family:var(--ssd-font)!important;font-size:calc(16px * var(--ssd-text-scale))!important;background-size:var(--ssd-wallpaper-size,cover)!important;background-repeat:var(--ssd-wallpaper-repeat,no-repeat)!important;background-position:var(--ssd-wallpaper-position,center)!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-brand,.sx-nav,.sx-top,.sx-hero-copy,.sx-content h1,.sx-content h2,.sx-content h3,.sx-discover-card,.sx-button,.sx-create-tool){font-family:var(--ssd-font)!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-rail,.sx-top,.sx-nav,.sx-footer,.sx-profile-toolbar,.sx-side-card,.sx-create-tools,.sx-more>div,.sx-mini-player){background:var(--ssd-panel)!important;color:var(--ssd-ink)!important;border-color:var(--ssd-muted)!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-brand,.sx-mobile-brand,.sx-mobile-brand span,.sx-top-note,.sx-rail-caption,.sx-rail-bottom,.sx-footer a,.sx-page-heading,.sx-profile-toolbar b,.sx-side-card h2,.sx-create-tools h2){color:var(--ssd-ink)!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-lead,.sx-profile-foot,.sx-side-card p,.sx-profile-toolbar p,.sx-create-tools>p,.sx-create-tool small,.sx-create-tool span){color:var(--ssd-muted)!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-nav a,.sx-nav button,.sx-more>div>button){color:var(--ssd-ink)!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-nav [aria-current=page],.sx-count,.sx-mini-toggle){background:var(--ssd-accent)!important;color:var(--ssd-on-accent)!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-create-tool,.sx-discover-card){background:var(--ssd-panel)!important;color:var(--ssd-ink)!important;border-color:var(--ssd-muted)!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-button,.sx-account-actions button,.sx-create-tool):not(.sx-inline){background:var(--ssd-accent)!important;color:var(--ssd-on-accent)!important;border:1px solid var(--ssd-accent)!important}
body.sx-enabled #app.sx-app[data-space-designed] .sx-create-tool :is(small,span){color:inherit!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--ssd-ink)!important;box-shadow:0 0 0 3px var(--ssd-panel)}
body.sx-enabled #app.sx-app[data-space-designed] .sx-lead{font-size:calc(16px * var(--ssd-text-scale))}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-profile-toolbar p,.sx-profile-foot,.sx-create-tools>p,.sx-side-card p){font-size:calc(14px * var(--ssd-text-scale))}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-button,.sx-create-tool strong,.sx-create-tool b){font-size:calc(14px * var(--ssd-text-scale))}
/* Artwork and member room skins keep their own readable image captions. */
body.sx-enabled #app.sx-app[data-space-designed] .sx-hero .sx-eyebrow{color:#fffdf2!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sota-music-views,#sk-music-playlist,.sota-music-view-tabs){background:var(--ssd-panel)!important;color:var(--ssd-ink)!important;border-color:var(--ssd-muted)!important}
html body.sx-enabled #app.sx-app[data-space-designed] #sk-music-playlist{font-family:var(--ssd-font)!important}
html body.sx-enabled #app.sx-app[data-space-designed] #sk-music-playlist :is(h2,strong,.sk-playlist-title){color:var(--ssd-ink)!important;font-family:var(--ssd-font)!important}
html body.sx-enabled #app.sx-app[data-space-designed] #sk-music-playlist :is(.sk-playlist-head,.sk-playlist-hero,.sk-playlist-search,.sk-playlist-queue){color:var(--ssd-ink)!important}
html body.sx-enabled #app.sx-app[data-space-designed] #sk-music-playlist :is(.sk-playlist-mood,.sk-playlist-subtitle,.sk-playlist-status,.sk-playlist-eyebrow,.sk-playlist-search label){color:var(--ssd-muted)!important}
html body.sx-enabled #app.sx-app[data-space-designed] #sk-music-playlist :is(.sk-deck,#sk-playlist-filter,.sk-playlist-close){background:var(--ssd-background)!important;color:var(--ssd-background-ink)!important;border-color:var(--ssd-muted)!important}
html body.sx-enabled #app.sx-app[data-space-designed] #sk-music-playlist .sk-deck-play{background:var(--ssd-accent)!important;color:var(--ssd-on-accent)!important}
html body.sx-enabled #app.sx-app[data-space-designed] .sota-music-view-tabs button{color:var(--ssd-ink)!important;font-family:var(--ssd-font)!important}
html body.sx-enabled #app.sx-app[data-space-designed] .sota-music-view-tabs button[aria-selected=true]{background:var(--ssd-accent)!important;color:var(--ssd-on-accent)!important}
body.sx-enabled #app.sx-app[data-space-corners=square] :is(.sx-button,.sx-create-tool,.sx-side-card,.sx-profile-toolbar,.sx-room-example,.sx-create-tools,.sx-more summary,.sx-more>div,.sx-discover-card){border-radius:3px!important}
body.sx-enabled #app.sx-app[data-space-density=compact] :is(.sx-create-tools,.sx-side-card,.sx-profile-toolbar){padding:16px!important}
body.sx-enabled #app.sx-app[data-space-density=compact] :is(.sx-create-actions,.sx-people-layout,.sx-talanoa-layout){gap:12px}
body.sx-enabled #app.sx-app[data-space-frame=wide] :is(.sx-content,.sx-member-content){max-width:none!important}
body.sx-enabled #app.sx-app[data-space-frame=centred] :is(.sx-content,.sx-member-content){max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
@media(forced-colors:active){body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-button,.sx-create-tool,.sx-nav [aria-current=page]){background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important}}

/* Page copy follows custom background contrast; cards keep their palette pair. */
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-page-heading,.sx-page-heading h1,.sx-back,.sx-lead,.sx-profile-foot,.sx-intro,.sx-intro h2,.sx-intro p){color:var(--ssd-background-ink)!important}
body.sx-enabled #app.sx-app[data-space-button-style=outline] :is(.sx-button,.sx-account-actions button,.sx-create-tool){background:var(--ssd-panel)!important;color:var(--ssd-ink)!important;border:2px solid var(--ssd-ink)!important;box-shadow:none!important}
body.sx-enabled #app.sx-app[data-space-button-style=soft] :is(.sx-button,.sx-account-actions button,.sx-create-tool){background:color-mix(in srgb,var(--ssd-accent) 14%,var(--ssd-panel))!important;color:var(--ssd-ink)!important;border:1px solid var(--ssd-muted)!important;box-shadow:none!important}
body.sx-enabled #app.sx-app[data-space-designed] .sx-create-tool :is(small,span){color:inherit!important}
body.sx-enabled #app.sx-app[data-space-text-size=large] :is(.sx-nav a,.sx-nav button,.sx-create-tool small,.sx-top-note){font-size:15px!important}
body.sx-enabled #app.sx-app[data-space-text-size=larger] :is(.sx-nav a,.sx-nav button,.sx-create-tool small,.sx-top-note){font-size:17px!important}
@media(max-width:760px){body.sx-enabled #app.sx-app[data-space-text-size=large] .sx-nav :is(a,button){font-size:12px!important}body.sx-enabled #app.sx-app[data-space-text-size=larger] .sx-nav :is(a,button){font-size:13px!important}}
/* The shared rail stays anchored while only the reading column changes width. */
body.sx-enabled #app.sx-app[data-space-frame]{width:100%!important;max-width:none!important;margin:0!important}
body.sx-enabled #app.sx-app[data-space-designed] :is(.sx-brand,.sx-nav,.sx-top,.sx-hero,.sx-discover-card,.sx-intro,.sx-together) *{font-family:var(--ssd-font)!important}
html[data-space-dialog-designed] body.sx-enabled{background-color:var(--ssd-background)!important}
body.sx-enabled #app.sx-app[data-space-designed]{background-color:var(--ssd-background)!important;background-image:var(--ssd-wallpaper,none)!important}
body.sx-enabled #app.sx-app[data-space-button-style=outline] :is(.sx-button,.sx-account-actions button,.sx-create-tool):not(.sx-inline){background:var(--ssd-panel)!important;color:var(--ssd-ink)!important;border:2px solid var(--ssd-ink)!important}
body.sx-enabled #app.sx-app[data-space-button-style=soft] :is(.sx-button,.sx-account-actions button,.sx-create-tool):not(.sx-inline){background:color-mix(in srgb,var(--ssd-accent) 14%,var(--ssd-panel))!important;color:var(--ssd-ink)!important;border:1px solid var(--ssd-muted)!important}
body.sx-enabled #app.sx-app[data-space-designed] .sx-account-actions :is(#sk-sign-up,#sk-sign-in){background:var(--ssd-accent)!important;color:var(--ssd-on-accent)!important;border:1px solid var(--ssd-accent)!important}
body.sx-enabled #app.sx-app[data-space-button-style=outline] .sx-account-actions :is(#sk-sign-up,#sk-sign-in){background:var(--ssd-panel)!important;color:var(--ssd-ink)!important;border:2px solid var(--ssd-ink)!important}
body.sx-enabled #app.sx-app[data-space-button-style=soft] .sx-account-actions :is(#sk-sign-up,#sk-sign-in){background:color-mix(in srgb,var(--ssd-accent) 14%,var(--ssd-panel))!important;color:var(--ssd-ink)!important;border:1px solid var(--ssd-muted)!important}
.sx-design-short{display:none}
body.sx-enabled #app.sx-app .sx-account-actions button{min-height:44px}
@media(max-width:760px){.sx-design-label{display:none}.sx-design-short{display:inline}body.sx-enabled #app.sx-app .sx-design-entry{min-width:88px;max-width:none;min-height:44px;gap:5px}body.sx-enabled #app.sx-app .sx-top-tools{flex-wrap:nowrap}body.sx-enabled #app.sx-app[data-space-designed] .sx-design-entry{font-size:13px!important}}
@media(max-width:360px){body.sx-enabled #app.sx-app .sx-mobile-brand{font-size:17px}body.sx-enabled #app.sx-app .sx-design-entry{min-width:76px;padding:8px}.sx-top-tools{gap:6px}}

/* One starting action; optional creation tools keep their original owners. */
.sx-create-actions{grid-template-columns:minmax(0,1fr)}
.sx-create-more{min-width:0;border-top:1px solid var(--sx-line);padding-top:8px}
.sx-create-more>summary{min-height:48px;cursor:pointer;font-size:14px;font-weight:800;line-height:1.5;padding:12px 4px}
.sx-create-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:8px}
.sx-hero small a.sx-inline{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;margin-left:0}
@media(max-width:760px){.sx-create-secondary{grid-template-columns:1fr}}

/* Original photographic scenes; the existing destinations and colours stay familiar. */
.sx-discover-card{display:block;padding:25px;isolation:isolate}
.sx-discover-card .sx-card-photo{display:block;width:calc(100% + 50px);max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;margin:-25px -25px 22px;background:#284b45}
.sx-discover-card>svg{position:absolute;top:14px;right:14px;width:34px;height:34px;padding:8px;border-radius:50%;background:#fff9e9;color:#234c45;margin:0;box-shadow:0 2px 10px #173e4b22}
.sx-discover-card:after{display:none}
.sx-discover-card h3{margin-bottom:22px}
.sx-together{min-height:360px;padding:55px 5%;text-align:left;isolation:isolate}
.sx-together-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-2}
.sx-together:before{background:linear-gradient(90deg,#112f31f5 0%,#112f31d9 30%,#112f3166 58%,#112f3110 100%);opacity:1;z-index:-1}
.sx-together h2{max-width:48%;text-shadow:0 1px 4px #102c2d66}
.sx-together .sx-eyebrow{color:#fff8e7}
@media(max-width:1100px){.sx-discover-card{padding:22px}.sx-discover-card .sx-card-photo{width:calc(100% + 44px);margin:-22px -22px 22px}.sx-together h2{font-size:31px}}
@media(max-width:760px){
 .sx-discover-card{display:block;min-height:0;padding:22px}
 .sx-discover-card>svg{position:absolute;top:14px;right:14px;width:34px;height:34px}
 .sx-discover-card small{font-size:9px}.sx-discover-card>span{font-size:12px}.sx-discover-card h3{font-size:27px;margin:12px 0 18px}
 .sx-together{min-height:0;padding:0 20px 30px;text-align:left}
 .sx-together-photo{position:static;display:block;width:calc(100% + 40px);max-width:none;height:auto;aspect-ratio:3/2;margin:0 -20px 26px}
 .sx-together:before{display:none}.sx-together h2{max-width:none;font-size:29px}
}
@media(forced-colors:active){.sx-discover-card,.sx-together{border:1px solid CanvasText}.sx-together-photo{display:none}.sx-together:before{display:none}}

/* Expressive social frame: colour belongs to the interface, not photo filters. */
body.sx-enabled{--sx-ink:#272044;--sx-muted:#625875;--sx-paper:#e1f2ff;--sx-line:#d0bde7;--sx-cyan:#ffd447;background:radial-gradient(ellipse at 4% 8%,#ffc7e5a8,transparent 45%),radial-gradient(ellipse at 92% 36%,#fff2a9a8,transparent 48%),linear-gradient(135deg,#e8f5fff0,#f5e8fff0),url('/assets/masi-band.svg') center/180px 38px repeat,#c4e7ff!important;background-attachment:fixed!important}
body.sx-enabled .sx-rail{background:linear-gradient(165deg,#f9edfff5,#d9e9fff5 60%,#ffeddbf5);border-right-color:#c8b0e0}
body.sx-enabled .sx-nav [aria-current=page]{background:#6b35ce;color:white;box-shadow:0 5px 16px #6b35ce28}
body.sx-enabled .sx-nav [aria-current=page]::after{background:#ffd447}
body.sx-enabled .sx-nav a:hover,body.sx-enabled .sx-nav button:hover{background:#f5d5ed;color:#4a2168}
body.sx-enabled #app.sx-app:not([data-space-designed]) .sx-top{--dimau-header-bg:#f7edff;--dimau-header-line:#d0b7eb;background:#f7edff!important}
body.sx-enabled #app.sx-app .sx-primary{background:#ffd447;border-color:#ffd447;color:#352044;box-shadow:0 4px 0 #dc9547,0 8px 20px #ffb12b38}
.sx-music-badge{position:relative;display:block;width:48px;height:48px;border-radius:50%;background:#b2e4ff;box-shadow:0 0 0 2px #fff,0 0 14px #f045a74d}
.sx-music-badge img{position:absolute;inset:0;width:48px;height:48px;display:block;border-radius:50%}
.sx-music-ring{animation:sx-flag-turn 12s linear infinite}.sx-music-note{z-index:1;pointer-events:none}
.sota-music-playing .sx-music-ring{animation-duration:2.4s}
@keyframes sx-flag-turn{to{transform:rotate(360deg)}}
body.sx-enabled #app.sx-app .sx-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;padding:44px 4% 56px;min-height:680px;overflow:hidden;align-items:center}
.sx-hero::before{background:linear-gradient(90deg,#341139a8 0%,#3f1a3638 56%,#18233b12 100%)}
.sx-hero-copy{width:100%;max-width:none}.sx-hero h1{font-size:clamp(44px,4.7vw,76px);text-shadow:0 3px 14px #34204066}.sx-hero h1 em{color:#ffd447}body.sx-enabled #app.sx-app #sx-welcome-title:focus{outline:none!important;box-shadow:none!important}
.sx-hero-room{min-width:0;border:1px solid #fff8;border-radius:20px;background:#fff8;box-shadow:0 22px 55px #2012374d;backdrop-filter:blur(16px);color:#302343;transform:rotate(1deg);overflow:hidden}
.sx-hero-room>header,.sx-hero-room>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#fff2e3dc;font-size:12px;font-weight:900}
.sx-hero-room>header small{font-size:9px;letter-spacing:1px}.sx-hero-room>header span{letter-spacing:1px}
.sx-hero-room>footer{background:#f6ddf2ed}.sx-hero-room>footer :is(a,button){border:1px solid #9264b3;border-radius:9px;padding:9px 12px;min-height:44px;color:#4d2774;background:#fff6fd;font-size:12px;font-weight:900;cursor:pointer;text-decoration:none}
.sx-hero-room .sx-room-example{border-radius:0;max-width:none}
.sx-hero-room small{margin:0!important}
.sx-hero-room .bv-preview{border:0;border-radius:0;font-size:12px;box-shadow:none}
body.sx-enabled .sx-hero-room .bv-cover{height:150px!important;min-height:150px!important;padding:18px!important}
.sx-hero-room .bv-profile-intro{padding:12px 16px!important;min-height:0!important}
.sx-hero-room .bv-profile-intro{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:4px 12px!important;align-items:center!important}
.sx-hero-room .bv-profile-intro>*{min-width:0;max-width:100%}
.sx-hero-room .bv-profile-avatar{grid-column:1!important;grid-row:1/3!important;align-self:start}
.sx-hero-room .bv-room-identity{grid-column:2!important;grid-row:1!important}
.sx-hero-room .bv-room-bio{grid-column:2!important;grid-row:2!important;font-size:12px!important;line-height:1.5!important;margin:0!important;width:auto!important;max-width:none!important}
.sx-hero-room .bv-room-sticker{display:none!important}.sx-hero-room .bv-interests{grid-column:1/-1!important}
.sx-hero-room .bv-room-handle{font-size:11px!important;line-height:1.5!important;margin:4px 0!important}
.sx-hero-room>header small{color:#624d6b!important;margin:0!important}
.sx-hero-room .bv-profile-avatar{width:52px!important;height:52px!important;margin-top:-30px!important}
body.sx-enabled .sx-hero-room .bv-room-identity h2{font-size:23px!important}
.sx-hero-room .bv-preview-columns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:10px!important}
.sx-hero-room .bv-mini-card{padding:10px!important;min-width:0}
.sx-hero-room .bv-mini-card h3{font-size:15px!important;margin-bottom:9px!important}.sx-hero-room .bv-mini-card h3 small{display:block;font-size:9px!important}
.sx-hero-room .bv-photo-note{gap:7px!important;margin:6px 0!important}.sx-hero-room .bv-photo-note>svg{width:30px!important;height:30px!important;flex:none}.sx-hero-room .bv-photo-note p{font-size:11px!important;line-height:1.4!important;margin:3px 0!important}
.sx-hero-room .bv-photo-friends{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.sx-hero-room .bv-photo-friends>span{max-width:37px!important;border-radius:50%!important;overflow:hidden}
.sx-hero-room .bv-preview-soundtrack{padding:0 10px 10px!important}.sx-hero-room .bv-skin-player{padding:10px!important;min-height:60px!important}.sx-hero-room .bv-skin-player p{font-size:10px!important;margin:3px 0!important}.sx-hero-room .bv-identity-music{display:none}
.sx-home-paths{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:14px;border:1px solid #fff;border-radius:16px;background:#ffffffa8;box-shadow:0 7px 20px #5534830d}
.sx-home-paths a{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:135px;min-height:48px;padding:10px 12px;border-radius:11px;background:#f7d9ee;color:#51285e;font-size:12px;font-weight:900;text-decoration:none}
.sx-home-paths a:nth-child(2){background:#ffdbca;color:#672c28}.sx-home-paths a:nth-child(3){background:#ffe991;color:#523c21}.sx-home-paths a:nth-child(4){background:#daccff;color:#4c2779}.sx-home-paths a:nth-child(5){background:#d6f6ad;color:#324f24}
.sx-discover-people{background:#ffd7e9!important;color:#53213f!important}.sx-discover-music{background:#ffe18c!important;color:#563821!important}.sx-discover-space{background:#d8c5ff!important;color:#43206a!important}
.sx-discover-card{box-shadow:0 6px 0 #ffffff80,0 10px 28px #59367c12}.sx-discover-card small{font-size:10px!important}.sx-discover-card>span{font-size:13px!important}
.sx-home-soundtrack{margin:38px 0 0;border:1px solid #b9a2ea;border-radius:20px;overflow:hidden;background:#efe3ff;box-shadow:0 12px 32px #55257812}
.sx-home-soundtrack>header{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:28px;background:linear-gradient(110deg,#502294,#a62d84);color:white}
.sx-home-soundtrack h2{font-size:32px;margin:10px 0 0;color:white}.sx-home-soundtrack>header p{max-width:260px;flex:1;font-size:14px;color:#fff5fc}.sx-home-soundtrack>header .sx-button{background:#ffd447;color:#352044;border:0}
html body.sx-enabled #app.sx-app .sota-music-views{background:#fff6ff!important;border-color:#cfb5ed!important}
html body.sx-enabled #app.sx-app .sota-music-view-tabs{background:#e3d3fc!important}
html body.sx-enabled #app.sx-app .sota-music-view-tabs button[aria-selected=true]{background:#6b35ce!important;color:#fff!important}
html body.sx-enabled #app.sx-app #sk-music-playlist{background:#fff8ff!important;color:#352044!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-deck{background:linear-gradient(115deg,#ffe8a5,#f9d7ed 70%,#dfd0ff)!important;border-color:#d2a5d6!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-deck-play{background:#782aca!important}
html body.sx-enabled #app.sx-app #sk-music-playlist .sk-playlist-songs>li>button[aria-current=true]{background:#eddbff!important}
.sx-home-soundtrack .sk-playlist-songs{max-height:290px!important}.sx-home-soundtrack .sx-music-visuals{background:#f2e7ff}
.sx-together{background:#4a246e}.sx-together:before{background:linear-gradient(90deg,#331648ed 0%,#4c2353d9 28%,#4c23533d 58%,transparent 100%)}.sx-together .sx-button{background:#ffd447;color:#352044}
.sx-side-card{background:linear-gradient(135deg,#fbd4e8,#e6d7ff);border-color:#cba8e1}.sx-side-card h2{color:#542775}.sx-side-card p{color:#634b72}
.sx-enabled .sx-panel .bv-circle-feature{background:linear-gradient(145deg,#412479,#a33a74);border:1px solid #d6a9de}
.sx-create-more[open] .sx-create-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){body.sx-enabled #app.sx-app .sx-hero{grid-template-columns:1fr 1.1fr;gap:20px;padding:36px 4% 52px}.sx-hero h1{font-size:48px}.sx-hero-room .bv-preview-columns{grid-template-columns:1fr!important}.sx-hero-room .bv-preview-wall{display:none}.sx-hero-room .bv-photo-friends{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
@media(max-width:760px){
 body.sx-enabled #app.sx-app .sx-hero{display:flex;flex-direction:column;gap:26px;padding:32px 20px 45px!important;align-items:stretch!important}
 .sx-hero-room{width:100%;transform:none}.sx-hero-room .bv-preview-columns{grid-template-columns:1fr 1fr!important}.sx-hero-room .bv-preview-wall{display:block}.sx-hero-room .bv-photo-friends{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sx-hero-room>footer{padding:10px;gap:7px}.sx-hero-room>footer :is(a,button){padding:8px;font-size:11px;flex:1;text-align:center}
 .sx-home-paths{gap:7px;padding:10px}.sx-home-paths a{flex:1 1 45%;min-width:0;font-size:12px;padding:10px 7px}.sx-home-paths a:last-child{flex-basis:100%}
 .sx-home-soundtrack>header{padding:24px;display:block}.sx-home-soundtrack h2{font-size:29px}.sx-home-soundtrack>header p{max-width:none;margin:18px 0}.sx-home-soundtrack>header .sx-button{width:100%}
 body.sx-enabled .sx-nav{background:linear-gradient(100deg,#f2defb,#e0edff,#fff0d4)}
 .sx-together:before{display:none}.sx-mini-player{background:#51258b;border-color:#a379d4}
}
@media(prefers-reduced-motion:reduce){.sx-music-ring{animation:none!important}.sx-hero-room{transform:none}}
@media(forced-colors:active){body.sx-enabled{background:Canvas!important}.sx-home-paths a,.sx-hero-room,.sx-hero-room>header,.sx-hero-room>footer,.sx-home-soundtrack>header,.sx-home-soundtrack,.sx-discover-card,.sx-side-card{background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText}.sx-music-ring{animation:none}.sx-home-soundtrack h2,.sx-home-soundtrack>header p{color:CanvasText}.sx-music-badge{box-shadow:none}}

/* The front door demonstrates the actual product without a fictional location. */
body.sx-enabled #app.sx-app .sx-hero{background:radial-gradient(ellipse at 85% 10%,#a83892,transparent 60%),linear-gradient(130deg,#44206d,#70347d 55%,#9b4257)}
.sx-hero::before{background:linear-gradient(90deg,#2e12473d,transparent 80%)}
.sx-discover-card>svg{position:static;width:54px;height:54px;padding:12px;margin:0 0 24px;background:#ffffff85;color:inherit;box-shadow:none;border:1px solid #ffffff90;border-radius:16px}
@media(max-width:760px){.sx-discover-card>svg{position:static;grid-column:2;grid-row:1/4;align-self:center;justify-self:end;width:50px;height:50px;margin:0}}

/* An invitation to the actual social space, without a staged lifestyle scene. */

.sx-hero small button.sx-inline{min-width:44px;min-height:44px}.sx-mini-open{min-height:44px}.sx-mini-toggle{width:44px;height:44px;min-width:44px;min-height:44px}.sx-mini-player{gap:10px;padding:10px 14px}.sx-mini-open small{font-size:8px}.sx-mini-open b{font-size:11px}

.sx-has-mini .sx-footer{padding-bottom:110px}.sx-has-mini .sx-member-content{padding-bottom:120px}
body.sx-enabled .sx-top .bw-pill{min-height:44px!important}
/* Quiet navigation still needs a comfortable target on touch screens. */
.sx-footer>a,.sx-text-link{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding-top:10px;padding-bottom:10px}
#sota-update{position:fixed;z-index:2147482000;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;box-sizing:border-box;width:max-content;max-width:calc(100vw - 32px);padding:14px 16px;border:1px solid #ccb5e2;border-radius:18px;background:#fffafc;color:#432657;box-shadow:0 12px 40px #321a4c40;font:700 13px/1.5 Nunito,system-ui,sans-serif}
#sota-update[hidden]{display:none}#sota-update p{margin:0;max-width:40ch}#sota-update button{flex:none;min-height:44px;min-width:44px;border:0;border-radius:11px;padding:10px 14px;background:#6b35ce;color:white;font:800 12px/1.4 Nunito,system-ui,sans-serif;cursor:pointer}#sota-update .sota-update-later{background:#f0e5fa;color:#553273}#sota-update :focus-visible{outline:3px solid #a458bd;outline-offset:3px}
body:has(.sx-mini-player:not([hidden])) #sota-update{bottom:104px}
@media(max-width:600px){#sota-update{width:calc(100vw - 24px);max-width:none;flex-wrap:wrap;gap:8px;padding:16px}#sota-update p{flex-basis:100%;margin-bottom:4px}#sota-update button{flex:1}}
@media(forced-colors:active){#sota-update{background:Canvas;color:CanvasText;border-color:CanvasText}#sota-update button{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}

/* Owner's social photograph stays inside the existing split welcome layout. */
.sx-hero-social{display:block;width:100%;margin:22px 0 0;border:1px solid #fff6;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px #25103233;background:#593a40}
.sx-hero-social>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
@media(max-width:760px){.sx-hero-social{margin-top:20px;border-radius:12px}}


/* Feature photographs carry their headings; music stays behind an explicit action. */
.sx-discover-card.sx-photo-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:310px;padding:26px;isolation:isolate;color:#fff!important;background:#30263a!important;border:1px solid #ffffff80;box-shadow:0 8px 24px #3e235326;transition:box-shadow .2s,border-color .2s,transform .2s}
.sx-discover-card.sx-photo-card>.sx-card-photo{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center;margin:0}
.sx-discover-card.sx-photo-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1710200a 0%,#17102024 25%,#171020bf 67%,#171020ed 100%);pointer-events:none}
.sx-discover-card.sx-photo-card>svg{position:absolute;top:16px;right:16px;width:40px;height:40px;margin:0;padding:9px;background:#ffffffdc;color:#38204d;border:1px solid #fff9;border-radius:12px}
body.sx-enabled #app.sx-app .sx-photo-card h3{color:#fff!important;font-size:29px;line-height:1.08;margin:12px 0 18px;text-shadow:0 2px 10px #170e26b3;transition:color .2s,text-shadow .2s}
.sx-photo-card small,.sx-photo-card>span{color:#fff!important;text-shadow:0 1px 5px #171020}
.sx-photo-card:is(:hover,:focus-visible,:active){border-color:#c8f5ff;box-shadow:0 0 0 2px #9ce9ff70,0 0 24px #b775ff6b,0 12px 32px #3e235340}
body.sx-enabled #app.sx-app .sx-photo-card:is(:hover,:focus-visible,:active) h3{color:#fff6c7!important;text-shadow:0 0 7px #fff2a8,0 0 18px #b4efffbd,0 2px 10px #171020}

.sx-discover.sx-scene-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sx-scene-grid .sx-discover-people > .sx-card-photo { object-position: center 39%; }
.sx-scene-grid .sx-discover-space > .sx-card-photo { object-position: center 36%; }
.sx-home-soundtrack.sx-band-panel {
  grid-column: 1 / -1;
  margin: 0;
  border-color: #245456;
  background: #102e30;
}
.sx-discover-card.sx-photo-wide {
  grid-column: 1 / -1;
  min-height: clamp(260px, 32vw, 390px);
}
.sx-discover-card.sx-band-link {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.sx-discover-card.sx-band-link::after,
.sx-discover-card.sx-discover-space::after { content: none; }
.sx-photo-wide > .sx-card-photo { object-position: center 18% !important; }
body.sx-enabled #app.sx-app .sx-photo-wide h3 {
  font-size: clamp(29px, 3.3vw, 49px);
}
.sx-photo-card:focus-visible { outline: 3px solid #fff1a6; outline-offset: -4px; }
.sx-home-visuals { position: relative; padding: 18px; background: #102e30; }
.sx-home-visuals > dimau-music-visualiser { display: block; margin: 0; }
@media (max-width: 760px) {
  .sx-discover.sx-scene-grid { grid-template-columns: minmax(0, 1fr); }
  .sx-discover-card.sx-photo-card { min-height: 270px; padding: 24px; }
  .sx-discover-card.sx-photo-wide {
    aspect-ratio: 16 / 9;
    min-height: 0;
    padding: 14px 18px;
  }
  body.sx-enabled #app.sx-app .sx-photo-wide h3 {
    font-size: clamp(23px, 5vw, 32px);
    margin: 5px 0 8px;
  }
  .sx-home-visuals { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .sx-photo-card, .sx-photo-card h3 { transition: none !important; }
}
@media (forced-colors: active) {
  .sx-photo-card > .sx-card-photo, .sx-photo-card:before { display: none; }
  .sx-discover-card.sx-photo-card {
    color: CanvasText !important; background: Canvas !important; border: 1px solid CanvasText;
  }
  body.sx-enabled #app.sx-app .sx-photo-card h3, .sx-photo-card small, .sx-photo-card > span {
    color: LinkText !important; text-shadow: none;
  }
}

/* Signed-in Home uses its own feed and social cards. Keep their native actions. */
body.sx-member #app.sx-app[data-world-page="pulse"] {
  --sx-feed-photo: url('/assets/social-sunset-20261104/friends-guitar-clean-1536.webp');
}
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-member-world-heading .sx-world-hero {
  display: block;
}
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-member-world-heading .sx-world-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #121820ee, #121820a3 54%, #12182026), var(--sx-feed-photo) center 38% / cover;
  pointer-events: none;
}
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-hero-copy { max-width: 34rem; color: white; }
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-hero-copy::before,
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-hero-photo { display: none; }

[data-world-page="pulse"] .sota-social-host:not(.sota-social-hero) [data-social-panel="wall"] {
  --sx-member-photo: url('/assets/feature-scenes/talanoa-kava-jam-20261105-720.webp');
  --sx-member-crop: center 23%;
}
[data-world-page="pulse"] .sota-social-host:not(.sota-social-hero) [data-social-panel="mates"] {
  --sx-member-photo: url('/assets/feature-scenes/courtside-friends-20261105-880.webp');
  --sx-member-crop: center 36%;
}
[data-world-page="pulse"] .sx-world-next .sx-world-card[data-world-member="room"] {
  --sx-member-photo: url('/assets/feature-scenes/design-together-20261105-880.webp');
  --sx-member-crop: center 26%;
}
[data-world-page="pulse"] .sx-world-next .sx-world-card[data-world-member="music"] {
  --sx-member-photo: url('/assets/feature-scenes/courtyard-guitars-20261105-720.webp');
  --sx-member-crop: center 26%;
}
body.sx-member #app.sx-app[data-world-page="pulse"] :is(
  .sota-social-host:not(.sota-social-hero) button[data-social-panel],
  .sx-world-next .sx-world-card:is([data-world-member="room"], [data-world-member="music"])
) {
  background: linear-gradient(0deg, #111b2af2, #111b2a26 83%), var(--sx-member-photo) var(--sx-member-crop) / cover !important;
  color: white !important;
  min-height: 235px;
}
body.sx-member #app.sx-app[data-world-page="pulse"] .sota-social-host:not(.sota-social-hero) .sota-social-panel {
  justify-content: end;
  gap: 8px;
}
body.sx-member #app.sx-app[data-world-page="pulse"] .sota-social-host:not(.sota-social-hero) .sota-social-body { flex: 0 1 auto; }
body.sx-member #app.sx-app[data-world-page="pulse"] .sota-social-host:not(.sota-social-hero) .sota-social-action { margin-top: 0; }
body.sx-member #app.sx-app[data-world-page="pulse"] .sota-social-host:not(.sota-social-hero) :is(.sota-social-empty,.sota-social-action,.sota-social-note-author,.sota-social-note-text) { color: white; }
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-next .sx-world-card:is([data-world-member="room"],[data-world-member="music"]) {
  display: flex;
  align-items: end;
}
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-next .sx-world-card:is([data-world-member="room"],[data-world-member="music"])::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #111b2af2, #111b2a26 83%), var(--sx-member-photo) var(--sx-member-crop) / cover;
  pointer-events: none;
}
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-next .sx-world-card:is([data-world-member="room"],[data-world-member="music"]) .sx-world-card-copy {
  position: relative;
  width: 100%;
  color: white;
}
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-next .sx-world-card:is([data-world-member="room"],[data-world-member="music"]) .sx-world-card-art { display: none; }
body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-next > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
body.sx-member #app.sx-app[data-world-page="pulse"] :is(
  .sx-world-hero h1,
  .sota-social-host:not(.sota-social-hero) .sota-social-heading,
  .sx-world-next :is([data-world-member="room"],[data-world-member="music"]) strong
) {
  color: white !important;
  text-shadow: 0 2px 8px #111827;
}
body.sx-member #app.sx-app[data-world-page="pulse"] :is(
  .sx-world-hero:is(:hover,:focus-within) h1,
  .sota-social-host:not(.sota-social-hero) button:is(:hover,:focus-visible) .sota-social-heading,
  .sx-world-next :is([data-world-member="room"],[data-world-member="music"]):is(:hover,:focus-visible) strong
) {
  color: #fff6c7 !important;
  text-shadow: 0 0 7px #fff2a8, 0 0 18px #b4efffbd, 0 2px 10px #171020;
}
@media (max-width: 760px) {
  body.sx-member #app.sx-app[data-world-page="pulse"] {
    --sx-feed-photo: url('/assets/social-sunset-20261104/friends-guitar-clean-768.webp');
  }
  body.sx-member #app.sx-app[data-world-page="pulse"] .sx-member-world-heading .sx-world-hero {
    display: flex;
    align-items: end;
    min-height: 280px;
  }
  body.sx-member #app.sx-app[data-world-page="pulse"] .sx-member-world-heading .sx-world-hero::before {
    background: linear-gradient(0deg,#121820f2,#12182036 90%), var(--sx-feed-photo) center / cover;
  }
  body.sx-member #app.sx-app[data-world-page="pulse"] .sx-world-next > div { grid-template-columns: minmax(0,1fr); }
}
@media (forced-colors: active) {
  body.sx-member #app.sx-app[data-world-page="pulse"] :is(.sx-world-hero,.sx-world-next .sx-world-card)::before {
    display: none;
  }
  body.sx-member #app.sx-app[data-world-page="pulse"] :is(
    .sx-member-world-heading .sx-world-hero,
    .sx-world-next .sx-world-card:is([data-world-member="room"],[data-world-member="music"]),
    .sota-social-host:not(.sota-social-hero) button[data-social-panel]
  ) {
    background: Canvas !important;
    color: CanvasText !important;
    border: 1px solid CanvasText;
  }
  body.sx-member #app.sx-app[data-world-page="pulse"] :is(
    .sx-world-hero *, .sx-world-next .sx-world-card *, .sota-social-panel *
  ) {
    color: CanvasText !important;
    text-shadow: none !important;
  }
}