@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;
}

@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.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}