/* V10: visual system only; existing page layouts, routes and tier-cover composition are retained. */
:root{
 --page:#10080c;--ink:#1a0d14;--surface:#1a0d14;--cream:#f7eeea;--text:var(--cream);
 --muted:#c5aeb8;--line:#b1746b35;--border:var(--line);--pink:#ed409c;--rose:#ed409c;
 --purple:#b893e3;--gold:#dfb77f;--tier-public:#ef5ba8;--tier-member:#b28ada;--tier-elite:#d9b378;
 --v10-copper:#cb927a;--v10-panel:linear-gradient(145deg,#28131c,#190d13 72%);--v10-gold:linear-gradient(130deg,#efd2a2,#c99b64);
}
body.v8-page{background:radial-gradient(ellipse at 92% 6%,#62213519,transparent 48%),radial-gradient(ellipse at 0 60%,#7136260b,transparent 45%),var(--page);color:var(--cream)}
.v8-page :is(h1,h2,h3,h4){font-family:var(--ui);font-weight:550;letter-spacing:-.035em}
.v8-header{background:#140b10f2;border-bottom-color:#ad6d793d}
.v8-nav{gap:clamp(12px,1.25vw,23px)}
.v8-nav a{display:inline-flex;align-items:center;gap:7px}
.v8-nav .v10-icon{width:16px;height:16px;flex:0 0 16px;opacity:.82}
.v8-nav .samyvu-coin{width:19px;height:19px;flex:0 0 19px}
.v8-nav a.v10-vip-link,.v8-nav a.v10-vip-link svg{color:var(--gold)}
.v8-nav a.v10-vip-link[aria-current=page]::after{background:var(--gold);box-shadow:0 0 9px #dbb46d66}
.v8-brand svg{color:var(--gold)}
.v10-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.samyvu-coin{display:inline-block;width:24px;height:24px;flex:0 0 24px;vertical-align:middle;object-fit:contain;filter:drop-shadow(0 1px 2px #0005)}
.coin-amount{display:inline-flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.coin-amount .samyvu-coin{width:1.35em;height:1.35em;min-width:22px;min-height:22px;flex:0 0 auto}
.v8-page :is(.panel,.v8-account-panel,.v8-status-card,.v8-profile-card,.v8-telegram-panel,.library-card,.v8-auth-panel){background:var(--v10-panel);border-color:#925a6545;box-shadow:0 12px 36px #00000016}
.v8-page .v8-primary,.v8-home .button-primary{background:linear-gradient(130deg,#d93286,#ef4b9f);border-color:#ee67ab;color:#fff7fb;box-shadow:0 3px 16px #d8328a1a}
.v8-page .gold,.v8-page .v10-vip-cta,.v8-home .vip-card .button-gold,.v8-page .v8-join{background:var(--v10-gold)!important;color:#291810!important;border-color:#dcbb8e!important;box-shadow:0 3px 15px #bd875813!important}
.v8-page .v10-vip-cta:hover,.v8-page .gold:hover{filter:brightness(1.07)}
.v8-page .v8-outline:not(.v10-vip-cta),.v8-home .free-card .card-button{background:#1b0d1570!important;border-color:#a65d7b75!important;color:#f4dfe8!important;box-shadow:none}
.v8-home .member-card .card-button,.v8-page .v10-member-cta{background:linear-gradient(135deg,#8553b2,#ac7acd)!important;border-color:#b28ad9!important;color:#fff!important}
.v8-home .experience-card,.v8-home .v8-quick-grid>a{background:var(--v10-panel);box-shadow:none}
.v8-home .vip-card{border-color:#9c774c88}
.v8-home .vip-card h2 span,.v8-home .vip-card .benefits li::before,.v8-quick-grid>a[href*="/studio/vip"] .v8-tile-icon{color:var(--gold)}
.v8-home .v8-quick-grid strong,.v8-home .experience-card h2{font-family:var(--ui);font-weight:550}
.v8-page .v8-footer{background:linear-gradient(180deg,#1d0e16,#11090d);border-color:#9f65614d}
.v8-home .hero h1{font-family:var(--ui);font-size:clamp(40px,4.6vw,76px);font-weight:450;line-height:1.08;letter-spacing:-.045em}
.v8-home .hero h1 em{font-style:normal}
.v8-home .signature{font-family:var(--ui);font-style:normal;font-size:13px;letter-spacing:.02em;color:var(--muted)}
.home-carousel-pause{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-left:1px solid #a5727844;border-radius:0;background:transparent;color:#edd8e0;font:16px/1 var(--ui);cursor:pointer}
.home-carousel-pause:focus-visible{outline:2px solid var(--pink);outline-offset:3px}
/* ~18% shorter at desktop: ratio changes only, keeping artwork, censorship, pills and Explore. */
@media(min-width:1001px){.v8-studio .collection-card{aspect-ratio:40 / 41}}
@media(min-width:641px) and (max-width:1000px){.v8-studio .collection-card{aspect-ratio:1 / 1.1}}
/* A compact personal account; all original sections and forms stay available. */
.v8-account-sidebar{align-self:start;background:linear-gradient(160deg,#211019,#160b11);border-color:#84565e50}
.v8-account-sidebar .v8-sidebar-art{display:none}
.v8-account-sidebar nav a{gap:10px;align-items:center}
.v8-account-sidebar nav .samyvu-coin{width:20px;height:20px;flex-basis:20px}
.v8-account-sidebar [data-account-tab=telegram],.v8-account-sidebar [data-account-tab=billing]{color:#e4c493}
.v8-profile-hero{min-height:0;padding:26px;background:radial-gradient(ellipse at 90% 0,#7535481e,transparent 65%),linear-gradient(120deg,#28121d,#160c12);border:1px solid #9c627448;border-radius:12px}
.v8-profile-hero h1{font-size:clamp(26px,2.5vw,38px);line-height:1.15;overflow-wrap:anywhere}
.v8-profile-hero p{font-size:13px;margin:10px 0 14px}
.v8-profile-hero .v8-avatar-hero{width:90px;height:90px;min-width:90px;min-height:90px}
.v8-profile-hero .btn,.v10-signout{font-size:12px;padding:9px 13px;min-height:38px}
.v10-signout{margin-left:8px}
.v8-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:18px}
.v8-status-card{padding:18px;display:flex;flex-direction:column;min-width:0;border-radius:10px}
.v8-status-card h2{font:600 19px/1.25 var(--ui);margin:0 0 10px;letter-spacing:-.02em;overflow-wrap:anywhere}
.v8-status-card p{font-size:12px;line-height:1.6;min-height:0!important;flex:1}
.v8-status-card .btn{font:550 12px/1.3 var(--ui);padding:10px 12px;min-height:40px;white-space:normal;text-align:center}
.v8-status-card.member{border-color:#9265b76b}
.v8-status-card.member h2,.v8-page .member-active{color:#d5b6ef}
.v8-status-card.elite{border-color:#b08c5f80}
.v8-status-card.coins{border-color:#b781685c}
.v8-status-card.coins h2 .samyvu-coin{width:29px;height:29px}
.v8-status-card .v10-card-eyebrow{font:600 10px/1.3 var(--ui);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 9px;flex:0}
.v8-profile-columns{gap:16px}
.v8-account-panel{padding:24px;border-radius:12px}
.v8-account-panel .v8-panel-title{font-size:22px;line-height:1.3}
.v8-account-panel .v8-profile-facts{font-size:13px}
.v8-telegram-panel{border-color:#9c794c65!important}
.v8-telegram-panel h3,.v8-telegram-panel h2{color:#e6c99d}
.v8-badges .vip-active,.v8-badges .elite-active{color:#e6c99d;border-color:#ab844e80}
#account-tab-billing #vcoin-panel{border-color:#ba945f70}
#account-tab-billing #vcoin-panel>h2{color:#ebcda0}
#daily-claim{display:inline-flex;align-items:center;gap:9px}
#daily-claim .samyvu-coin{width:22px;height:22px}
#coin-balance{font-family:var(--ui);letter-spacing:-.025em}
.coin-price{color:#e4bea9}
.v8-page .v10-reward-action{background:linear-gradient(135deg,#d63889,#ed529e);color:#fff;border-color:#ef70b0}
.v8-page #auth-panel .gold,.v8-page #daily-claim,.v8-page #redeem-confirm{background:linear-gradient(135deg,#d63889,#ed529e)!important;color:#fff!important;border-color:#ef70b0!important}
.v8-page #register-form .gold,.v8-page #member-explore.v10-member-cta{background:linear-gradient(135deg,#8553b2,#ac7acd)!important;border-color:#b28ad9!important;color:#fff!important}
@media(max-width:1200px){.v8-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.v8-nav a{justify-content:flex-start}.v8-nav .v10-icon{opacity:1}}
@media(max-width:640px){
 .v8-home .hero h1{font-size:clamp(39px,10.5vw,50px);max-width:13ch}
 .v8-profile-hero{padding:20px;gap:16px}
 .v8-profile-hero .v8-avatar-hero{width:72px;height:72px;min-width:72px;min-height:72px}
 .v8-profile-hero p{max-width:38ch}
 .v8-status-grid{gap:10px;margin-block:16px}
 .v8-status-card{padding:14px}
 .v8-status-card h2{font-size:17px}
 .v8-status-card p{font-size:11px}
 .v8-status-card .btn{font-size:11px;padding:9px 8px}
 .v8-account-panel{padding:18px}
 .coin-amount{gap:6px}
 .v8-account-sidebar nav a{font-size:12px}
 .v8-account-sidebar .v10-icon{width:16px;height:16px;flex-basis:16px}
}