@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/fredoka-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* A guest's selected skin opens the room itself, outside the picker dialog. */
#app.bv-skin-room-preview{max-width:1164px;margin:24px auto;padding:0 18px;background:transparent;box-shadow:none;border:0}
.bv-skin-room-page{min-width:0;padding-bottom:30px}
.bv-skin-room-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;margin-bottom:18px;background:#fff;border:1px solid #c9dce0;border-radius:16px;color:#173e50}
.bv-skin-room-head h1{font:800 clamp(25px,4vw,34px)/1.2 Nunito,sans-serif;color:#173e50;margin:0 0 7px;outline:none}
.bv-skin-room-head p{font:14px/1.6 Nunito,sans-serif;color:#476878;margin:0}
.bv-skin-room-head .bv-skin-room-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:#35666e;margin-bottom:6px}
.bv-skin-room-head nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bv-skin-room-head .btn{min-height:44px;font:800 13px/1.4 Nunito,sans-serif;white-space:normal;padding:10px 14px}
.bv-skin-room-page #bv-skin-room{min-width:0;max-width:100%}
.bv-skin-room-page .bv-preview{width:100%;max-width:none;margin:0}
.bv-skin-room-page button:focus-visible{outline:3px solid #166d75;outline-offset:3px}
@media(max-width:760px){#app.bv-skin-room-preview{margin:14px auto;padding:0 12px}.bv-skin-room-head{padding:18px;align-items:start;flex-direction:column;gap:16px}.bv-skin-room-head nav{justify-content:start;width:100%}.bv-skin-room-head .btn{flex:1 1 auto}}

@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 400 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/fredoka-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/nunito-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/nunito-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Sunset front page: all interactive text and controls remain real HTML. */
#app.bv-welcome{max-width:none!important;width:100%;padding:0!important;margin:0!important;border:0;border-radius:0;background:transparent;box-shadow:none}
.bv-welcome .sk-front{position:relative;isolation:isolate;color:#fff;background:#16434b;min-height:100vh;font-family:Arial,Helvetica,sans-serif}
.sk-sunset{position:absolute;inset:0 0 auto;height:max(790px,100svh);z-index:-1;background:linear-gradient(90deg,rgba(32,18,12,.17),rgba(23,41,56,.08)),url('/assets/fiji-sunset.jpg') center center/cover no-repeat}
.sk-header{max-width:1440px;margin:auto;padding:28px 48px;display:flex;align-items:center;gap:65px;position:relative;z-index:1}
.sk-brand{display:flex;align-items:center;gap:16px;color:#fff;font-family:Georgia,serif;font-size:32px;font-weight:bold;letter-spacing:-1.3px;white-space:nowrap;text-shadow:0 2px 8px #352414}
.sk-brand svg{width:30px;height:42px;flex:none}.sk-header nav{display:flex;align-items:center;gap:38px}.sk-header nav a,.sk-header nav button{font-size:16px;color:white;background:transparent;border:0;padding:9px 0;text-shadow:0 1px 6px #241c19;cursor:pointer}
.sk-front button:focus-visible,.sk-front a:focus-visible,.sk-front summary:focus-visible{outline:3px solid #fff;outline-offset:5px}
.sk-hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:45% 55%;align-items:center;padding:15px 42px 42px;min-height:calc(100svh - 110px);gap:0}
.sk-copy{padding:0 16px 90px 8px;position:relative;z-index:1}.sk-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(43px,4.5vw,68px);font-weight:900;letter-spacing:-3px;line-height:1.03;text-shadow:0 5px 5px rgba(27,25,21,.7);margin:0 0 22px}.sk-copy h1 span{color:#14c3ef;text-shadow:0 5px 4px #164653,0 1px 0 #80ecff}.sk-copy p{font-size:clamp(18px,2vw,27px);font-weight:600;line-height:1.28;text-shadow:0 3px 4px #40332b;margin:0 0 26px;letter-spacing:-.7px}
.sk-create{border:2px solid #e5fcff;border-radius:40px;background:linear-gradient(#4ce1f0,#00a9c7 45%,#087c9d);box-shadow:0 0 0 7px #d0f7ff35,0 0 24px 8px #6df0ff9c,inset 0 2px 6px #ffffffb0;color:white;padding:15px 24px;font-size:23px;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:transform .15s}.sk-create:hover{transform:translateY(-2px)}
.sk-room{min-width:0;padding:9px 12px 10px;background:linear-gradient(140deg,#fff8e460,#eafaff3d);border:1px solid #fffdebd9;border-radius:19px;box-shadow:0 20px 65px #1629344f,inset 0 0 10px #fff7dd70;backdrop-filter:blur(20px);transform:perspective(2000px) rotateY(-5deg) rotateZ(1deg);transform-origin:center;color:#122853;font-size:14px}
.sk-browser-bar{height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px}.sk-browser-bar>span{display:flex;gap:7px}.sk-browser-bar i{display:block;width:11px;height:11px;border-radius:50%;background:#ff5a52}.sk-browser-bar i:nth-child(2){background:#ffbd2e}.sk-browser-bar i:nth-child(3){background:#28c840}.sk-browser-bar button{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer;line-height:1}
.sk-photo{width:100%;height:100%;display:block;overflow:hidden}.sk-cover{width:100%;aspect-ratio:677/249;overflow:hidden;border:1px solid #eedcc0}.sk-profile{display:flex;align-items:center;gap:18px;margin:-29px 14px 3px;position:relative;min-height:140px}.sk-avatar{width:140px;height:140px;flex:none;border:2px solid #f9f4e6;border-radius:50%;overflow:hidden;box-shadow:0 6px 20px #5a5f5f39}.sk-profile-words{padding-top:24px;flex:1;min-width:0}.sk-profile-words h2{font-family:Georgia,serif;font-size:34px;line-height:1.05;font-weight:bold;letter-spacing:-1px}.sk-profile-words>b{font-size:17px}.sk-profile-words p{color:#fff;font-size:14px;margin:7px 0 5px;text-shadow:0 1px 3px #495054}.sk-profile-words small{color:#fff;font-size:13px;text-shadow:0 1px 3px #495054}.sk-profile>button{flex:none;border:1px solid #fff9;border-radius:25px;padding:9px 15px;background:#ffffff20;color:white;font-size:13px;cursor:pointer}
.sk-cards{display:grid;grid-template-columns:1.14fr 1fr;gap:14px;align-items:end;margin:0 8px 10px}.sk-glass{background:linear-gradient(145deg,#ffead95c,#d7f5ff4a);border:1px solid #fff8;border-radius:12px;box-shadow:0 5px 22px #374c4d20}.sk-cards h3{font-family:Georgia,serif;font-weight:bold;font-size:18px;margin:0 0 12px;letter-spacing:-.6px}.sk-cards h3>span{float:right;color:#fff;font-family:Arial;font-size:27px;font-weight:normal;line-height:20px}.sk-talanoa{padding:13px 17px 14px}.sk-note{display:flex;gap:10px;align-items:center;margin:11px 0}.sk-note>.sk-photo{width:43px;height:43px;border-radius:50%;flex:none}.sk-note>div{flex:1}.sk-note b{font-family:Georgia,serif;font-size:14px}.sk-note p{font-size:12px;margin:3px 0;line-height:1.3}.sk-note small{font-size:11px;white-space:nowrap;color:#fff;text-shadow:0 1px 3px #394643}.sk-mates{padding:13px 16px}.sk-friends{display:grid;grid-template-columns:repeat(4,1fr);gap:5px 9px}.sk-friends>span{width:100%;aspect-ratio:1;max-width:43px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #f8f3ce9c;justify-self:center}
.sk-player{display:flex;align-items:center;gap:12px;padding:10px 14px;margin:0 0 0;min-width:0}.sk-album{width:48px;height:48px;border-radius:7px;overflow:hidden;flex:none}.sk-song{min-width:95px}.sk-song b{font-family:Georgia,serif;font-size:13px}.sk-song small{display:block;color:#fff;font-size:10px;margin-top:5px;text-shadow:0 1px 3px #394643}.sk-wave{flex:1;min-width:0}.sk-wave svg{display:block;width:100%;height:35px;fill:none;stroke:#b8f8ff;stroke-width:1.3}.sk-wave small{font-size:10px;color:#fff;text-shadow:0 1px 3px #394643;display:block;line-height:1.2}.sk-player>button{background:linear-gradient(#20d6e9,#018aa8);border:1px solid #b2f7ff;color:#fff;border-radius:50%;width:52px;height:52px;flex:none;box-shadow:0 0 15px #6ee9ff,inset 0 0 10px #06719d66;font-size:24px;cursor:pointer}.sk-example{display:block;text-align:right;color:#fff;font-size:9px;margin:6px 3px 0;text-shadow:0 1px 3px #394643}
.sk-below{background:linear-gradient(#16434bf2,#102e39);padding:45px max(24px,calc((100vw - 1280px)/2));position:relative}.sk-auth{border:1px solid #e7faf54f;border-radius:15px;max-width:1020px;margin:0 auto 40px;background:#fff;color:#153d50;overflow:hidden}.sk-auth>summary{padding:18px 24px;cursor:pointer;font-weight:bold}.sk-auth-inner{padding:15px 26px 26px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.sk-auth-inner h2{font-size:29px;margin:5px 0}.sk-auth-inner p{line-height:1.6}.sk-auth .authwrap{max-width:none;width:100%;margin:0;padding:12px;background:transparent;box-shadow:none;border:0;backdrop-filter:none}.sk-auth input{background:#f2f7f8;color:#143b52;border-color:#b9cdd3}.sk-auth label{color:#143b52}.sk-auth .btn{background:#08718a;color:#fff}.sk-auth .bv-link{color:#08718a}.sk-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:0 0 40px}.sk-tools h2{font-size:23px;color:#fff;margin:0 0 9px}.sk-tools p{color:#d6eae9;font-size:14px;line-height:1.7}.sk-tools .btn{background:#d1f5f2;color:#13384b}.sk-tools .bv-link{color:#a5edff}.sk-tools .bv-home-search{margin:0;max-width:360px}.sk-tools .bv-home-search input{background:#fff;color:#143b52}.sk-tools .bv-home-search small,.sk-tools .bv-home-search label{color:#d6eae9}.sk-tools #bv-invite-status{display:block;margin-top:8px}.sk-below .bv-classic-room{border:1px solid #e8fffa40;background:#fff;padding:28px;border-radius:18px;color:#143b52;box-shadow:none}.sk-below .bv-room-heading h2,.sk-below .bv-room-heading p,.sk-below .bv-room-heading>small{color:#143b52}.sk-below .bv-room-window{transform:none}.sk-footer{background:#102e39;color:#e3f3ef;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:24px 40px;font-size:12px}.bv-welcome .sk-front::before,.bv-welcome .sk-front::after{display:none}
@media(min-width:1500px){.sk-hero{min-height:760px}.sk-sunset{height:880px}}
@media(max-width:1080px){.sk-header{padding:22px 30px;gap:45px}.sk-hero{padding:25px 28px 50px;grid-template-columns:43% 57%;min-height:690px}.sk-copy{padding:0 10px 45px 0}.sk-copy h1{font-size:46px;letter-spacing:-2.6px}.sk-copy p{font-size:21px}.sk-profile{gap:10px;margin-left:5px;margin-right:5px;min-height:112px}.sk-avatar{width:110px;height:110px}.sk-profile-words h2{font-size:28px}.sk-profile>button{padding:7px 10px}.sk-cards{gap:8px;margin-left:0;margin-right:0}.sk-talanoa,.sk-mates{padding:12px 10px}.sk-note{gap:6px}.sk-note small{display:none}.sk-cards h3{font-size:16px}.sk-song{min-width:75px}.sk-song small{max-width:95px}.sk-player{gap:8px;padding:9px}.sk-tools{gap:20px}}
@media(max-width:760px){.sk-header{padding:20px 22px;gap:20px;justify-content:space-between}.sk-brand{font-size:26px;gap:9px}.sk-brand svg{width:25px;height:34px}.sk-header nav{gap:18px}.sk-header nav a,.sk-header nav button{font-size:14px}.sk-hero{display:flex;flex-direction:column;gap:35px;padding:28px 23px 50px;min-height:0}.sk-copy{align-self:flex-start;padding:0}.sk-copy h1{font-size:clamp(42px,8.6vw,61px);letter-spacing:-2.5px}.sk-copy p{font-size:22px}.sk-create{font-size:21px;padding:13px 23px}.sk-room{width:100%;max-width:650px;transform:none}.sk-sunset{height:1100px;background-position:38% center}.sk-tools{grid-template-columns:1fr;gap:25px}.sk-auth-inner{grid-template-columns:1fr;gap:12px;padding:15px}.sk-below{padding:32px 20px}.sk-below .bv-classic-room{padding:20px;display:block}.sk-below .bv-room-window{margin-top:20px}.sk-footer{padding:20px}.sk-example{text-align:center}}
@media(max-width:430px){.sk-header{padding:18px 17px}.sk-brand{font-size:24px}.sk-header nav{gap:14px}.sk-header nav a,.sk-header nav button{font-size:13px}.sk-hero{padding:23px 16px 34px}.sk-copy h1{font-size:41px;letter-spacing:-2.5px}.sk-copy p{font-size:19px}.sk-room{padding:7px 8px}.sk-avatar{width:83px;height:83px}.sk-profile{margin-top:-17px;gap:9px;min-height:93px}.sk-profile-words{padding-top:13px}.sk-profile-words h2{font-size:26px}.sk-profile-words>b{font-size:13px}.sk-profile-words p{font-size:11px;margin:4px 0}.sk-profile-words small{font-size:10px}.sk-profile>button{font-size:10px;padding:6px 8px}.sk-cards{grid-template-columns:1fr 1fr;gap:7px}.sk-talanoa,.sk-mates{padding:9px 8px}.sk-cards h3{font-size:14px;letter-spacing:-.6px;margin-bottom:8px}.sk-note>.sk-photo{width:31px;height:31px}.sk-note{gap:5px;margin:12px 0}.sk-note b{font-size:12px}.sk-note p{font-size:10px}.sk-friends{gap:5px}.sk-player{gap:7px;padding:7px}.sk-album{width:36px;height:36px}.sk-song{min-width:0;width:90px;flex:none}.sk-song b{font-size:11px}.sk-song small{font-size:9px}.sk-player>button{width:37px;height:37px;font-size:17px}.sk-wave small{font-size:8px}.sk-wave svg{height:28px}.sk-example{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sk-create{transition:none}}

/* Keep the headline on two lines and tuck the friends panel beside the profile. */
@media(min-width:761px){.sk-copy h1{font-size:clamp(40px,4vw,60px)}.sk-copy h1 span{white-space:nowrap}.sk-cards{margin-top:-55px}.sk-profile>button{transform:translateY(-25px)}}
@media(min-width:761px) and (max-width:1080px){.sk-copy h1{font-size:39px;letter-spacing:-2.5px}.sk-cards{margin-top:-25px}}

/* Sema is the entrance; the classic neon experience follows in document flow. */
.sk-sunset{height:100%;inset:0;min-height:0}.sk-explore{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px 26px;color:#fff;font:600 14px Arial,sans-serif;text-shadow:0 2px 6px #153749}.sk-explore span{font-size:22px}.bv-neon-section{padding:40px 24px;background:radial-gradient(ellipse at top left,#10364788,transparent 60%),radial-gradient(ellipse at right,#48114155,transparent 65%),#110c1d}.bv-neon-section .bv-classic{max-width:1088px;margin:0 auto}.bv-neon-section .bv-classic-footer{margin-bottom:0}@media(max-width:600px){.bv-neon-section{padding:26px 10px}.sk-explore{font-size:13px;padding-bottom:25px}}

/* Match the supplied Sema room's perspective: right edge nearer, whole card tilted together. */
@media(min-width:761px){.sk-room{transform:perspective(1000px) rotateY(-10deg);transform-origin:center}}
@media(max-width:760px){.sk-room{width:96%;transform:perspective(1000px) rotateY(-8deg);transform-origin:center}}

/* Keep the entrance on the same supporting type scale as the page below it. */
.sk-header nav a,.sk-header nav button{font-size:14px}.sk-copy p{font-size:clamp(18px,2vw,24px);line-height:1.4}.sk-create{font-size:20px}.sk-profile-words p,.sk-profile-words small,.sk-note p{font-size:14px;line-height:1.4}.sk-profile-words>b,.sk-note b,.sk-song b,.sk-profile>button{font-size:14px}.sk-note small,.sk-song small,.sk-wave small,.sk-example{font-size:12px;line-height:1.4}.sk-explore{font-size:14px}.sk-cards h3{font-size:18px}
@media(max-width:700px){.sk-header nav a,.sk-header nav button{font-size:12px}.sk-copy p{font-size:19px}.sk-create{font-size:18px}.sk-profile-words p,.sk-profile-words small,.sk-note p,.sk-note b,.sk-song b,.sk-profile>button{font-size:12px}.sk-profile-words>b,.sk-cards h3{font-size:14px}.sk-note small,.sk-song small,.sk-wave small,.sk-example{font-size:11px}.sk-explore{font-size:12px}}

/* Use the studio reference's flush cover and one gutter for both homepage sections. */
.bv-welcome{--sk-page-width:1440px;--sk-page-gutter:clamp(16px,3vw,48px)}
.sk-header,.sk-hero{max-width:var(--sk-page-width);padding-inline:var(--sk-page-gutter)}
.sk-copy{padding-inline-start:0}
.bv-neon-section{padding-inline:var(--sk-page-gutter)}
.bv-neon-section .bv-classic{max-width:calc(var(--sk-page-width) - 2 * var(--sk-page-gutter));min-width:0}
.bv-neon-section .bv-classic::before{margin:0 0 27px}
.bv-neon-section .bv-classic-footer::after{margin-inline:0}
.sk-room{width:100%;max-width:none;padding:0;overflow:hidden}
.sk-cover{border:0}
.sk-browser-bar{padding:8px 12px}
.sk-player{margin:0 8px 8px}
.sk-example{margin:6px 12px 10px}

/* Keep the public search, sign-in, studio entry and footer on a readable grid. */
.bv-neon-section .bv-classic-header{grid-template-columns:minmax(180px,.85fr) minmax(220px,1fr) minmax(360px,1.5fr);align-items:start;gap:28px;padding:8px 0 28px;min-height:0}
.bv-neon-section .bv-wordmark{padding-top:16px}
.bv-neon-section .bv-wordmark a{font-size:clamp(38px,3.8vw,52px);line-height:1}
.bv-neon-section .bv-wordmark small{display:block;margin-top:10px;line-height:1.5}
.bv-neon-section .bv-home-search label,.bv-neon-section .bv-header-auth label{display:block;font-size:13px;line-height:1.4;margin:0 0 8px;font-weight:600}
.bv-neon-section .bv-home-search>div{padding:0;gap:8px;background:transparent;border:0}
.bv-neon-section .bv-home-search input,.bv-neon-section .bv-header-auth input{width:100%;height:44px;min-height:44px;padding:10px 12px;border-radius:8px;font-size:14px;line-height:1.4}
.bv-neon-section .bv-home-search button{width:44px;height:44px;border-radius:8px;font-size:24px}
.bv-neon-section .bv-home-search small{font-size:12px;line-height:1.5;margin-top:10px}
.bv-neon-section .bv-header-auth{display:block;padding:0;border:0}
.bv-neon-section .bv-header-auth .stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}
.bv-neon-section .bv-header-auth .stack>div:nth-child(1){grid-column:1;grid-row:1;min-width:0}
.bv-neon-section .bv-header-auth .stack>div:nth-child(2){grid-column:2;grid-row:1;min-width:0}
.bv-neon-section .bv-header-auth #a-go{grid-column:3;grid-row:1;align-self:end;min-height:44px;height:44px;margin:0;padding:10px 16px;border-radius:8px;font-size:14px;white-space:nowrap}
.bv-neon-section .bv-header-auth #a-err{grid-column:1/-1;grid-row:2;margin:0}
.bv-neon-section .bv-header-auth>.bv-link{margin:10px 0 0;padding:0;font-size:13px;line-height:1.5;text-align:left}
.bv-neon-section .bv-room-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:32px 0 24px;padding:28px;background:linear-gradient(120deg,#182134aa,#20102caa);border:1px solid #665378;border-radius:16px}
.bv-neon-section .bv-room-entry h2{margin:0 0 12px;font-size:clamp(26px,2.4vw,34px);line-height:1.2;text-wrap:balance}
.bv-neon-section .bv-room-entry p{margin:0 0 12px;max-width:48ch;line-height:1.6;text-wrap:pretty}
.bv-neon-section .bv-room-entry small{display:block;font-size:12px;line-height:1.5}
.bv-neon-section .bv-room-entry .btn{min-height:44px;padding:12px 20px;border-radius:8px;font-size:14px;line-height:1.4}
.bv-neon-section .bv-classic-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:24px 0 0;font-size:14px;line-height:1.6}
.bv-neon-section .bv-classic-footer>span:first-child{grid-column:1;grid-row:1;font-weight:600;color:#eee3f8}
.bv-neon-section .bv-classic-footer>span:nth-child(2){grid-column:1;grid-row:2;text-wrap:pretty}
.bv-neon-section .bv-classic-footer details{grid-column:2;grid-row:1/3;width:auto;align-self:start;text-align:left;max-width:42ch}
.bv-neon-section .bv-classic-footer summary{padding:0;line-height:1.6}
.bv-neon-section .bv-classic-footer p{margin:12px 0 0;line-height:1.6}
.bv-neon-section .bv-classic-footer::after{grid-column:1/-1;margin-top:16px;border-radius:4px}
@media(max-width:1100px){.bv-neon-section .bv-classic-header{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px}.bv-neon-section .bv-header-auth,.bv-neon-section .bv-header-return{grid-column:1/-1;padding-top:24px;border-top:1px solid #4c385d}.bv-neon-section .bv-wordmark{padding-top:12px}}
@media(max-width:600px){.bv-neon-section .bv-classic-header{grid-template-columns:minmax(0,1fr);gap:24px;padding:0 0 24px}.bv-neon-section .bv-wordmark{padding-top:0}.bv-neon-section .bv-header-auth .stack{grid-template-columns:minmax(0,1fr);gap:16px}.bv-neon-section .bv-header-auth .stack>div:nth-child(1){grid-column:1;grid-row:1}.bv-neon-section .bv-header-auth .stack>div:nth-child(2){grid-column:1;grid-row:2}.bv-neon-section .bv-header-auth #a-go{grid-column:1;grid-row:3;width:100%}.bv-neon-section .bv-header-auth #a-err{grid-column:1;grid-row:4}.bv-neon-section .bv-room-entry{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px;margin:24px 0}.bv-neon-section .bv-room-entry p{text-wrap:balance}.bv-neon-section .bv-room-entry .btn{width:100%}.bv-neon-section .bv-classic-footer{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:20px}.bv-neon-section .bv-classic-footer details{grid-column:1;grid-row:3;margin-top:4px}.bv-neon-section .bv-classic-footer::after{margin-top:10px}}

/* Shared UI lettering follows the same 760px breakpoint as the room layout. */
:root{--sk-ui-font:'Fredoka',Arial,sans-serif;--sk-heading-weight:700}
.bv-welcome,.bv-welcome :where(*),.bv-studio,.bv-studio :where(*){font-family:var(--sk-ui-font)!important}
.bv-welcome .sk-front,.bv-welcome :is(.sk-copy h1,.sk-brand,.sk-profile-words h2,.sk-cards h3,.sk-note b,.sk-song b,.sk-explore,.bv-wordmark a,.bv-classic-actions h2,.bv-music-copy h1,.bv-circle-feature h2,.bv-room-heading h2,.bv-room-entry h2),.bv-studio :is(h2,h3,h4,p,button,input,select,label,strong,small){font-family:var(--sk-ui-font)}
.bv-welcome :is(.sk-copy h1,.sk-brand,.sk-profile-words h2,.sk-cards h3,.bv-wordmark a,.bv-classic-actions h2,.bv-music-copy h1,.bv-circle-feature h2,.bv-room-heading h2,.bv-room-entry h2){font-weight:var(--sk-heading-weight);font-style:normal}
.bv-welcome .sk-copy h1{letter-spacing:-.035em}
/* Personal room lettering remains controlled by the member's studio choice. */
.bv-welcome .bv-preview :is(.bv-cover-words,h2,h3),.bv-studio .bv-preview :is(.bv-cover-words,h2,h3){font-family:var(--bv-font,var(--sk-ui-font))!important}
@media(max-width:760px){:root{--sk-ui-font:'Nunito',Arial,sans-serif;--sk-heading-weight:800}}
/* Keep photo crops square before the room's single perspective transform. */
.sk-avatar{aspect-ratio:1;flex-shrink:0}.sk-avatar .sk-photo{width:100%;height:100%}
@media(min-width:761px) and (max-width:1080px){.bv-welcome .sk-copy h1{font-size:clamp(32px,4.1vw,39px)}}

/* Display the original supplied design intact, with one uniform responsive scale. */
.bv-welcome .sk-original-front{min-height:0;background:#16434b}
.sk-original-picture{display:block}
.sk-original-design{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1360/768;object-fit:contain;transform:none}
@media(max-width:760px){.sk-original-design{aspect-ratio:1008/1792}}
.sk-original-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;padding:24px var(--sk-page-gutter);background:#16434b;color:#fff}
.sk-original-actions>button:not(.sk-create),.sk-original-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #b2f7ff;border-radius:8px;background:#ffffff15;color:#fff;font-size:14px;text-decoration:none;cursor:pointer}
.sk-action-short{display:none}
@media(max-width:760px){.sk-original-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px var(--sk-page-gutter)}.sk-original-actions>button,.sk-original-actions>a{min-width:0;min-height:44px;padding:8px 10px;font-size:14px;line-height:1.2}.sk-original-actions .sk-create{justify-content:center;gap:0;border-radius:12px;box-shadow:0 0 10px #6df0ff70,inset 0 2px 6px #ffffff80}.sk-original-actions .sk-action-full{display:none}.sk-original-actions .sk-action-short{display:inline}}

/* A consistent reading scale for the public page and studio controls. */
.bv-welcome :is(.bv-circle-feature h2,.bv-classic-actions h2,.bv-room-entry h2){font-size:32px!important;line-height:1.2}
.bv-welcome .bv-music-copy h1{font-size:36px;line-height:1.1}
.bv-welcome :is(.bv-circle-feature,.bv-classic-actions,.bv-room-entry,.bv-music-copy) p{font-size:14px;line-height:1.5}
.bv-welcome :is(.bv-circle-feature,.bv-classic-actions) .bv-link,.bv-welcome .bv-classic-nav :is(a,button){font-size:14px;line-height:1.4}
.bv-welcome :is(.bv-wordmark,.bv-music-copy,.bv-circle-feature,.bv-join-strip) small{font-size:12px;line-height:1.5}
.bv-welcome .bv-join-strip .btn{font-size:24px;line-height:1.2;padding:12px 24px;min-height:44px}
.bv-studio .bv-studio-head p,.bv-studio .bv-studio-body>div p{font-size:14px;line-height:1.5}
.bv-studio .bv-studio-body>div :is(h3,h4){font-size:18px;line-height:1.3}
.bv-studio .bv-studio-body>div label{font-size:13px;line-height:1.4}
.bv-studio .bv-skin-categories button{font-size:14px;line-height:1.4}
.bv-studio .bv-skin-option strong{font-size:14px;line-height:1.4}
.bv-studio .bv-skin-option small{font-size:12px;line-height:1.5}
.bv-studio .bv-studio-preview>p.sub{font-size:12px!important;line-height:1.5}
@media(max-width:760px){.bv-welcome :is(.bv-circle-feature h2,.bv-classic-actions h2,.bv-room-entry h2){font-size:26px!important}.bv-welcome .bv-music-copy h1{font-size:32px}.bv-welcome .bv-join-strip .btn{font-size:22px}.bv-welcome :is(.bv-home-search,.bv-header-auth,.bv-register) input,.bv-studio .bv-studio-body>div :is(input,select,textarea){font-size:16px;line-height:1.4}.bv-studio .bv-studio-body>div :is(h3,h4){font-size:18px}}


/* Reflow the existing content to Donovan's phone references; desktop keeps its grid. */
.bv-mobile-join{display:none}
.bv-action-content{display:contents}
@media(max-width:760px){
  .bv-neon-section .bv-classic-header{grid-template-columns:minmax(0,1fr);gap:10px;padding:0 0 16px}
  .bv-neon-section .bv-wordmark{padding:0 0 6px;text-align:center}
  .bv-neon-section .bv-wordmark a{font-size:46px}
  .bv-neon-section .bv-wordmark small{margin:10px 0 0;font-size:11px;letter-spacing:1.2px}
  .bv-neon-section .bv-mobile-join{display:block;grid-column:1;width:100%;min-height:44px;margin:0 0 4px;font-size:16px;border-radius:6px}
  .bv-neon-section .bv-home-search,.bv-neon-section .bv-header-auth,.bv-neon-section .bv-header-return{width:min(100%,340px);justify-self:center;margin:0;grid-column:1;padding:0;border:0}
  .bv-neon-section .bv-home-search label,.bv-neon-section .bv-header-auth label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
  .bv-neon-section .bv-home-search small:empty{display:none}
  .bv-neon-section .bv-home-search small{font-size:12px;margin:4px 0 0}
  .bv-neon-section .bv-header-auth .stack{grid-template-columns:minmax(0,1fr);gap:8px}
  .bv-neon-section .bv-header-auth .stack>div:nth-child(1){grid-column:1;grid-row:1}
  .bv-neon-section .bv-header-auth .stack>div:nth-child(2){grid-column:1;grid-row:2}
  .bv-neon-section .bv-header-auth #a-go{grid-column:1;grid-row:3;width:100%;font-size:16px}
  .bv-neon-section .bv-header-auth #a-err{grid-column:1;grid-row:4}
  .bv-neon-section .bv-header-auth>.bv-link{width:100%;text-align:center;margin:6px 0 0;min-height:32px}
  .bv-neon-section .bv-classic-panels{grid-template-columns:minmax(0,1fr);gap:0}
  .bv-neon-section .bv-music-feature{height:clamp(250px,57vw,330px);margin-inline:calc(-1 * var(--sk-page-gutter));border:0;border-radius:0;box-shadow:none}
  .bv-neon-section .bv-music-copy{inset:20px auto auto 20px;max-width:calc(100% - 40px)}
  .bv-neon-section .bv-music-copy h1{font-size:32px;line-height:1.1;margin:8px 0}
  .bv-neon-section .bv-music-copy p{font-size:14px}
  .bv-neon-section .bv-music-copy button{min-height:44px;padding:9px 14px;font-size:16px}
  .bv-neon-section .bv-music-feature>img{object-position:center}
  .bv-neon-section .bv-classic-panels>.bv-classic-nav{display:flex;justify-content:space-between;gap:6px;flex-wrap:nowrap;margin:0;padding:12px 0;border:0;background:transparent}
  .bv-neon-section .bv-classic-nav a,.bv-neon-section .bv-classic-nav button{font-size:12px;min-height:44px;display:inline-flex;align-items:center;padding:0;white-space:nowrap}
  .bv-neon-section .bv-classic-nav>span{display:none}
  .bv-neon-section .bv-people-feature{height:auto}
  .bv-neon-section .bv-people-collage{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(45px,12vw,66px);height:auto}
  .bv-neon-section .bv-collage-tile:nth-last-child(-n+2){grid-column:span 2}
  .bv-neon-section .bv-collage-caption{font-size:11px;flex-wrap:wrap;margin:8px 0 0}
  .bv-neon-section .bv-social-stage{margin:24px 0 0;padding:24px 14px 30px}
  .bv-neon-section .bv-social-stage .bv-circle-feature{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:0 0 28px;text-align:left}
  .bv-neon-section .bv-social-stage .bv-circle-feature>small{grid-column:1;grid-row:1;font-size:11px;letter-spacing:1.5px}
  .bv-neon-section .bv-social-stage .bv-circle-art{grid-column:1;grid-row:2;width:116px;height:116px;margin:0 0 2px}
  .bv-neon-section .bv-circle-art svg{padding:15px}
  .bv-neon-section .bv-social-stage .bv-circle-feature h2{grid-column:1;grid-row:3;font-size:28px!important;line-height:1.2;margin:0;letter-spacing:-.5px;text-wrap:balance}
  .bv-neon-section .bv-social-stage .bv-circle-feature p{grid-column:1;grid-row:4;margin:0;font-size:16px;line-height:1.5}
  .bv-neon-section .bv-social-stage .bv-circle-feature>.bv-link{grid-column:1;grid-row:5;font-size:16px;min-height:44px;padding:6px 0}
  .bv-neon-section .bv-social-stage .bv-classic-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin:0 0 24px}
  .bv-neon-section .bv-social-stage .bv-classic-actions>div{display:block;padding:0;border:0;text-align:center}
  .bv-neon-section .bv-social-stage .bv-classic-actions>div:after{content:none}
  .bv-neon-section .bv-social-stage .bv-classic-actions>div h2{font-size:28px!important;line-height:1.2;letter-spacing:-.5px;margin:0 0 14px;padding:0;white-space:normal;background:none;color:#49efff;text-shadow:0 0 14px #34cffa60;filter:none}
  .bv-neon-section .bv-social-stage .bv-action-content{display:grid;justify-items:center;gap:12px;padding:22px 14px;border:1px solid #b6a8eac4;border-radius:22px;background:linear-gradient(115deg,#070d2b85,#210b4680);box-shadow:inset 0 0 20px #8f51cb35,0 0 14px #577cce2b}
  .bv-neon-section .bv-social-stage .bv-classic-actions p{margin:0;font-size:16px;line-height:1.5}
  .bv-neon-section .bv-social-stage .bv-classic-actions button{justify-self:center;margin:0;padding:6px 0;font-size:16px;min-height:44px;text-align:center}
  .bv-neon-section .bv-social-stage .bv-classic-actions>div:first-child button{font-size:16px;padding:10px 16px;border-radius:14px}
  .bv-neon-section .bv-social-stage .bv-classic-actions small{margin:0;font-size:12px}
  .bv-neon-section .bv-social-stage .bv-classic-actions small:empty{display:none}
}

/* One account form, revealed by the existing hero actions. */
.bv-welcome .bv-classic-header{grid-template-columns:auto minmax(0,1fr)}
.bv-account-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #79e9ff70;border-radius:20px;background:linear-gradient(135deg,#102732,#160b25);color:#fff;box-shadow:0 0 24px #5feaff30;overflow:auto}
.bv-account-dialog::backdrop{background:#030711b8}
.bv-account-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.bv-account-head h2{font-size:26px;line-height:1.2;margin:0}
.bv-account-head button{min-width:44px;min-height:44px;border:1px solid #79e9ff70;border-radius:10px;background:transparent;color:#fff;font-size:26px;cursor:pointer}
.bv-account-dialog .authwrap{width:100%;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none}
.bv-account-dialog label{font-size:14px}
.bv-account-dialog input{width:100%;min-height:44px;font-size:16px}
.bv-account-dialog .btn{min-height:44px;font-size:16px}
.bv-account-dialog>.bv-link{display:block;min-height:44px;margin:12px auto 0}
.bv-community-tools{padding:16px 0;border-top:1px solid #a1baff25}
.bv-community-tools p{margin:0 0 8px;font-size:16px;line-height:1.5}
.bv-community-tools button{min-height:44px;font-size:16px}
.bv-community-tools small{display:block}
@media(max-width:760px){.bv-welcome .bv-classic-header{grid-template-columns:1fr}.bv-account-dialog{padding:20px}}

/* Reflow the same studio controls and complete preview on phones. */
.bv-studio-picker,.bv-studio-custom{display:contents}
@media(max-width:760px){
  .bv-studio{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);margin:auto;border-radius:16px;overflow:hidden;font-size:14px}
  .bv-studio[open]{display:flex;flex-direction:column}
  .bv-studio .bv-studio-head,.bv-studio .bv-studio-footer{flex:none;padding:14px;gap:12px}
  .bv-studio .bv-studio-head{align-items:flex-start}
  .bv-studio .bv-studio-head>div{min-width:0}
  .bv-studio .bv-studio-head h2{font-size:24px;line-height:1.2}
  .bv-studio .bv-studio-head p{font-size:14px;line-height:1.5}
  .bv-studio .bv-close{flex:none;min-width:44px;min-height:44px}
  .bv-studio .bv-studio-body{flex:1;min-height:0;max-height:none;grid-template-columns:minmax(0,1fr);gap:24px;padding:16px 14px;overflow-y:auto;overflow-x:hidden}
  .bv-studio .bv-studio-controls{display:contents}
  .bv-studio .bv-studio-picker{display:block;order:0;min-width:0}
  .bv-studio .bv-studio-preview{order:1;position:static;min-width:0}
  .bv-studio .bv-studio-custom{display:block;order:2;min-width:0}
  .bv-studio .bv-skin-categories{gap:8px}
  .bv-studio .bv-skin-categories button{min-height:44px;padding:8px 14px;font-size:14px}
  .bv-studio .bv-skin-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(180px,75%);max-height:none;gap:12px;margin:0;padding:4px 3px 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}
  .bv-studio .bv-skin-option{scroll-snap-align:start;text-align:left}
  .bv-studio .bv-skin-option strong{font-size:16px;line-height:1.3}
  .bv-studio .bv-skin-option small{font-size:13px;line-height:1.5}
  .bv-studio .bv-example-label{font-size:12px;line-height:1.5;gap:10px;flex-wrap:wrap}
  .bv-studio .bv-photo-room .bv-cover{min-height:170px}
  .bv-studio .bv-cover-words{font-size:24px;line-height:1.2}
  .bv-studio .bv-profile-intro{padding:0 14px 16px}
  .bv-studio .bv-profile-intro h2{font-size:26px}
  .bv-studio .bv-profile-intro p{font-size:14px;line-height:1.5}
  .bv-studio .bv-preview-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}
  .bv-studio .bv-mini-card{padding:12px}
  .bv-studio .bv-mini-card h3{font-size:16px;line-height:1.4}
  .bv-studio .bv-mini-card h3 small{float:none;display:block;font-size:12px}
  .bv-studio .bv-photo-note{gap:8px;flex-wrap:wrap}
  .bv-studio .bv-photo-note b,.bv-studio .bv-photo-note p{font-size:14px;line-height:1.5}
  .bv-studio .bv-photo-note>small{font-size:12px}
  .bv-studio .bv-photo-friends{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .bv-studio .bv-photo-track{padding:12px;gap:10px}
  .bv-studio .bv-photo-track>div{min-width:0;overflow-wrap:anywhere}
  .bv-studio .bv-photo-track b{font-size:14px}
  .bv-studio .bv-photo-track small{font-size:12px}
  .bv-studio .bv-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .bv-studio .bv-controls>div{min-width:0}
  .bv-studio label{font-size:14px;line-height:1.5}
  .bv-studio input,.bv-studio select,.bv-studio textarea{max-width:100%;min-height:44px;font-size:16px;line-height:1.4}
  .bv-studio input[type=color]{width:100%}
  .bv-studio .bv-upload-box{padding:12px}
  .bv-studio .bv-upload-actions button{min-height:44px;font-size:14px}
  .bv-studio .bv-studio-footer{position:static;flex-wrap:wrap}
  .bv-studio .bv-studio-error:empty{display:none}
  .bv-studio .bv-studio-footer .row{width:100%;gap:10px;display:flex}
  .bv-studio .bv-studio-footer .btn{flex:1;min-width:0;min-height:44px;padding:10px 12px;font-size:16px;line-height:1.3}
}

/* Activate the supplied hero player's existing control without altering its artwork. */
.sk-hero-artwork{position:relative}
.sk-hero-play{position:absolute;left:91.69%;top:91.54%;width:4.12%;aspect-ratio:1;min-width:44px;min-height:44px;transform:translate(-50%,-50%);padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;z-index:1}
.sk-hero-play:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 12px #00efff}
.sk-hero-play::before{content:'';position:absolute;inset:0;border-radius:50%;background:#fff url('/assets/fiji-music-icon-20261018.svg') center/100% 100% no-repeat;box-shadow:0 0 10px #5ceaff}
.sk-hero-play[aria-pressed=true]::after{content:'Ⅱ';position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#007ea8;color:#fff;border:1px solid #aeffff;font:700 12px/1 sans-serif}
.sk-hero-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:760px){.sk-hero-play{left:87.00%;top:95.10%;width:8.35%}.sk-hero-play[aria-pressed=true]::after{width:18px;height:18px;font-size:11px}}

/* Browse the same palettes horizontally with touch, arrows or a keyboard. */
.bv-skin-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;color:#506b72;font-size:12px}
.bv-skin-navigation button{flex:none;min-width:44px;min-height:44px;border:1px solid #b8cdd0;border-radius:50%;background:#fff;color:#173e49;cursor:pointer;font-size:22px}
.bv-skin-navigation button:disabled{opacity:.35;cursor:default}
.bv-studio .bv-skin-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(180px,75%);max-height:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:4px 3px 12px}
.bv-studio .bv-skin-option{scroll-snap-align:start}
.bv-photo-room .bv-cover{overflow:hidden;isolation:isolate}
.bv-photo-room .bv-cover-words{position:relative;z-index:1}
.bv-photo-room .bv-cover-photo{object-fit:cover;overflow:hidden}
.bv-photo-friends>span{width:100%;max-width:80px;justify-self:center}
/* Selected skin colours the real homepage while preserving original photographs. */
#app.bv-home-skinned .bv-neon-section{background-color:var(--bv-bg);background-image:var(--bv-pattern);background-size:var(--bv-pattern-size);color:var(--bv-ink)}
.bv-home-skinned .sk-original-actions{background:var(--bv-cover);color:var(--bv-cover-ink)}
.bv-home-skinned .sk-original-actions :is(button,a){background:var(--bv-panel);color:var(--bv-ink);border-color:var(--bv-accent)}
.bv-home-skinned .sk-original-actions .sk-create{background:var(--bv-accent);color:var(--bv-on-accent);box-shadow:var(--bv-card-shadow)}
.bv-home-skinned .bv-neon-section :is(.bv-classic-header,.bv-classic-nav,.bv-room-entry,.bv-social-stage){background:var(--bv-panel);color:var(--bv-ink);border-color:var(--bv-accent);border-radius:var(--bv-radius);box-shadow:var(--bv-card-shadow)}
.bv-home-skinned .bv-neon-section :is(.bv-room-entry h2,.bv-room-entry p,.bv-room-entry small,.bv-circle-feature h2,.bv-circle-feature p,.bv-circle-feature>small,.bv-community-tools p,.bv-classic-footer>span,.bv-classic-footer,.bv-home-search label,.bv-home-search small,.bv-wordmark small,.bv-classic-nav>span){color:var(--bv-ink)}
.bv-home-skinned .bv-neon-section :is(.bv-link,.bv-classic-nav a,.bv-classic-nav button,.bv-classic-footer a){color:var(--bv-link)}
.bv-home-skinned .bv-neon-section :is(.btn,.bv-home-search button){background:var(--bv-accent);color:var(--bv-on-accent)}
.bv-home-skinned .bv-home-search input{background:var(--bv-bg);color:var(--bv-ink);border-color:var(--bv-accent)}
.bv-home-skinned .bv-home-search input::placeholder{color:var(--bv-ink);opacity:.7}
.bv-home-skinned .bv-collage-caption{color:var(--bv-ink)}
.bv-home-skinned .bv-social-stage::before,.bv-home-skinned .bv-social-stage::after{opacity:.12}

@media(max-width:760px){.bv-studio .bv-photo-room .bv-cover{min-height:0;aspect-ratio:754/228;padding:10px}.bv-studio .bv-photo-room .bv-cover-words{font-size:20px;max-width:65%;padding:4px 6px}.bv-studio .bv-skin-tag{max-width:85px}}

.bv-studio .bv-photo-room .bv-cover{min-height:0;aspect-ratio:754/228;padding:16px}
.bv-studio .bv-skin-categories{flex-wrap:nowrap;overflow-x:auto;padding:4px 0 10px}.bv-studio .bv-skin-categories button{flex:none}
@media(max-width:760px){.bv-studio .bv-photo-room .bv-cover{padding:10px}}

@media(max-width:760px){.bv-studio .bv-photo-room .bv-cover{min-height:110px}.bv-studio .bv-photo-room .bv-cover-words{font-size:clamp(18px,5vw,20px)}}

/* Bound the proportional cover to its actual preview width, including in Ops iframes. */
.bv-studio .bv-photo-room .bv-cover{width:100%;max-width:100%;min-width:0;box-sizing:border-box}

/* Palette materials share tokens with saved rooms and the studio thumbnails.
   Solid panel colour remains the fallback; texture uses CSS, never extra media. */
:is(.bv-preview,.bv-room-thumbnail){background-image:var(--bv-cover-sheen);box-shadow:var(--bv-surface-shadow)}
.bv-preview :is(.bv-profile-intro,.bv-mini-card,.bv-photo-track,.bv-track),
.bv-thumb-panels>i,
.bv-room-active :is(.glass.card,.moment,.scrawl){
  background-color:var(--bv-surface,var(--bv-panel));
  background-image:var(--bv-surface-image);
  background-size:var(--bv-surface-size);
  box-shadow:var(--bv-surface-card-shadow);
}
.bv-preview .bv-mini-card,.bv-room-active :is(.glass.card,.moment,.scrawl){border-radius:var(--bv-radius)}
.bv-preview .bv-profile-avatar{box-shadow:0 0 0 1px var(--bv-surface-edge),0 4px 12px #00000020}
.bv-preview.bv-photo-room .bv-cover-words{background:transparent;box-shadow:none;backdrop-filter:none;color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000b}
.bv-preview .bv-skin-tag{background-color:var(--bv-panel);background-image:var(--bv-surface-image);color:var(--bv-ink);box-shadow:var(--bv-surface-shadow)}
.bv-thumb-panels>i{border-top-color:var(--bv-surface-edge)}
.bv-home-skinned .bv-neon-section :is(.bv-classic-header,.bv-classic-nav,.bv-room-entry,.bv-social-stage,.bv-action-content){
  background-color:var(--bv-surface);
  background-image:var(--bv-surface-image);
  background-size:var(--bv-surface-size);
  box-shadow:var(--bv-surface-card-shadow);
  border-color:var(--bv-surface-edge);
}
.bv-home-skinned .bv-action-content :is(p,small){color:var(--bv-ink)}
.bv-home-skinned .sk-original-actions{background-image:var(--bv-cover-sheen)}
.bv-home-skinned .sk-original-actions :is(button,a){background-image:var(--bv-surface-image);box-shadow:var(--bv-control-shadow)}
.bv-home-skinned .bv-neon-section :is(.btn,.bv-home-search button),.bv-room-active .btn{box-shadow:var(--bv-control-card-shadow)}
/* Translucency is progressive enhancement on the large glass surfaces only. */
@supports(backdrop-filter:blur(1px)){
  .bv-preview .bv-mini-card,.bv-room-active :is(.glass.card,.moment,.scrawl),
  .bv-home-skinned .bv-neon-section :is(.bv-classic-header,.bv-classic-nav,.bv-room-entry){
    background-color:var(--bv-glass-surface,var(--bv-panel));
    backdrop-filter:var(--bv-surface-blur);
  }
}
@media(prefers-reduced-transparency:reduce){
  .bv-preview .bv-mini-card,.bv-room-active :is(.glass.card,.moment,.scrawl),
  .bv-home-skinned .bv-neon-section :is(.bv-classic-header,.bv-classic-nav,.bv-room-entry){background-color:var(--bv-panel);backdrop-filter:none}
}

/* Skin selection is a compact palette list, without miniature room cards. */
.bv-studio .bv-skin-grid{grid-auto-columns:minmax(140px,45%);gap:8px}
.bv-studio .bv-skin-option{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:78px;padding:12px 22px 12px 12px}
.bv-studio .bv-skin-option .bv-skin-palette{padding:0;gap:6px}
.bv-studio .bv-skin-option .bv-skin-palette i{width:14px;height:14px}
.bv-studio .bv-skin-option strong{padding:0;font-size:14px;line-height:1.35}

/* Supplied Sota Kece branding keeps its original square proportions. */
.bv-neon-section .bv-wordmark a{display:inline-flex;background:none;text-shadow:none;line-height:0}
.bv-neon-section .bv-brand-logo{display:block;width:104px;height:104px;max-width:100%;object-fit:contain;border-radius:12px}
.bv-wordmark .bv-dimau-tile{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;width:60px;height:60px;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(8,20,40,.28);margin:0 16px 0 0;overflow:hidden;font-size:0!important;line-height:0}
.bv-wordmark .bv-dimau-tile img{width:48px;height:48px;object-fit:contain;display:block}
.bv-neon-section .bv-wordmark a:not(.bv-dimau-tile){vertical-align:middle}
@media(max-width:760px){.bv-wordmark .bv-dimau-tile{width:52px;height:52px;margin-right:12px}.bv-wordmark .bv-dimau-tile img{width:42px;height:42px}}
@media(max-width:760px){.bv-neon-section .bv-brand-logo{width:96px;height:96px}}

/* Device music uploads use the existing soundtrack area and studio. */
.bv-music-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bv-music-actions button{min-height:44px;max-width:100%;white-space:normal}
.bv-music-copy [data-sample-status],.sk-hero-status{overflow-wrap:anywhere}
.bv-music-dialog{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:20px;border:1px solid #68547e;border-radius:18px;background:#171321;color:#f6f1ff;font-family:var(--sk-ui-font);box-sizing:border-box}
.bv-music-dialog::backdrop{background:rgba(0,0,0,.7)}
.bv-music-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bv-music-dialog h2{margin:0;font-size:24px}.bv-music-dialog h3{font-size:18px;overflow-wrap:anywhere}
.bv-music-dialog .sub{color:#d0c4de;font-size:13px;line-height:1.6}
.bv-music-dialog label{display:block;font-weight:700;margin:14px 0 8px}
.bv-music-dialog input[type=file]{display:block;width:100%;max-width:100%;min-height:44px;font:inherit;color:inherit}
.bv-music-dialog button{min-height:44px;font:inherit;white-space:normal}
.bv-music-dialog audio{display:block;width:100%;max-width:100%;margin:12px 0}.bv-music-dialog audio[hidden]{display:none}
.bv-local-music-status{min-height:1.4em;font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:#ccefa4}
.bv-local-music-list{display:grid;gap:10px;margin-top:18px}
.bv-local-music-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:12px;border:1px solid #68547e;border-radius:12px}
.bv-local-music-row strong,.bv-local-music-row small{display:block;overflow-wrap:anywhere}.bv-local-music-row small{font-size:11px;color:#d0c4de;margin-top:4px}
.bv-local-music-row [aria-pressed=true]{border-color:#89d6ff}
@media(max-width:480px){.bv-music-dialog{padding:16px}.bv-local-music-row{grid-template-columns:1fr 1fr}.bv-local-music-row>div{grid-column:1/-1}.bv-local-music-row button{width:100%}}

/* Core collection: selected artwork loads on demand; photographs stay clear. */
.bv-skin-scene{position:relative;width:100%;height:180px;background-color:var(--bv-bg);background-position:center;background-size:cover;border-bottom:10px solid var(--bv-accent);border-image:var(--bv-border) 12 repeat;box-sizing:border-box;display:flex;align-items:center;padding:20px;color:var(--bv-ink);overflow:hidden}
.bv-skin-scene>span{max-width:44%;font:700 clamp(18px,3vw,30px)/1.15 var(--bv-font);overflow-wrap:anywhere;text-shadow:0 1px 0 var(--bv-bg)}
.bv-preview:has(.bv-skin-scene){background-image:var(--bv-art);background-position:center;background-size:cover}
.bv-preview:has(.bv-skin-scene) .bv-mini-card{background-color:var(--bv-panel);backdrop-filter:none}
.bv-preview:has(.bv-skin-scene) :is(.bv-profile-intro,.bv-photo-track,.bv-track){border-color:var(--bv-accent)}
.bv-skin-story{background:var(--bv-panel);color:var(--bv-ink);padding:14px 18px;border-top:1px solid var(--bv-accent);font:400 12px/1.6 system-ui;overflow-wrap:anywhere}
.bv-skin-story>small{display:block;color:var(--bv-muted);font-size:11px}
.bv-skin-story details{margin-top:8px}.bv-skin-story summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;font-weight:700}.bv-skin-story a{display:block;padding:9px 0;color:var(--bv-link);min-height:44px;box-sizing:border-box}.bv-skin-story a span{font-size:11px}.bv-skin-story p{margin:0 0 6px}
#app.bv-home-skinned .bv-neon-section{background-image:var(--bv-art),var(--bv-pattern);background-size:cover,var(--bv-pattern-size);background-position:center top}
@media(max-width:650px){.bv-skin-scene{height:148px;padding:14px}.bv-skin-scene>span{font-size:18px}.bv-skin-story{padding:12px 14px}}

/* The three real entrance controls share the site's interactive lighting. */
#app.bv-welcome .sk-original-actions>button {
 border-color:#87e8ff;
 box-shadow:0 0 0 1px rgba(135,206,235,.35),0 0 12px rgba(30,144,255,.45),inset 0 0 14px rgba(30,144,255,.18);
 transition:box-shadow .16s ease,border-color .16s ease;
}
#app.bv-welcome .sk-original-actions>button:is(:hover,:focus-visible,:active) {
 border-color:#eeffff;
 box-shadow:0 0 0 2px rgba(255,255,255,.98),0 0 14px 4px rgba(56,189,248,.95),0 0 32px 8px rgba(30,144,255,.72),inset 0 0 18px 3px rgba(240,249,255,.65);
}
#app.bv-welcome .sk-original-actions>button:focus-visible {outline:2px solid #eeffff;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){#app.bv-welcome .sk-original-actions>button{transition:none;}}
@media(forced-colors:active){#app.bv-welcome .sk-original-actions>button{box-shadow:none;border-color:ButtonText;}#app.bv-welcome .sk-original-actions>button:focus-visible{outline-color:Highlight;}}

/* Use the pictured entrance button itself; no second button strip below the hero. */
#app.bv-welcome .sk-hero-create {
 position:absolute;z-index:2;left:4.41176471%;top:58.13953488%;
 width:18.75%;height:8.13953488%;min-width:44px;min-height:44px;
 transform:translateY(-50%);margin:0;padding:0;border:0;border-radius:999px;
 background:transparent;box-shadow:none;cursor:pointer;
}
#app.bv-welcome .sk-hero-create:is(:hover,:focus-visible) {box-shadow:0 0 0 2px #ff9d37,0 0 18px #ff8a24;}
#app.bv-welcome .sk-hero-create:focus-visible {outline:2px solid #fff;outline-offset:3px;}
#app.bv-welcome .bv-classic-header {grid-template-columns:minmax(100px,.7fr) minmax(240px,1fr) auto;}
#app.bv-welcome .sk-utility-actions {
 display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;
 align-self:start;gap:8px;padding:24px 0 0;margin:0;background:transparent;min-width:0;
}
#app.bv-welcome .sk-utility-actions>button {min-height:44px;white-space:nowrap;}
@media(max-width:760px){
 #app.bv-welcome .sk-hero-create {left:9.32539683%;top:28.40095465%;width:44.84126984%;height:5.48926014%;}
}
@media(max-width:700px){
 #app.bv-welcome .bv-classic-header {grid-template-columns:minmax(0,1fr);}
 #app.bv-welcome .sk-utility-actions {padding-top:0;justify-content:center;}
}
@media(forced-colors:active){#app.bv-welcome .sk-hero-create:focus-visible{outline-color:Highlight;}}

/* The supplied product logo replaces the old green Kava Circle symbol. */
#app.bv-welcome .bv-circle-art {border:0;background:none;box-shadow:none;border-radius:12px;}
#app.bv-welcome .bv-circle-art .bv-circle-logo {display:block;width:100%;height:100%;object-fit:contain;border-radius:12px;}
/* Retain the roots line without reserving a second product-logo block. */
#app.bv-welcome .bv-classic-header {grid-template-columns:minmax(240px,1fr) auto;row-gap:12px;}
#app.bv-welcome .bv-classic-header .bv-wordmark {grid-column:1/-1;padding:0;}
#app.bv-welcome .bv-classic-header .bv-wordmark small {margin:0;}
@media(max-width:700px){#app.bv-welcome .bv-classic-header{grid-template-columns:minmax(0,1fr);}}


/* Owner: original blue pattern with Fiji History's readable blue-glass panels. */
#app.bv-welcome {
 --sk-glass:rgba(240,248,255,.42);--sk-glass-ink:#0b2540;--sk-glass-link:#075b94;
 --sk-word-edge:-1px -1px 0 #ffc078,1px -1px 0 #ffc078,-1px 1px 0 #ffc078,1px 1px 0 #ffc078;
 background-color:#123d58;
 background-image:url('/assets/sota-blue-white-background-20261021.png');
 background-position:center top;background-size:420px 420px;background-repeat:repeat;
}
#app.bv-welcome :is(.bv-neon-section,.sk-original-front) {background:transparent;}
#app.bv-welcome .bv-classic::before,
#app.bv-welcome .bv-classic-footer::after,
#app.bv-welcome .bv-social-stage::before,
#app.bv-welcome .bv-social-stage::after {content:none;display:none;}
#app.bv-welcome .bv-neon-section :is(.bv-classic-header,.bv-classic-nav,.bv-social-stage,.bv-room-entry,.bv-classic-footer,.bv-collage-caption) {
 box-sizing:border-box;background:var(--sk-glass);color:var(--sk-glass-ink);
 border:1.5px solid #ff8a24;border-radius:6px 26px;
 -webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);
 box-shadow:0 0 0 1px rgba(255,208,160,.35),0 0 18px rgba(255,138,36,.45),inset 0 0 14px rgba(255,138,36,.18);
}
#app.bv-welcome .bv-classic-header {padding:16px;margin-bottom:18px;}
#app.bv-welcome .bv-classic-footer {padding:16px 20px;}
#app.bv-welcome .bv-collage-caption {padding:10px 12px;flex-wrap:wrap;font-size:12px;line-height:1.5;}
#app.bv-welcome .bv-people-feature {height:auto;}
#app.bv-welcome :is(.bv-classic-header,.bv-social-stage,.bv-room-entry,.bv-classic-footer,.bv-collage-caption) :is(h2,p,small,label,b,span),
#app.bv-welcome .bv-classic-nav :is(a,button,span),
#app.bv-welcome .bv-classic-footer,
#app.bv-welcome .bv-collage-caption {
 color:var(--sk-glass-ink);text-shadow:var(--sk-word-edge);
}
#app.bv-welcome :is(.bv-social-stage,.bv-room-entry) h2 {font-weight:800;text-shadow:var(--sk-word-edge),0 0 8px rgba(255,138,36,.85);}
#app.bv-welcome :is(.bv-social-stage,.bv-room-entry,.bv-classic-footer) :is(.bv-link,a) {color:var(--sk-glass-link);text-shadow:var(--sk-word-edge);font-weight:800;}
#app.bv-welcome .bv-classic-header .bv-home-search input {background:rgba(255,255,255,.94);color:var(--sk-glass-ink);border-color:#ffad66;}
#app.bv-welcome .bv-classic-header .bv-home-search input:focus-visible {outline:3px solid #075b94;outline-offset:2px;}
#app.bv-welcome .bv-classic-header .sk-utility-actions>button {background:rgba(238,248,255,.9);color:var(--sk-glass-ink);border-color:#ff8a24;text-shadow:none;}
#app.bv-welcome .bv-community-tools {border-color:rgba(255,138,36,.48);}
#app.bv-welcome .bv-neon-section :is(.bv-music-feature,.bv-people-collage) {box-shadow:0 0 18px rgba(255,138,36,.7),0 0 3px #fff0df;}
/* Heavier, crisp lettering instead of an opaque panel hiding the pattern. */
#app.bv-welcome :is(.bv-social-stage,.bv-room-entry) p {font-size:16px;font-weight:700;line-height:1.6;}
#app.bv-welcome .bv-classic-header :is(label,small),
#app.bv-welcome .bv-collage-caption,
#app.bv-welcome .bv-classic-footer {font-size:13px;font-weight:700;line-height:1.5;}
#app.bv-welcome .bv-collage-caption b {font-size:inherit;}
#app.bv-welcome .bv-classic-nav :is(a,button,span) {font-weight:800;}
@media(hover:hover){#app.bv-welcome .bv-neon-section :is(.bv-classic-header,.bv-social-stage,.bv-room-entry):hover{border-color:#ffbd80;box-shadow:0 0 0 1px rgba(255,173,102,.5),0 0 22px rgba(255,138,36,.55),inset 0 1px rgba(255,157,55,.8);}}
@media(prefers-reduced-transparency:reduce){#app.bv-welcome .bv-neon-section :is(.bv-classic-header,.bv-classic-nav,.bv-social-stage,.bv-room-entry,.bv-classic-footer,.bv-collage-caption){background:#eef8ff;-webkit-backdrop-filter:none;backdrop-filter:none;}}
@media(forced-colors:active){
 #app.bv-welcome{background:Canvas;}
 #app.bv-welcome .bv-neon-section :is(.bv-classic-header,.bv-classic-nav,.bv-social-stage,.bv-room-entry,.bv-classic-footer,.bv-collage-caption){background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;}
 #app.bv-welcome :is(.bv-classic-header,.bv-social-stage,.bv-room-entry,.bv-classic-footer,.bv-collage-caption) :is(h2,p,small,label,b,span,a,.bv-link),#app.bv-welcome .bv-classic-nav :is(a,button,span){color:CanvasText;text-shadow:none;}
}

/* Owner: warm orange light-ups against the original blue pattern. */
#app.bv-welcome .bv-neon-section :is(.bv-music-feature,.bv-people-collage) {border-color:#ff8a24;}
#app.bv-welcome .bv-neon-section :is(.btn,.bv-home-search button,.sk-utility-actions>button) {
 border-color:#ff8a24;
 box-shadow:0 0 0 1px rgba(255,208,160,.35),0 0 12px rgba(255,138,36,.45),inset 0 0 14px rgba(255,138,36,.18);
}
#app.bv-welcome .bv-neon-section :is(.btn,.bv-home-search button,.sk-utility-actions>button):is(:hover,:focus-visible,:active) {
 border-color:#ffbd80;
 box-shadow:0 0 0 2px rgba(255,157,55,.98),0 0 14px 4px rgba(255,166,74,.95),0 0 32px 8px rgba(255,138,36,.72),inset 0 0 18px 3px rgba(255,175,76,.65);
}
#app.bv-welcome .bv-neon-section :is(.btn,.bv-home-search button,.sk-utility-actions>button):focus-visible {outline:2px solid #ff8a24;outline-offset:3px;}
@media(forced-colors:active){
 #app.bv-welcome .bv-neon-section :is(.bv-music-feature,.bv-people-collage,.btn,.bv-home-search button,.sk-utility-actions>button){border-color:ButtonText;box-shadow:none;}
 #app.bv-welcome .bv-neon-section :is(.btn,.bv-home-search button,.sk-utility-actions>button):focus-visible{outline-color:Highlight;}
}

/* Owner: colourful action pills with labels above the surface, never clipped. */
#app.bv-welcome {--sk-pill-rgb:255,196,118;--sk-dot:#e56b00;--sk-orange-rest:0 0 0 1px #ffad6670,0 0 14px #ff8a2473,inset 0 0 12px #ff8a242e;--sk-orange-lit:0 0 0 2px #ff9d37,0 0 14px 4px #ffa64af2,0 0 32px 8px #ff8a24b8,inset 0 0 18px 3px #ffaf4ca6;}
#app.bv-welcome :is(.sk-utility-actions>button,.bv-music-actions>button,.bv-circle-feature>.bv-link,.bv-community-tools>.bv-link,#bv-edit-room,.bv-classic-nav>a,.bv-classic-nav>button) {
 position:relative;isolation:isolate;z-index:1;box-sizing:border-box;
 display:inline-flex;align-items:center;justify-content:center;gap:.55em;
 min-width:0;min-height:44px;max-width:100%;height:auto;
 padding:10px 16px;border:2px solid rgb(var(--sk-pill-rgb));border-radius:9px 22px;
 background:rgba(var(--sk-pill-rgb),.78);background-image:none;
 color:#081f35;-webkit-text-fill-color:#081f35;text-shadow:none;
 opacity:1;font-weight:800;line-height:1.4;white-space:normal;overflow:visible;overflow-wrap:anywhere;
 text-align:center;text-decoration:none;box-shadow:var(--sk-orange-rest);
}
#app.bv-welcome :is(.sk-utility-actions>button,.bv-music-actions>button,.bv-circle-feature>.bv-link,.bv-community-tools>.bv-link,#bv-edit-room,.bv-classic-nav>a,.bv-classic-nav>button)::before {
 content:'';position:static;display:block;flex:0 0 .5em;width:.5em;height:.5em;
 border-radius:50%;background:var(--sk-dot);border:1px solid #081f35;box-shadow:none;pointer-events:none;
}
#app.bv-welcome :is(.sk-utility-actions>button,.bv-music-actions>button,.bv-circle-feature>.bv-link,.bv-community-tools>.bv-link,#bv-edit-room,.bv-classic-nav>a,.bv-classic-nav>button):is(:hover,:focus-visible,:active) {
 background:rgba(var(--sk-pill-rgb),.78);color:#081f35;-webkit-text-fill-color:#081f35;
 opacity:1;text-shadow:none;box-shadow:var(--sk-orange-lit);border-color:#ff8a24;transform:none;
}
#app.bv-welcome :is(.sk-utility-actions>button,.bv-music-actions>button,.bv-circle-feature>.bv-link,.bv-community-tools>.bv-link,#bv-edit-room,.bv-classic-nav>a,.bv-classic-nav>button):focus-visible {outline:3px solid #ff8a24;outline-offset:3px;}
#app.bv-welcome .sk-utility-actions>button:nth-child(2),#app.bv-welcome .bv-circle-feature>.bv-link {--sk-pill-rgb:255,185,220;--sk-dot:#c4146f;}
#app.bv-welcome .bv-music-actions>button:first-child,#app.bv-welcome .bv-classic-nav>a:first-child {--sk-pill-rgb:255,227,134;--sk-dot:#c47900;}
#app.bv-welcome .bv-music-actions>button:nth-child(2),#app.bv-welcome .bv-classic-nav>a:nth-child(2) {--sk-pill-rgb:157,241,236;--sk-dot:#008b85;}
#app.bv-welcome #bv-edit-room,#app.bv-welcome .bv-classic-nav>a:nth-child(3) {--sk-pill-rgb:214,181,255;--sk-dot:#7630cb;}
#app.bv-welcome .bv-community-tools>.bv-link,#app.bv-welcome .bv-classic-nav>button {--sk-pill-rgb:212,247,133;--sk-dot:#448600;}
#app.bv-welcome .bv-classic-nav {flex-wrap:wrap;gap:10px;padding:12px;}
#app.bv-welcome .bv-room-entry {grid-template-columns:minmax(0,1fr);gap:18px;}
#app.bv-welcome #bv-edit-room {justify-self:start;flex-shrink:1;width:auto;margin:0;}
#app.bv-welcome .bv-circle-feature>.bv-link {justify-self:start;}
#app.bv-welcome .bv-circle-feature h2 {color:#3e175f;}
#app.bv-welcome .bv-room-entry h2 {color:#65153c;}
#app.bv-welcome .bv-neon-section .bv-home-search input:focus-visible {outline-color:#ff8a24;box-shadow:var(--sk-orange-lit);}
/* A larger desktop scale; keep phone typography at its current sizes. */
@media(min-width:761px){
 #app.bv-welcome {font-size:20px;}
 #app.bv-welcome .sk-pattern-heading {font-size:clamp(96px,7.2vw,108px)!important;}
 #app.bv-welcome .bv-classic-header :is(label,small),#app.bv-welcome .bv-wordmark small {font-size:18px;line-height:1.5;}
 #app.bv-welcome .bv-classic-header .bv-home-search input {font-size:18px;height:auto;min-height:50px;}
 #app.bv-welcome .bv-classic-header .bv-home-search button {font-size:28px;width:50px;height:50px;}
 #app.bv-welcome .sk-utility-actions {padding-top:32px;flex-wrap:wrap;}
 #app.bv-welcome :is(.sk-utility-actions>button,.bv-classic-nav>a,.bv-classic-nav>button,.bv-music-actions>button,.bv-circle-feature>.bv-link,.bv-community-tools>.bv-link,#bv-edit-room) {font-size:20px;min-height:50px;}
 #app.bv-welcome .bv-classic-nav>span {font-size:18px;line-height:1.5;}
 #app.bv-welcome .bv-music-feature {height:auto;min-height:355px;}
 #app.bv-welcome .bv-music-copy {position:relative;inset:auto;padding:26px 18px 18px;}
 #app.bv-welcome .bv-music-copy h1 {font-size:46px;line-height:1.12;}
 #app.bv-welcome .bv-music-copy p {font-size:20px;line-height:1.5;}
 #app.bv-welcome .bv-music-copy>small {font-size:16px;line-height:1.5;}
 #app.bv-welcome .bv-collage-tile {font-size:16px;}
 #app.bv-welcome .bv-collage-tile.bv-tile-emoji {font-size:30px;}
 #app.bv-welcome .bv-collage-caption,#app.bv-welcome .bv-classic-footer {font-size:17px;line-height:1.6;}
 #app.bv-welcome :is(.bv-social-stage,.bv-room-entry) h2 {font-size:40px!important;line-height:1.2;}
 #app.bv-welcome :is(.bv-social-stage,.bv-room-entry) p {font-size:21px;line-height:1.6;}
 #app.bv-welcome :is(.bv-social-stage,.bv-room-entry) small {font-size:17px;line-height:1.5;}
 #app.bv-welcome :is(.bv-account-dialog,.bv-music-dialog),.sk-playlist,.bv-studio {font-size:20px;}
 #app.bv-welcome :is(.bv-account-dialog,.bv-music-dialog) :is(input,button,label),.sk-playlist :is(button,input,.sk-playlist-title),.bv-studio :is(button,input,select,textarea,label,strong) {font-size:18px;line-height:1.5;}
 #app.bv-welcome :is(.bv-account-dialog,.bv-music-dialog) h2,.sk-playlist h2,.bv-studio h2 {font-size:32px;}
 #app.bv-welcome .bv-music-dialog h3,.bv-studio :is(h3,h4) {font-size:24px;}
 #app.bv-welcome :is(.bv-account-dialog,.bv-music-dialog) :is(small,.sub),.sk-playlist :is(label,small,.sk-playlist-status),.bv-studio :is(small,.sub) {font-size:17px;line-height:1.5;}
}
@media(forced-colors:active){
 #app.bv-welcome :is(.sk-utility-actions>button,.bv-music-actions>button,.bv-circle-feature>.bv-link,.bv-community-tools>.bv-link,#bv-edit-room,.bv-classic-nav>a,.bv-classic-nav>button){background:ButtonFace;color:ButtonText;-webkit-text-fill-color:ButtonText;border-color:ButtonText;box-shadow:none;text-shadow:none;}
 #app.bv-welcome :is(.sk-utility-actions>button,.bv-music-actions>button,.bv-circle-feature>.bv-link,.bv-community-tools>.bv-link,#bv-edit-room,.bv-classic-nav>a,.bv-classic-nav>button)::before{background:ButtonText;border-color:ButtonText;}
 #app.bv-welcome :is(.bv-circle-feature,.bv-room-entry) h2 {color:CanvasText;}
}

#app.bv-welcome .bv-music-copy h1 {color:#ffd58a;text-shadow:0 2px 2px #803500,0 0 12px #ff8a2480;}

/* Studio field rules are more specific than the shared desktop type defaults. */
@media(min-width:761px){
 .bv-studio :is(.bv-studio-body,.bv-studio-head,.bv-studio-footer) :is(label,button,input,select,textarea,strong){font-size:18px!important;line-height:1.5;}
 .bv-studio :is(.bv-studio-body,.bv-studio-head,.bv-studio-footer) :is(small,.sub){font-size:17px!important;line-height:1.5;}
}

@media(min-width:761px){
 #app.bv-welcome .sk-site-header .sk-pattern-heading {font-size:clamp(96px,7.2vw,108px)!important;}
 .sk-playlist.sk-playlist h2 {font-size:32px;}
 #app.bv-welcome .bv-account-head>button {font-size:32px;}
}

/* Cover choices now live in the skin studio. */
#app.bv-welcome .bv-classic-panels>.bv-music-feature{grid-column:1/-1;}
#app.bv-welcome .bv-classic-header.bv-connect-header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px 28px;padding:24px;background:rgba(255,255,255,.95);border-color:#c5dce3;box-shadow:0 4px 16px #0b354516;text-align:left}
#app.bv-welcome .bv-connect-header .bv-wordmark{grid-column:1/-1;padding:0}
#app.bv-welcome .bv-connect-header .bv-wordmark small{font-size:11px;line-height:1.5;letter-spacing:.12em;color:#356775}
#app.bv-welcome .bv-entry-copy{min-width:0}
#app.bv-welcome .bv-entry-copy h2{font:800 clamp(25px,3vw,34px)/1.15 var(--sk-ui-font,Nunito,sans-serif);letter-spacing:-.035em;color:#163e50;margin:0 0 9px;text-transform:none}
#app.bv-welcome .bv-entry-copy p{font-size:15px;line-height:1.65;color:#456676;margin:0}
#app.bv-welcome .bv-entry-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;align-self:center;min-width:0}
#app.bv-welcome .bv-connect-header .bv-entry-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border:1px solid #b5ced7;border-radius:12px;background:#fff;color:#174b60;font:800 15px/1.4 var(--sk-ui-font,Nunito,sans-serif);cursor:pointer;box-shadow:none;text-shadow:none;white-space:normal;text-align:center;min-width:0}
#app.bv-welcome .bv-entry-account-actions .bv-entry-button{flex:1;max-width:185px;font-size:16px}
#app.bv-welcome .bv-connect-header .bv-entry-primary{background:#164d61;color:#fff;border-color:#164d61}
#app.bv-welcome .bv-entry-invite{min-width:0;padding:20px;border:1px solid #c1dcd4;border-radius:14px;background:#edf7f1}
#app.bv-welcome .bv-entry-invite h3{font-size:18px;line-height:1.35;color:#204f48;margin:0 0 7px}
#app.bv-welcome .bv-entry-invite p{font-size:14px;line-height:1.65;color:#466c63;margin:0 0 14px}
#app.bv-welcome .bv-entry-share-actions{display:flex;gap:8px;flex-wrap:wrap}
#app.bv-welcome .bv-entry-share-actions .bv-entry-button{flex:1;padding:10px 12px;font-size:14px;min-height:44px}
#app.bv-welcome .bv-connect-header .bv-entry-share{background:#d7eddf;border-color:#a8ceba;color:#204f48}
#app.bv-welcome .bv-connect-header .bv-entry-status{display:block;min-height:19px;font-size:12px;line-height:1.6;color:#345d54;margin-top:8px;overflow-wrap:anywhere}
#app.bv-welcome .bv-connect-header .bv-home-search{grid-column:auto;width:100%;max-width:none;min-width:0;align-self:center;margin:0}
#app.bv-welcome .bv-connect-header .bv-home-search label{font-size:14px;color:#284e63}
#app.bv-welcome .bv-connect-header #bv-search-status{font-size:12px;line-height:1.6;color:#4c6d7a}
#app.bv-welcome .bv-entry-copy-link{margin-top:12px;min-width:0}
#app.bv-welcome .bv-entry-copy-link[hidden]{display:none!important}
#app.bv-welcome .bv-entry-copy-link label{display:block;font-size:12px;font-weight:800;color:#345d54;margin-bottom:5px}
#app.bv-welcome .bv-entry-copy-link input{width:100%;min-width:0;font-size:16px;line-height:1.5;color:#204f48;background:#fff;border:1px solid #a8ceba;border-radius:8px;padding:9px}
#app.bv-welcome .bv-connect-header .bv-entry-button:hover{border-color:#398592;filter:brightness(.98)}
#app.bv-welcome .bv-connect-header .bv-entry-button:focus-visible{outline:3px solid #08768a;outline-offset:3px}
#app.bv-welcome .bv-connect-header .bv-entry-button:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){#app.bv-welcome .bv-classic-header.bv-connect-header{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 16px}#app.bv-welcome .bv-entry-account-actions{justify-content:stretch}#app.bv-welcome .bv-entry-account-actions .bv-entry-button{max-width:none}#app.bv-welcome .bv-entry-invite{padding:16px}#app.bv-welcome .bv-entry-copy h2{font-size:28px}}
@media(forced-colors:active){#app.bv-welcome .bv-classic-header.bv-connect-header,#app.bv-welcome .bv-entry-invite,#app.bv-welcome .bv-connect-header .bv-entry-button{background:Canvas;color:CanvasText;border-color:CanvasText}#app.bv-welcome .bv-connect-header .bv-entry-button:focus-visible{outline-color:Highlight}}
/* Section navigation scrolls; actions stay beside the feature they operate. */
#app.bv-welcome .bv-home-section-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:0 0 20px;padding:10px 18px;border:1px solid #c3d9e2;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:none;text-align:left}
#app.bv-welcome .bv-home-section-nav>span{font:800 11px/1.5 var(--sk-ui-font,Nunito,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#57737f;margin-right:8px}
#app.bv-welcome .bv-home-section-nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#174e64;font:800 14px/1.4 var(--sk-ui-font,Nunito,sans-serif);text-decoration:none;text-shadow:none;box-shadow:none;white-space:normal;text-align:center}
#app.bv-welcome .bv-home-section-nav>a::before,#app.bv-welcome .bv-home-section-nav>a::after{content:none}
#app.bv-welcome .bv-home-section-nav>a:hover{background:#e8f2f5;text-decoration:underline;text-underline-offset:4px}
#app.bv-welcome .bv-home-section-nav>a:focus-visible{outline:3px solid #08768a;outline-offset:2px}
#app.bv-welcome :is(#bv-music,#bv-circle,#bv-your-room){scroll-margin-top:20px}
#app.bv-welcome .bv-home-call-group{display:block}
#app.bv-welcome .bv-home-call-group .bv-circle-feature{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:8px 22px;align-items:center;padding:0;text-align:left}
#app.bv-welcome .bv-home-call-group .bv-circle-art{grid-column:1;grid-row:1/4;width:96px;height:96px;margin:0}
#app.bv-welcome .bv-home-call-group .bv-circle-feature>small{grid-column:2;grid-row:1;margin:0}
#app.bv-welcome .bv-home-call-group .bv-circle-feature h2{grid-column:2;grid-row:2;margin:0}
#app.bv-welcome .bv-home-call-group .bv-circle-feature p{grid-column:2;grid-row:3;margin:0}
#app.bv-welcome .bv-home-call-group .bv-circle-feature>.bv-circle-explore{grid-column:3;grid-row:1/4;justify-self:end;min-height:44px;max-width:100%;padding:12px 18px;border:1px solid #164d61;border-radius:12px;background:#164d61;color:#fff;font-size:15px;line-height:1.4;text-shadow:none;box-shadow:none;white-space:normal;text-align:center}
#app.bv-welcome .bv-home-call-group .bv-circle-feature>.bv-circle-explore::before{content:none}
#app.bv-welcome .bv-home-call-group .bv-circle-feature>.bv-circle-explore:focus-visible{outline:3px solid #08768a;outline-offset:3px}
#app.bv-welcome .bv-discovery-selected{display:block;font-size:12px;line-height:1.6;margin-top:10px;color:inherit}
@media(max-width:760px){#app.bv-welcome .bv-home-section-nav{gap:4px;padding:10px 12px}#app.bv-welcome .bv-home-section-nav>span{flex-basis:100%;margin:0 0 2px}#app.bv-welcome .bv-home-section-nav>a{flex:1;padding:10px 8px}#app.bv-welcome .bv-home-call-group .bv-circle-feature{grid-template-columns:64px minmax(0,1fr);gap:10px 14px;padding:0}#app.bv-welcome .bv-home-call-group .bv-circle-art{grid-column:1;grid-row:1/3;width:64px;height:64px}#app.bv-welcome .bv-home-call-group .bv-circle-feature p{grid-column:1/-1;grid-row:3}#app.bv-welcome .bv-home-call-group .bv-circle-feature>.bv-circle-explore{grid-column:1/-1;grid-row:4;justify-self:start}}
@media(forced-colors:active){#app.bv-welcome .bv-home-section-nav,#app.bv-welcome .bv-home-section-nav>a,#app.bv-welcome .bv-home-call-group .bv-circle-feature>.bv-circle-explore{background:Canvas;color:CanvasText;border-color:CanvasText}#app.bv-welcome .bv-home-section-nav>a:focus-visible{outline-color:Highlight}}

/* Live audio replaces only the waveform baked into the protected hero artwork. */
#app.bv-welcome .sk-hero-artwork>.sk-hero-visualiser{position:absolute;z-index:2;display:block;min-width:0;min-height:0;max-width:none;box-sizing:border-box;margin:0;padding:0;overflow:hidden;border:0;border-radius:2px;background:linear-gradient(110deg,#94a5a3 0%,#8ba3aa 48%,#809da7 100%);box-shadow:none;pointer-events:none;user-select:none;transform:none}
#app.bv-welcome .sk-hero-artwork>.sk-hero-visualiser canvas{display:block;position:static;width:100%;height:100%;min-width:0;min-height:0;max-width:none;margin:0;padding:0;border:0;background:transparent;pointer-events:none;object-fit:fill}
#app.bv-welcome .sk-hero-artwork>.sk-artwork-play{position:absolute;z-index:3;display:block;min-width:44px;min-height:44px;max-width:none;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:transparent;box-shadow:none;transform:translate(-50%,-50%);cursor:pointer;touch-action:manipulation}
#app.bv-welcome .sk-hero-artwork>.sk-artwork-play::after{content:none}
#app.bv-welcome .sk-hero-artwork>.sk-artwork-play::before{content:'';position:absolute;inset:0;border-radius:50%;background:#fff url('/assets/music-badge-museum-20261018.svg') center/100% 100% no-repeat;box-shadow:0 0 12px #5ceaff;pointer-events:none}
#app.bv-welcome .sk-hero-artwork>.sk-artwork-play:focus-visible{outline:3px solid #e2ffff;outline-offset:3px;box-shadow:0 0 0 1px #075969}
#app.bv-welcome .sk-hero-visualiser-label{position:absolute;width:1px;height:1px;min-width:0;min-height:0;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#app.bv-welcome .sk-hero-artwork>:is(.sk-hero-visualiser,.sk-artwork-play)[hidden]{display:none!important}
@media(max-width:760px){#app.bv-welcome .sk-hero-artwork>.sk-hero-visualiser{background:linear-gradient(110deg,#9ba2a1 0%,#8c9fa5 50%,#869ca2 100%)}}
@media(forced-colors:active){#app.bv-welcome .sk-hero-artwork>.sk-hero-visualiser{background:Canvas}#app.bv-welcome .sk-hero-artwork>.sk-artwork-play:focus-visible{outline-color:Highlight;box-shadow:none}}
#app.bv-welcome .bv-entry-share-actions #sk-invite-circle{flex-basis:100%;background:#164d61;border-color:#164d61;color:#fff}

/* Follow the original desktop player perspective without moving its artwork. */
@media(min-width:761px){#app.bv-welcome .sk-hero-artwork>.sk-hero-visualiser canvas{transform:translateY(7%) skewY(3.2deg);transform-origin:center}}

/* Keep painted sample contacts covered even if the optional live-card module is unavailable. */
.sk-hero-artwork :where(.sota-social-hero){position:absolute;inset:0;z-index:2;display:block;margin:0;pointer-events:none}
.sk-hero-artwork :where(.sota-social-hero) button{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:8px;min-height:44px;border:1px solid #dfe8dc;border-radius:6px;background:linear-gradient(125deg,#e7d0bb,#c1d6d0);color:#173e43;font:11px/1.3 system-ui,sans-serif;text-align:left;overflow:hidden;pointer-events:auto}
.sk-hero-artwork :where(.sota-social-hero) [data-social-panel=wall]{left:47.14932127%;top:62.25961538%;width:23.34841629%;height:22.35576923%;clip-path:polygon(.8721% 0,99.7093% 1.6129%,99.7093% 99.4624%,0 91.3978%)}
.sk-hero-artwork :where(.sota-social-hero) [data-social-panel=mates]{left:71.24434389%;top:56.49038462%;width:20.36199095%;height:30.28846154%;clip-path:polygon(.3333% 0,99.6667% 0,99.6667% 99.6032%,0 94.0476%)}
@media(max-width:760px){.sk-hero-artwork :where(.sota-social-hero) [data-social-panel=wall]{left:13.99437412%;top:67.24683544%;width:73.04266292%;height:11.4978903%;clip-path:none}.sk-hero-artwork :where(.sota-social-hero) [data-social-panel=mates]{left:13.99437412%;top:79.16666667%;width:73.04266292%;height:12.39451477%;clip-path:none}}

/* Rotate only the badge artwork; the native control stays in its original position. */
.sk-hero-play::before,#app.bv-welcome .sk-hero-artwork>.sk-artwork-play::before{animation:sk-music-badge-turn 8s linear infinite;animation-play-state:paused;transform-origin:center}
html.sota-music-playing .sk-hero-play::before,html.sota-music-playing #app.bv-welcome .sk-hero-artwork>.sk-artwork-play::before{animation-play-state:running}
@keyframes sk-music-badge-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sk-hero-play::before,#app.bv-welcome .sk-hero-artwork>.sk-artwork-play::before{animation:none}}