/* Scoped composition repair, based on IMG_3471 / IMG_3472.
   Never change hidden/locked/payment states or media sources. */
html body:has(.browse-top) .viewer.glass{
 background:#fff!important;border:1px solid #e6d9ed!important;box-shadow:0 15px 45px #59337312!important;
 overflow:hidden;border-radius:28px!important;
}
html body:has(.browse-top) .viewer .viewer-stack{display:grid;gap:0;align-content:start}
html body:has(.browse-top) .viewer .viewer-media-frame{border-radius:27px 27px 0 0}
html body:has(.browse-top) .viewer .viewer-media{border-radius:27px 27px 0 0}
html body:has(.browse-top) .viewer .viewer-overlay{
 background:linear-gradient(180deg,transparent 45%,rgba(59,22,70,.15) 68%,rgba(49,16,62,.76) 100%)!important;
 border-radius:27px 27px 0 0;
}
html body:has(.browse-top) .viewer .viewer-hero .viewer-title{
 color:#fff!important;text-shadow:0 2px 16px #29103638!important;letter-spacing:-.045em;
}
html body:has(.browse-top) .viewer .viewer-hero .viewer-subtitle{color:#fff!important;opacity:1;text-shadow:0 1px 8px #29103645}
html body:has(.browse-top) .viewer .viewer-badges .mini-pill{
 background:#fffffff0!important;color:#61406f!important;border:1px solid #fff!important;
 box-shadow:0 2px 8px #36163e12;font-size:12px;font-weight:650;
}
html body:has(.browse-top) .viewer .viewer-nav-arrow{
 background:#fffffff0!important;color:#704187!important;border:1px solid #e6d9ed!important;
}
html body:has(.browse-top) .viewer .viewer-content-card{
 display:grid;gap:20px;align-content:start;min-height:0;height:auto;
 margin:0;padding:26px;border:0!important;border-radius:0 0 27px 27px;
 background:#fff!important;color:#392747!important;box-shadow:none!important;
}
html body:has(.browse-top) .viewer .viewer-content-top{
 display:grid;gap:15px;align-content:start;min-height:0;height:auto;
}
html body:has(.browse-top) .viewer .viewer-section-heading{
 display:flex;align-items:center;gap:10px;margin:0;font-size:11px;font-weight:800;
 color:#825199!important;letter-spacing:.11em;text-transform:uppercase;line-height:1.5;
}
html body:has(.browse-top) .viewer .viewer-section-heading::before{
 content:"";width:20px;height:3px;background:linear-gradient(90deg,#8a47bf,#d14c9e);border-radius:4px;
}
html body:has(.browse-top) .viewer #activeBio{
 position:static;max-width:none;margin:0;padding:0;color:#493750!important;opacity:1;
 font-size:16px;font-weight:400;line-height:1.8;text-shadow:none;white-space:pre-line;
 overflow-wrap:anywhere;min-height:0;max-height:none;
}
html body:has(.browse-top) .viewer #activeBio:empty{display:none}
html body:has(.browse-top) .viewer #viewerFacts{display:flex;flex-wrap:wrap;gap:8px;margin:0;min-height:0}
html body:has(.browse-top) .viewer .fact-pill{
 min-height:32px;padding:7px 11px;border:1px solid #eaddef;background:#fbf7fd;
 color:#775b86!important;font-size:12px;font-weight:600;line-height:1.4;box-shadow:none;
}
html body:has(.browse-top) .viewer .spotlight-card{
 position:relative;margin:2px 0 0;padding:17px 18px 17px 21px;
 border:1px solid #e6d5ef;border-radius:17px;background:linear-gradient(110deg,#f5eafa,#fff5fa)!important;
 box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;
}
html body:has(.browse-top) .viewer .spotlight-card::before{
 content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:4px;background:#b071c8;
}
html body:has(.browse-top) .viewer .spotlight-label{color:#9762a7!important;font-size:10px;letter-spacing:.12em;margin-bottom:7px;line-height:1.5}
html body:has(.browse-top) .viewer .spotlight-value{color:#674377!important;font-size:14px;line-height:1.65;font-weight:550}
html body:has(.browse-top) .viewer .viewer-actions{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;
 gap:14px 18px;min-height:0;margin:0;padding-top:20px;border-top:1px solid #eee3f2;
}
html body:has(.browse-top) .viewer #actionBar{
 position:static;grid-column:1;display:flex;align-items:flex-start;gap:10px;min-width:0;margin:0;
}
html body:has(.browse-top) .viewer #actionBar .icon-btn{
 display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
 width:auto;height:auto;min-width:54px;min-height:66px;padding:10px 9px 8px;border-radius:16px;
 background:#fbf6fd;border:1px solid #eddef2;box-shadow:none;font-size:22px;color:#793c95;
}
html body:has(.browse-top) .viewer #actionBar .icon-btn::before{
 content:attr(data-action-label);order:2;font:650 10px/1.3 system-ui,-apple-system,sans-serif;color:#795587;
}
html body:has(.browse-top) .viewer #actionBar .like-btn{background:#fff2f7;border-color:#f1d5e4}
html body:has(.browse-top) .viewer #actionBar .like-btn[aria-pressed=true]{background:#ffe2ee;border-color:#d995b5}
html body:has(.browse-top) .viewer #actionBar .chat-btn{background:#f4edfc;border-color:#e3d4f0}
html body:has(.browse-top) .viewer #selectedPhotoContext{grid-column:1/-1;margin:0!important;color:#846d91!important;font-size:10px!important;line-height:1.6}
html body:has(.browse-top) .viewer #selectedPhotoContext:empty{display:none}
html body:has(.browse-top) .viewer #viewFullProfileBtn{
 grid-column:2;grid-row:1;min-height:46px;margin:0!important;padding:12px 15px!important;
 border:1px solid #d9bee8!important;border-radius:14px!important;
 background:#fff!important;color:#8040a3!important;line-height:1.4;text-align:center;
 font-size:12px;font-weight:700;box-shadow:0 3px 10px #6e368008;text-decoration:none;
}
html body:has(.browse-top) .viewer #privateRoomBtn{
 grid-column:1/-1;justify-content:center;gap:10px;min-height:48px;width:100%;margin:0!important;padding:13px 18px;
 border-radius:15px;border:1px solid transparent;background:linear-gradient(110deg,#8346bd,#c44399);
 color:#fff!important;box-shadow:0 7px 18px #9c419623;font-size:14px;font-weight:700;
}
html body:has(.browse-top) .viewer #privateRoomBtn span{color:#fff!important}
html body:has(.browse-top) .viewer .viewer-boost-tools{
 grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
 gap:6px 14px;margin:0!important;padding:15px 16px;border-radius:16px;background:#fcf9fe;border:1px solid #eee2f3;
}
html body:has(.browse-top) .viewer .viewer-boost-heading{grid-column:1;font-size:11px;font-weight:750;color:#8a668e;line-height:1.5}
html body:has(.browse-top) .viewer #boostProfileBtn{
 grid-column:2;grid-row:1/span 2;min-height:42px;padding:10px 13px;border-radius:12px;
 background:#f2e5f9;color:#7d3e97!important;border:1px solid #e3cceb;box-shadow:none;font-size:12px;font-weight:700;
}
html body:has(.browse-top) .viewer .boost-note{
 grid-column:1;min-width:0;margin:0;font-size:11px;line-height:1.5;color:#806a88!important;
}
html body:has(.browse-top) .viewer #boostActiveBadge,
html body:has(.browse-top) .viewer #boostDebugNote{grid-column:1/-1;color:#806a88!important}
html body:has(.browse-top) .viewer :is(#composeBox,#previewNotice,.action-lock-note){grid-column:1/-1}
html body:has(.browse-top) .viewer :is(.compose-box,.private-inline-note,.verify-banner){
 background:#fbf5ff;color:#654474!important;border-color:#e8d7f0;
}
html body:has(.browse-top) .viewer :is(.action-lock-note,.compose-verify-note,.private-inline-title,.private-inline-copy,.verify-banner-copy){
 color:#765486!important;line-height:1.6;
}
html body:has(.browse-top) .viewer .viewer-gallery-heading{margin-top:2px}
html body:has(.browse-top) .viewer .viewer-thumbs{margin:0;padding:0 0 3px;gap:9px}
html body:has(.browse-top) .viewer .viewer-thumb{
 width:61px;height:78px;border-radius:13px;border-color:#eadcef;box-shadow:none;
}
html body:has(.browse-top) .viewer .viewer-thumb.is-active{border-color:#b565bc;box-shadow:0 0 0 2px #f3e2f5}
/* The public profile is a reading page, not a long stack of empty-looking input fields. */
html body:has(.hero-grid .hero-media) .card.sidebar{
 padding:24px!important;background:linear-gradient(155deg,#fff,#fcf7ff)!important;
}
html body:has(.hero-grid .hero-media) .fact-list{display:grid;gap:0}
html body:has(.hero-grid .hero-media) .fact{
 display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:10px;align-items:start;
 padding:14px 0;border:0!important;border-bottom:1px solid #eee3f3!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
}
html body:has(.hero-grid .hero-media) .fact-label{margin:2px 0 0!important;font-size:10px!important;font-weight:750;letter-spacing:.09em;line-height:1.5;color:#92779e!important}
html body:has(.hero-grid .hero-media) .fact-value{font-size:14px!important;font-weight:500;line-height:1.65;color:#493650!important;overflow-wrap:anywhere}
html body:has(.hero-grid .hero-media) .fact:last-child{border-bottom:0!important}
html body:has(.hero-grid .hero-media) .fact:has(.fact-value:not(:empty)):last-child{padding-bottom:6px}
html body:has(.hero-grid .hero-media) .cta-box{
 position:relative;padding:22px!important;margin-top:20px;border:1px solid #e5d1ed!important;
 border-radius:20px!important;background:linear-gradient(120deg,#f4e9fb,#fff2f8)!important;box-shadow:none!important;
}
html body:has(.hero-grid .hero-media) .cta-box h3{font-size:19px;color:#623a78!important;margin:0 0 8px}
html body:has(.hero-grid .hero-media) .cta-box p{font-size:13px;line-height:1.7;max-width:48ch;color:#80618c!important}
html body:has(.hero-grid .hero-media) .cta-actions a.btn.btn-primary,
html body .cta-actions a.btn.btn-primary:visited{
 min-height:46px;padding:12px 19px;border-radius:14px;
 background:linear-gradient(110deg,#8142b9,#bd378f)!important;color:#fff!important;
 box-shadow:0 6px 16px #9a409727!important;font-size:13px;font-weight:700;line-height:1.4;
}
html body:has(.hero-grid .hero-media) .cta-actions a.btn.btn-primary:hover{color:#fff!important;filter:brightness(1.06)}
/* Correct the over-broad link rule from the previous light palette. */
html body .sidebar a.btn.btn-primary,
html body .topbar a.btn.btn-primary{color:#fff!important}
html body:has(.topnav .nav-actions) .detail-list{display:grid;gap:0}
html body:has(.topnav .nav-actions) .detail-item{
 display:grid;grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr);gap:12px;
 padding:13px 0;background:transparent!important;border:0!important;border-bottom:1px solid #eee3f3!important;
 border-radius:0!important;box-shadow:none!important;
}
html body:has(.topnav .nav-actions) .detail-label{color:#92779e!important;font-size:10px;line-height:1.5}
html body:has(.topnav .nav-actions) .detail-value{color:#493650!important;font-size:14px;line-height:1.65}
html body:has(.topnav .nav-actions) .cta-box{background:linear-gradient(120deg,#f4e9fb,#fff2f8)!important;border-color:#e5d1ed!important;box-shadow:none!important}
html body:has(.topnav .nav-actions) .cta-actions .cta-btn.primary{color:#fff!important}
@media(max-width:700px){
 html body:has(.browse-top) .viewer .viewer-content-card{padding:20px;gap:18px}
 html body:has(.browse-top) .viewer #activeBio{font-size:15px;line-height:1.75}
 html body:has(.browse-top) .viewer .viewer-actions{gap:12px}
 html body:has(.browse-top) .viewer #actionBar{gap:7px}
 html body:has(.browse-top) .viewer #actionBar .icon-btn{min-width:49px;min-height:62px;padding:9px 7px}
 html body:has(.browse-top) .viewer .viewer-boost-tools{padding:13px}
}
@media(max-width:430px){
 html body:has(.browse-top) .viewer .viewer-content-card{padding:17px}
 html body:has(.browse-top) .viewer .viewer-actions{grid-template-columns:minmax(0,1fr)}
 html body:has(.browse-top) .viewer #actionBar{grid-column:1;justify-content:space-between}
 html body:has(.browse-top) .viewer #actionBar .icon-btn{flex:1;min-height:64px}
 html body:has(.browse-top) .viewer #viewFullProfileBtn{grid-column:1;grid-row:auto;width:100%}
 html body:has(.browse-top) .viewer .viewer-boost-tools{grid-template-columns:minmax(0,1fr)}
 html body:has(.browse-top) .viewer #boostProfileBtn{grid-column:1;grid-row:auto;justify-self:start}
 html body:has(.hero-grid .hero-media) .card.sidebar{padding:19px!important}
 html body:has(.hero-grid .hero-media) .fact{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0}
}
@media(prefers-reduced-motion:reduce){
 html body:has(.browse-top) .viewer :is(button,a){transition:none!important}
}