/* PIPOCA ROSA | INTERFACE NOVA — somente apresentação, sem APIs ou JS. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900;1000&display=swap');
:root{
  --px-bg:#fff8fc;--px-bg2:#fff1f8;--px-panel:#fff;--px-panel2:#fff5fa;--px-panel3:#fff0f7;
  --px-text:#45283f;--px-muted:#78596e;--px-border:#efd6e5;--px-border-hi:#e8adca;
  --px-pink:#e95294;--px-pinklight:#ff9ac7;--px-lav:#8f62b9;--px-gold:#ffce7e;
  --px-glow:rgba(250,99,165,.24);--px-shadow:0 18px 56px rgba(113,53,89,.10);--px-inset:rgba(255,255,255,.92);
}
html[data-theme="dark"]{
  --px-bg:#100c16;--px-bg2:#160e20;--px-panel:#201627;--px-panel2:#281b32;--px-panel3:#33203d;
  --px-text:#fff0f8;--px-muted:#d6b5ce;--px-border:#56364e;--px-border-hi:#855175;
  --px-pink:#ff80b8;--px-pinklight:#ffbedc;--px-lav:#bd95ea;--px-gold:#ffd68c;
  --px-glow:rgba(255,122,185,.25);--px-shadow:0 24px 60px rgba(0,0,0,.28);--px-inset:rgba(255,255,255,.07);
}
html,body{min-height:100%}
body,body.studio-body,body.cl-body,body.legal-shell{
  color:var(--px-text)!important;
  background:radial-gradient(ellipse 720px 400px at 95% -30px,rgba(251,122,179,.13),transparent 75%),
             radial-gradient(ellipse 540px 360px at -12% 320px,rgba(176,104,194,.10),transparent 73%),var(--px-bg)!important;
  font-family:'Nunito','DM Sans','Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
body::selection{background:#f37bb6;color:white}
main{isolation:isolate}a,button,summary,input,select,textarea{transition:color .16s,border-color .16s,background-color .16s,box-shadow .18s,transform .18s}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ff9ac8!important;outline-offset:3px}
img{object-position:center}
[hidden]{display:none!important}
@keyframes pxEnter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes pxFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@keyframes pxShimmer{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes pxGlow{0%,100%{box-shadow:0 0 0 0 rgba(243,108,172,0)}50%{box-shadow:0 0 0 6px rgba(243,108,172,.12)}}

/* 01. A completely rebuilt navigation architecture */
.mini-ribbon{height:29px!important;background:linear-gradient(90deg,#54203e,#7d315f,#4f1b42)!important;color:#ffe6f1!important;letter-spacing:.16em}
.site-header{position:sticky!important;top:0!important;z-index:90;background:var(--px-panel)!important;border-bottom:1px solid var(--px-border)!important;box-shadow:0 8px 35px rgba(23,6,21,.075)!important;backdrop-filter:blur(22px)}
.header-inner{max-width:1360px!important;min-height:86px;gap:16px!important}
.brand{gap:13px!important;min-width:0}
.brand-mark{width:54px!important;height:54px!important;border:1px solid var(--px-border-hi)!important;background:var(--px-panel2)!important;border-radius:18px!important;box-shadow:0 9px 25px var(--px-glow)!important}
.brand-mark img{width:50px!important;height:50px!important;object-fit:contain!important}
.brand-name{display:block;font-size:clamp(19px,1.8vw,25px)!important;letter-spacing:-.055em!important;line-height:1.08;color:var(--px-text)!important}
.brand-sub{display:block;color:var(--px-muted)!important;letter-spacing:.15em!important;font-size:9px!important;margin-top:4px}
.hamburger{display:flex!important;align-items:center;justify-content:center;margin-left:auto;min-width:48px;width:48px;height:48px;color:var(--px-pink)!important;border:1px solid var(--px-border-hi)!important;border-radius:16px!important;background:var(--px-panel2)!important;font-size:23px;box-shadow:0 8px 22px rgba(96,45,78,.08)}
.hamburger:hover{transform:translateY(-2px);border-color:var(--px-pink)!important;box-shadow:0 10px 26px var(--px-glow)}
.nav{display:none!important;position:absolute!important;inset:calc(100% + 8px) 20px auto auto!important;width:min(355px,calc(100vw - 40px))!important;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--px-panel)!important;border:1px solid var(--px-border-hi)!important;border-radius:22px!important;box-shadow:0 30px 75px rgba(24,7,23,.25)!important;padding:12px!important;z-index:110!important;flex-direction:column!important;gap:4px!important;align-items:stretch!important}
.nav.is-open{display:flex!important}
.nav a{font-size:14px!important;padding:12px 15px!important;border-radius:12px!important;color:var(--px-text)!important;font-weight:900!important;white-space:normal!important}
.nav a:hover,.nav a.current{background:var(--px-panel3)!important;color:var(--px-pink)!important}
.nav .lang-btn{border-radius:12px;align-self:stretch;min-height:43px;background:var(--px-panel2);color:var(--px-text);border:1px solid var(--px-border)}
.px-dock{max-width:1256px;margin:18px auto 0;padding:0 24px}
.px-dock-inner{display:flex;align-items:center;gap:8px;padding:8px;border-radius:19px;overflow-x:auto;scrollbar-width:none;background:var(--px-panel)!important;border:1px solid var(--px-border);box-shadow:0 12px 34px rgba(86,27,74,.055)}
.px-dock-inner::-webkit-scrollbar{display:none}
.px-dock a{display:inline-flex;align-items:center;justify-content:center;flex:1;gap:7px;min-width:120px;white-space:nowrap;padding:12px 14px;border-radius:13px;color:var(--px-muted)!important;font-size:13px;font-weight:1000}
.px-dock a:hover{background:var(--px-panel3);color:var(--px-pink)!important;transform:translateY(-2px)}
.px-dock a[aria-current="page"]{color:var(--px-text)!important;background:linear-gradient(110deg,var(--px-panel3),var(--px-panel2));box-shadow:inset 0 0 0 1px var(--px-border-hi)}
.px-dock .px-dock-account{color:white!important;background:linear-gradient(125deg,#e95898,#ae4d9f);box-shadow:0 7px 21px rgba(197,78,145,.20)}
.px-dock .px-dock-account:hover{color:white!important;background:linear-gradient(125deg,#f275b0,#bb5da8)}

/* 02. Shared components, each theme explicitly covered */
.btn,.studio-primary,.studio-outline,.studio-quiet,.cl-btn,.cl-btn-small,.cl-return,.cl2-outline,.admin-copy,.review-action,.cl2-chat-form button{
  border-radius:14px!important;font-weight:900!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease!important;
}
.btn:hover,.studio-primary:hover,.studio-outline:hover,.studio-quiet:hover,.cl-btn:hover,.cl-btn-small:hover,.cl-return:hover,.cl2-outline:hover,.admin-copy:hover,.review-action:hover,.cl2-chat-form button:hover{transform:translateY(-3px)!important;box-shadow:0 14px 34px var(--px-glow)!important}
.btn:active,.studio-primary:active,.cl-btn:active,.cl-btn-small:active{transform:translateY(0)!important}
.btn-primary,.studio-primary,.cl-btn,.cl-btn-small,.cl2-chat-form button{color:#fff!important;background:linear-gradient(120deg,#ec66a0,#bc54a1)!important;border:1px solid #f58ec0!important;box-shadow:0 8px 21px rgba(202,66,144,.22)!important;text-shadow:none!important}
.btn-soft,.btn-yellow,.studio-outline,.studio-quiet,.cl-return,.cl-btn-muted,.cl2-outline{
  background:var(--px-panel2)!important;border:1px solid var(--px-border-hi)!important;color:var(--px-text)!important;box-shadow:none!important;
}
.tag,.cl-tag,.cl2-counter,.studio-pill,.admin-phase-pill,.feature-pill,.legal-pill,.review-grade{background:var(--px-panel3)!important;color:var(--px-pink)!important;border:1px solid var(--px-border-hi)!important;border-radius:999px!important;font-weight:900!important}
.section-kicker,.pixel-label,.eyebrow,.admin-card-overline,.cl-kicker,.studio-eyebrow,.legal-eyebrow,.review-kicker{color:var(--px-pink)!important;letter-spacing:.12em!important}
.section-head h2,.section-title,.page-hero h1,.split h2,.admin-head h2,.studio-intro h1,.legal-hero h1,.review-hero h1{letter-spacing:-.065em!important;font-weight:1000!important;color:var(--px-text)!important}
.section-head p,.split p,.mini-list li,.feature-body p,.news-card p,.step-card p,.page-hero p{color:var(--px-muted)!important}
.accent-line{height:5px!important;width:70px!important;background:linear-gradient(90deg,#fb89bb,#c18bdf)!important;border-radius:99px}
.section{background:transparent!important;padding:76px 0!important}
.section.tint,.section.cream,.section.lavender{background:transparent!important}
.feature-card,.community-card,.news-card,.step-card,.account-card,.support-card,.admin-step,.admin-tutorial,.admin-command,.admin-member-item,.admin-catalog-toolbar,.admin-home-teaser,.admin-tip,.studio-card,.studio-stats article,.studio-command,.studio-big-card,.studio-feature-tile,.studio-hero-card,.studio-ticket-card,.studio-schedule-card,.review-panel,.review-item,.review-average,.legal-document,.legal-toc,.cl-card,.cl-panel,.cl-stat,.cl-quest,.cl-member,.cl-rank-row,.cl2-profile,.cl2-metrics>div,.cl2-task,.rose-toolbar,.rose-empty,.rose-placement{
  background:var(--px-panel)!important;
  border-color:var(--px-border)!important;
  box-shadow:var(--px-shadow)!important;
  color:var(--px-text)!important;
  border-radius:24px!important;
}
.feature-card,.news-card,.step-card,.admin-step,.admin-tutorial,.studio-feature-tile,.cl-card,.cl-rank-row,.review-item{transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease!important}
.feature-card:hover,.news-card:hover,.step-card:hover,.admin-step:hover,.admin-tutorial:hover,.studio-feature-tile:hover,.cl-card:hover,.cl-rank-row:hover,.review-item:hover{transform:translateY(-6px)!important;box-shadow:0 26px 58px var(--px-glow)!important;border-color:var(--px-border-hi)!important}
/* shadows deliberately stay low cost; animations are CSS-only, no timers or network calls */

/* 03. Home: new editorial composition rather than the old open gradient */
body.px-home .hero{background:none!important;overflow:visible;margin:0 auto;padding:16px 24px 0;max-width:1280px}
body.px-home .hero::before,body.px-home .hero::after{display:none!important}
body.px-home .hero-inner{overflow:hidden;background:
  radial-gradient(circle at 83% 18%,rgba(253,157,209,.23),transparent 37%),
  radial-gradient(circle at 27% 115%,rgba(176,77,163,.18),transparent 46%),
  linear-gradient(130deg,#39223d,#5a3153 48%,#965b85);border:1px solid rgba(255,187,226,.35);
  border-radius:36px;min-height:600px;padding:65px clamp(28px,4.8vw,68px)!important;grid-template-columns:1fr minmax(330px,.95fr);gap:38px;box-shadow:0 28px 80px rgba(57,18,52,.22)}
body.px-home .hero-copy{z-index:3;color:#ffebf5}
body.px-home .hero .tag{background:rgba(255,219,238,.14)!important;border:1px solid rgba(255,184,226,.32)!important;color:#ffdeef!important;box-shadow:none}
body.px-home .hero h1{font-size:clamp(69px,7.5vw,115px)!important;color:#fff0f8!important;letter-spacing:-.085em!important;line-height:.9!important;margin:27px 0 28px!important;text-shadow:none!important}
body.px-home .hero h1 span{color:#fff0f8!important;text-shadow:none!important}
body.px-home .hero h1>span:last-child{color:#ff95c4!important}
body.px-home .hero h1 span[aria-hidden]{display:inline!important;color:#ffd3e8!important;font-size:.62em;vertical-align:middle}
body.px-home .hero .pixel-label{font-size:9px;letter-spacing:.15em!important;color:#f9b5d9!important}
body.px-home .hero-lead{max-width:550px;color:#f8dce9!important;font-size:17px;font-weight:700;line-height:1.8;margin:22px 0 29px}
body.px-home .hero-lead strong{color:white}
body.px-home .hero-note{color:#ffcae6!important;gap:12px;margin-top:27px}
body.px-home .hero-note span{padding:7px 11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px}
body.px-home .hero-actions{gap:10px;flex-wrap:wrap}
body.px-home .hero-actions .btn{border-radius:14px!important;padding:14px 16px;box-shadow:none!important;max-width:240px}
body.px-home .hero-actions .btn-soft,body.px-home .hero-actions .btn-yellow{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,212,236,.42)!important;color:#fff2fa!important}
body.px-home .hero-stage{height:500px;min-width:0;align-self:center;position:relative;display:flex;align-items:center;justify-content:center}
body.px-home .hero-stage .stage-scenery,body.px-home .hero-stage .stage-profile-bg{position:absolute;inset:7% 3% 4%;height:auto;width:auto;background:linear-gradient(145deg,rgba(255,181,221,.35),rgba(225,108,175,.12)),url('../assets/hero-fundo-perfil.png') center/cover!important;border:2px solid rgba(255,193,228,.44);border-radius:38px!important;box-shadow:0 23px 56px rgba(35,4,35,.25)!important;overflow:hidden}
body.px-home .hero-stage .stage-profile-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(46,18,49,.2))}
body.px-home .hero-mascot{width:103%;max-width:580px;max-height:490px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 16px 20px rgba(35,4,35,.26));animation:pxFloat 6s ease-in-out infinite}
body.px-home .floating-sticker{z-index:2;border:1px solid rgba(255,187,220,.56);background:rgba(45,23,46,.83);color:#ffeaf5;backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(35,4,35,.25);border-radius:12px}
body.px-home .sticker-a{top:14%;left:-4%}body.px-home .sticker-b{bottom:11%;right:-2%}
body.px-home .wave-divider{height:0;border:0;background:none}
.px-shortcuts{max-width:1280px;margin:19px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.px-shortcut{position:relative;display:flex;flex-direction:column;gap:9px;padding:23px 24px 19px;min-height:155px;border:1px solid var(--px-border);border-radius:24px;background:var(--px-panel);color:var(--px-text)!important;box-shadow:var(--px-shadow);overflow:hidden}
.px-shortcut::after{content:'↗';position:absolute;top:18px;right:20px;font-size:24px;color:var(--px-pink);transition:transform .18s}
.px-shortcut:hover{transform:translateY(-5px);border-color:var(--px-border-hi);box-shadow:0 22px 50px var(--px-glow)}
.px-shortcut:hover::after{transform:translate(3px,-3px)}
.px-shortcut-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--px-panel3);font-size:23px}
.px-shortcut strong{font-size:17px;font-weight:1000;line-height:1.2}
.px-shortcut small{font-size:12px;line-height:1.55;color:var(--px-muted)!important;font-weight:700}
.stat-strip{background:transparent!important;border:0!important;margin-top:12px}
.stats{background:var(--px-panel2);border:1px solid var(--px-border);border-radius:24px;padding:18px 23px!important;max-width:1230px;gap:0}
.stat{border-color:var(--px-border)!important;padding:11px 18px!important}
.stat strong{color:var(--px-pink)!important;font-size:16px}
.stat span{color:var(--px-muted)!important}
.feature-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:17px!important}
.feature-card{grid-column:span 3;overflow:hidden!important;min-width:0;display:flex;flex-direction:column;border:1px solid var(--px-border)!important}
.feature-card:nth-child(-n+2){grid-column:span 6;display:grid;grid-template-columns:46% minmax(0,1fr);min-height:246px}
.feature-art{height:152px!important;background:var(--px-panel3)!important;overflow:hidden!important}
.feature-card:nth-child(-n+2) .feature-art{height:100%!important}
.feature-art img{height:100%!important;width:100%!important;object-fit:cover!important;image-rendering:auto!important}
.feature-icon{background:var(--px-panel)!important;border-color:var(--px-border-hi)!important;box-shadow:0 9px 20px rgba(45,9,38,.14)!important}
.feature-body{padding:24px!important;min-width:0}
.feature-body h3{color:var(--px-text)!important;font-size:clamp(18px,2vw,24px)!important;line-height:1.24}
.feature-body p{font-size:13px!important;line-height:1.65}
.feature-pill{border-radius:10px!important;font-size:10px!important}
.text-link{color:var(--px-pink)!important}
.news-grid,.step-cards{gap:16px}
.news-card{border:1px solid var(--px-border);padding:26px!important}
.news-card h3,.step-card h3,.split h2{color:var(--px-text)!important}
.scenery-card{border-radius:26px;border:1px solid var(--px-border-hi);box-shadow:var(--px-shadow)!important;overflow:hidden}
.admin-home-teaser{background:var(--px-panel)!important;border:1px solid var(--px-border)!important;box-shadow:var(--px-shadow)!important;border-radius:24px}
.footer,.site-footer{background:var(--px-panel2)!important;color:var(--px-muted)!important;border-top:1px solid var(--px-border)!important}
.footer a,.site-footer a{color:var(--px-text)!important}
.footer h3,.footer h4{color:var(--px-text)!important}

/* 04. Category pages: new banner treatment */
.page-hero,.admin-hero,.review-hero,.legal-hero{
  background:transparent!important;border:0!important;padding:27px 24px 0!important;overflow:visible!important;
}
.page-hero>.wrap,.admin-hero-inner,.review-hero-grid,.legal-hero-grid{
  max-width:1200px;margin:auto;display:grid;align-items:center;gap:24px;
  background:radial-gradient(circle at 87% 32%,rgba(242,135,194,.16),transparent 38%),
             linear-gradient(125deg,var(--px-panel2),var(--px-panel));
  border:1px solid var(--px-border-hi)!important;border-radius:30px;
  min-height:238px;box-shadow:var(--px-shadow);padding:34px clamp(26px,4vw,52px)!important;
}
.page-hero>.wrap{grid-template-columns:1fr minmax(130px,240px)}
.page-hero .wrap>img{max-height:225px;width:100%;object-fit:contain;filter:drop-shadow(0 18px 22px var(--px-glow));animation:pxFloat 6.6s ease-in-out infinite}
.page-hero h1,.admin-hero h1,.review-hero h1,.legal-hero h1{font-size:clamp(36px,5.4vw,63px)!important;color:var(--px-text)!important;text-shadow:none!important;line-height:1.04}
.page-hero p,.admin-hero p,.review-hero p,.legal-hero p{color:var(--px-muted)!important;font-size:16px;max-width:740px;line-height:1.72}
.review-hero-grid,.legal-hero-grid{grid-template-columns:minmax(0,1fr) minmax(160px,320px)}
.admin-hero-inner{grid-template-columns:minmax(0,1fr) minmax(160px,265px)}
.review-hero img,.admin-hero-mascot{filter:drop-shadow(0 12px 16px var(--px-glow));animation:pxFloat 6s ease-in-out infinite}
.section-head h2{font-size:clamp(29px,4vw,48px)!important;max-width:740px;margin:8px auto 13px}
.section-head p{max-width:680px}
.rose-rank-section,.review-main,.legal-shell,.admin-section,.admin-light{background:transparent!important}
.rose-rank-intro,.admin-head{text-align:center}
.rose-rank-intro h2,.review-feed-heading h2,.admin-head h2,.legal-document h2{color:var(--px-text)!important}
.rose-toolbar,.rank-toolbar,.admin-catalog-toolbar,.review-panel,.review-item{border:1px solid var(--px-border)!important;padding:23px!important}
.rank-filters,.medal-filters,.admin-filters{gap:8px!important}
.chip-btn,.filter-btn,.admin-filter,.review-action,.admin-copy{border:1px solid var(--px-border-hi)!important;background:var(--px-panel2)!important;color:var(--px-text)!important;border-radius:999px!important;padding:10px 15px!important;font-weight:900!important}
.chip-btn:hover,.filter-btn:hover,.admin-filter:hover{border-color:var(--px-pink)!important;color:var(--px-pink)!important}
.chip-btn.is-active,.filter-btn.is-active,.filter-btn.active,.admin-filter[aria-pressed="true"]{background:linear-gradient(125deg,#ef72a8,#bf5ca8)!important;border-color:transparent!important;color:white!important}
.searchbox,.admin-search-label,.studio-search{background:var(--px-panel)!important;border-color:var(--px-border-hi)!important;color:var(--px-text)!important;box-shadow:0 10px 24px rgba(81,23,69,.05)}
.searchbox input,.admin-search-label input,.studio-search input{color:var(--px-text)!important;background:transparent!important}
.command-category,.command-row,.medal-card,.support-card,.support-method,.support-faq details,.rose-world,.news-card,.step-card{background:var(--px-panel)!important;border-color:var(--px-border)!important;box-shadow:var(--px-shadow)!important;border-radius:22px!important}
.command-category h2,.command-category h3,.command-row strong,.support-card h3,.support-method h3,.review-panel h2{color:var(--px-text)!important}
.command-row p,.support-card p,.support-faq p,.review-panel p,.review-comment{color:var(--px-muted)!important}
.legal-layout{max-width:1230px;gap:23px}
.legal-document,.legal-toc{border:1px solid var(--px-border)!important}
.legal-document p,.legal-document li,.legal-toc a{color:var(--px-muted)!important}
.legal-document a{color:var(--px-pink)!important}
.legal-note,.admin-tip,.studio-tip{background:var(--px-panel2)!important;color:var(--px-muted)!important;border-color:var(--px-border-hi)!important;border-radius:16px}

/* 05. Minha Conta: bank-grade clarity for existing data, no changes to login */
.account-wrap{max-width:1200px}
.account-grid{gap:17px;grid-template-columns:repeat(3,minmax(0,1fr))}
.account-card{padding:27px!important;border:1px solid var(--px-border)!important}
.account-header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;background:linear-gradient(125deg,var(--px-panel2),var(--px-panel))!important}
.account-header img{width:88px;height:88px;border-radius:22px;object-fit:cover;border:3px solid var(--px-border-hi)}
.account-header h2{color:var(--px-text)!important}
.account-card h3{font-size:18px;color:var(--px-text)!important}
.account-card p,.account-hint{color:var(--px-muted)!important}
.stat-number{color:var(--px-pink)!important;font-size:36px;font-weight:1000}
.account-center{max-width:710px;margin:15px auto;padding:38px!important;text-align:center}
.redeem-form input,.account-card input,.account-card select{background:var(--px-panel2)!important;color:var(--px-text)!important;border:1px solid var(--px-border-hi)!important}

/* 06. Clubs, all three categories and all dynamic panels */
body.cl-body{background:var(--px-bg)!important}
.cl-top{height:89px;max-width:1256px;gap:15px}
.cl-brand{background:var(--px-panel2);padding:10px 15px;border:1px solid var(--px-border);border-radius:18px;box-shadow:var(--px-shadow)}
.cl-brand img{width:49px;height:49px}
.cl-brand b{color:var(--px-text);font-weight:1000}
.cl-brand small{color:var(--px-muted)}
.cl-nav-wrap{max-width:1256px}
.cl-nav{display:flex;gap:10px;padding:7px;background:var(--px-panel)!important;border:1px solid var(--px-border)!important;border-radius:21px;box-shadow:0 10px 25px rgba(84,28,69,.05)}
.cl-navlink{background:transparent!important;border:1px solid transparent!important;border-radius:15px!important;color:var(--px-muted)!important;font-size:13px;padding:12px 18px}
.cl-navlink:hover{background:var(--px-panel3)!important;color:var(--px-pink)!important}
.cl-navlink.sel{background:linear-gradient(125deg,#f282b5,#c75c9d)!important;border-color:#f9acd2!important;color:white!important;box-shadow:0 8px 18px var(--px-glow)}
.cl-main{max-width:1256px;padding-bottom:75px}
.cl-hero{min-height:365px;align-items:center;padding:44px 46px!important;gap:26px;border:1px solid rgba(255,191,227,.28);border-radius:32px;background:radial-gradient(circle at 85% 35%,rgba(251,149,201,.27),transparent 42%),linear-gradient(125deg,#3b2342 4%,#6d3c64 56%,#ae668b 100%)!important;box-shadow:0 28px 70px rgba(58,17,53,.20)!important}
.cl-hero:before{opacity:.16;right:5%;top:14px}
.cl-hero h1{font-size:clamp(37px,4.5vw,63px);max-width:690px;color:#fff0f8!important;letter-spacing:-.07em;line-height:1.04;margin:15px 0}
.cl-kicker{color:#ffadd5!important;letter-spacing:.14em;font-weight:1000}
.cl-hero p{font-size:16px;max-width:580px;color:#f8d6e8!important}
.cl-hero-art{max-width:280px;align-self:center;position:relative}
.cl-hero-art img{width:260px;max-height:320px;filter:drop-shadow(0 20px 22px rgba(25,6,22,.35));animation:pxFloat 6s ease-in-out infinite}
.cl-hero-pills{margin-top:22px;gap:9px}
.cl-hero-pills span{background:rgba(255,240,251,.12);border:1px solid rgba(255,194,226,.36);color:#ffe8f5;backdrop-filter:blur(6px);font-weight:900;padding:9px 12px}
.cl-status{display:inline-block;min-height:25px;color:var(--px-muted)!important;font-weight:850;padding:7px 3px}
.cl-status[data-type="error"]{background:var(--px-panel2)!important;color:var(--px-pink)!important;border:1px solid var(--px-border);border-radius:12px;padding:10px 14px}
.cl-content{display:grid;gap:16px}
.cl-panel{padding:25px;border:1px solid var(--px-border)!important}
.cl-card,.cl2-profile{overflow:hidden}
.cl-card-body{padding:22px}
.cl-card h3,.cl-panel h2,.cl-panel h3,.cl2-profile-info h2,.cl2-section-heading h2{color:var(--px-text)!important;letter-spacing:-.04em}
.cl-card p,.cl-panel p,.cl-muted,.cl-member small,.cl2-section-heading p,.cl2-task p{color:var(--px-muted)!important}
.cl-banner{background:linear-gradient(120deg,#f4a4cd,#875c9a)}
.cl-avatar,.cl2-icon{border-color:var(--px-panel)!important}
.cl2-banner{background:linear-gradient(115deg,#8d4c83,#e787b1)}
.cl2-profile-info{padding:23px 27px}
.cl2-tabs{background:var(--px-panel2)!important;border:1px solid var(--px-border)!important;padding:8px;border-radius:20px;gap:7px}
.cl2-tabs button,.cl2-filter button,.cl2-switch button{color:var(--px-muted)!important;font-weight:900!important;background:transparent!important;border:1px solid transparent!important;border-radius:13px!important;padding:12px 16px}
.cl2-tabs button:hover,.cl2-filter button:hover,.cl2-switch button:hover{background:var(--px-panel3)!important;color:var(--px-pink)!important}
.cl2-tabs button.is-active,.cl2-filter button.is-active,.cl2-switch button.is-active{background:linear-gradient(110deg,#ed77ac,#b85ca6)!important;color:white!important;box-shadow:0 8px 20px var(--px-glow)!important}
.cl2-shortcuts button,.cl2-message>div,.cl2-notice,.cl2-notice-editor,.cl2-chat-log,.cl2-chat-form input{background:var(--px-panel2)!important;color:var(--px-text)!important;border:1px solid var(--px-border)!important;border-radius:18px!important}
.cl2-metrics>div{padding:22px}
.cl2-metrics span,.cl2-task-foot,.cl2-task-difficulty{color:var(--px-muted)!important}
.cl2-task{padding:20px;border:1px solid var(--px-border)!important}
.cl2-task-icon,.cl2-task-difficulty{background:var(--px-panel3)!important}
.cl2-progress{height:10px;background:var(--px-border)!important}
.cl2-progress i{background:linear-gradient(90deg,#f18db9,#b378d5)}
.cl2-chat-log{height:390px}
.cl2-chat-form input,.cl-search,.cl-field input,.cl-field textarea,.cl-field select,.cl-owner-form input,.cl-owner-form textarea,.cl-owner-form select{
  background:var(--px-panel2)!important;color:var(--px-text)!important;border:1px solid var(--px-border-hi)!important;
}
.cl-empty{background:var(--px-panel)!important;border:1px dashed var(--px-border-hi)!important;color:var(--px-muted)!important;border-radius:24px!important}
.cl-empty b{color:var(--px-text)!important}
.cl-foot{color:var(--px-muted)!important}

/* 07. Administração: real dashboard shell */
.studio-body{font-family:'Nunito','DM Sans',sans-serif!important}
.studio-topbar{height:81px;background:var(--px-panel)!important;border-bottom:1px solid var(--px-border)!important;box-shadow:0 5px 29px rgba(55,9,43,.05)}
.studio-brand strong{color:var(--px-text)!important}.studio-brand small{color:var(--px-muted)!important}
.studio-logo{width:49px;height:49px;border-radius:16px;border-color:var(--px-border-hi)}
.studio-account,.studio-help{color:var(--px-text)!important}
.studio-account{background:var(--px-panel2)!important;border-color:var(--px-border-hi)!important}
.studio-shell{grid-template-columns:285px minmax(0,1fr);min-height:calc(100vh - 81px);background:transparent!important}
.studio-sidebar{top:81px;height:calc(100vh - 81px);background:var(--px-panel)!important;border-right:1px solid var(--px-border)!important;padding:24px 17px 110px}
.studio-main{max-width:1600px;padding:43px clamp(18px,4vw,62px) 125px}
.sidebar-section-title{color:var(--px-muted)!important;font-weight:900}
.sidebar-divider{background:var(--px-border)!important}
.studio-server,.studio-navbtn{border-radius:14px;color:var(--px-muted)!important;padding:13px 14px;gap:10px;font-weight:900!important}
.studio-server.active,.studio-navbtn.active{background:var(--px-panel3)!important;color:var(--px-pink)!important;border:1px solid var(--px-border-hi)!important}
.studio-server:hover,.studio-navbtn:hover{background:var(--px-panel2)!important;color:var(--px-pink)!important}
.studio-server-icon,.studio-command-icon,.studio-tile-icon{background:var(--px-panel3)!important;color:var(--px-pink)!important}
.studio-intro h1,.studio-heading h1{font-size:clamp(34px,4.5vw,56px)!important;color:var(--px-text)!important;line-height:1.12;letter-spacing:-.07em}
.studio-intro h1 span{color:var(--px-pink)!important}
.studio-intro>p,.studio-heading p{color:var(--px-muted)!important;max-width:680px;font-size:15px;line-height:1.7}
.studio-big-card{margin-top:36px;padding:34px!important;background:linear-gradient(125deg,var(--px-panel2),var(--px-panel))!important}
.studio-big-card h2,.studio-card h2,.studio-card h3,.studio-feature-header h2,.studio-hero-card h2,.studio-feature-tile .studio-tile-title,.studio-history-entry strong{color:var(--px-text)!important}
.studio-big-card p,.studio-card p,.studio-feature-header p,.studio-tile-desc,.studio-tip,.studio-history-entry p{color:var(--px-muted)!important}
.studio-hero-card{background:linear-gradient(120deg,var(--px-panel2),var(--px-panel))!important;border:1px solid var(--px-border-hi)!important;padding:32px 34px!important}
.studio-hero-card img,.studio-welcome-mascot{animation:pxFloat 6s ease-in-out infinite}
.studio-feature-grid{grid-template-columns:repeat(auto-fit,minmax(228px,1fr))!important;gap:16px}
.studio-feature-tile{min-height:210px;padding:24px!important;background:var(--px-panel)!important;border:1px solid var(--px-border)!important;box-shadow:var(--px-shadow)!important}
.studio-command-head,.studio-command-details,.studio-command-list,.studio-option,.studio-allowlist,.studio-checklist,.studio-toggle-line,.studio-ticket-preview,.studio-feature-header,.studio-savebar,.studio-history-item{
  background:var(--px-panel)!important;color:var(--px-text)!important;border-color:var(--px-border)!important;
}
.studio-catbtn,.studio-subcmd,.studio-expand,.studio-badges span,.studio-live-note,.studio-pill,.studio-tag{background:var(--px-panel3)!important;border:1px solid var(--px-border)!important;color:var(--px-text)!important}
.studio-catbtn[aria-pressed="true"]{background:var(--px-pink)!important;color:var(--px-bg)!important}
.studio-field input,.studio-field textarea,.studio-field select,.studio-search,.studio-search input,.studio-select-label select,.studio-ticket-inputs input,.studio-ticket-inputs textarea,.studio-ticket-inputs select{
  background:var(--px-panel2)!important;color:var(--px-text)!important;border-color:var(--px-border-hi)!important;
}
.studio-field strong,.studio-toggle-line strong{color:var(--px-text)!important}
.studio-toggle-line small,.studio-field small{color:var(--px-muted)!important}
.studio-savebar{background:var(--px-panel2)!important;border:1px solid var(--px-border-hi)!important;box-shadow:0 18px 46px rgba(45,13,42,.25)!important}
.studio-savebar small{color:var(--px-muted)!important}
.studio-confirm{background:var(--px-panel)!important;color:var(--px-text)!important;border-color:var(--px-border-hi)!important}
.studio-ticket-card,.studio-ticket-preview,.studio-schedule-card,.studio-legacy{background:var(--px-panel2)!important;border-color:var(--px-border-hi)!important}
.studio-ticket-preview p,.studio-ticket-preview small,.studio-ticket-card-title small{color:var(--px-muted)!important}
.studio-ticket-preview strong,.studio-ticket-card-title strong{color:var(--px-text)!important}

/* 08. Reviews, help and legal */
.review-main,.legal-shell{background:transparent!important}
.review-hero-grid img,.legal-art img{animation:pxFloat 7s ease-in-out infinite}
.review-panel textarea,.review-panel input{background:var(--px-panel2)!important;color:var(--px-text)!important;border-color:var(--px-border-hi)!important}
.review-author strong,.review-comment,.review-panel label{color:var(--px-text)!important}
.review-panel p,.review-feed-heading p,.review-author time,.review-scale{color:var(--px-muted)!important}
.review-done,.review-status{background:var(--px-panel2)!important;border-color:var(--px-border)!important;color:var(--px-pink)!important}
.legal-hero-grid{grid-template-columns:minmax(0,1fr) minmax(190px,330px)}
.legal-toc{top:98px}
.legal-toc a{color:var(--px-muted)!important}
.legal-toc a:hover{background:var(--px-panel3)!important;color:var(--px-pink)!important}
.legal-note{background:var(--px-panel2)!important;border-color:var(--px-border-hi)!important}
.legal-document p,.legal-document li{color:var(--px-muted)!important}
.legal-document h2,.legal-document h3{color:var(--px-text)!important}
.legal-document a{color:var(--px-pink)!important}
.legal-help-strip{background:var(--px-panel2)!important;border-color:var(--px-border)!important}

/* 09. Dark mode: explicit color assurance for all components */
html[data-theme="dark"] .px-dock-inner,html[data-theme="dark"] .px-shortcut,
html[data-theme="dark"] :is(.brand-mark,.site-header,.nav,.cl-brand,.cl-nav,.cl-return,.cl-status,.studio-topbar,.studio-sidebar,.studio-card,.studio-feature-tile,.studio-command,.cl2-chat-log,.cl2-message>div,.admin-command,.account-card,.feature-card,.review-panel,.review-item,.legal-document,.legal-toc,.support-card,.support-method,.news-card,.step-card,.stat,.stat-card,.medal-card,.command-row,.command-category){
  color:var(--px-text)!important;border-color:var(--px-border)!important;
}
html[data-theme="dark"] .feature-card,html[data-theme="dark"] .news-card,html[data-theme="dark"] .step-card,
html[data-theme="dark"] .account-card,html[data-theme="dark"] .cl-panel,html[data-theme="dark"] .cl-card,
html[data-theme="dark"] .cl2-task,html[data-theme="dark"] .cl2-metrics>div,html[data-theme="dark"] .studio-card,
html[data-theme="dark"] .studio-feature-tile,html[data-theme="dark"] .studio-command,html[data-theme="dark"] .review-panel,
html[data-theme="dark"] .review-item,html[data-theme="dark"] .legal-document,html[data-theme="dark"] .legal-toc,
html[data-theme="dark"] .admin-step,html[data-theme="dark"] .admin-tutorial,html[data-theme="dark"] .admin-command,
html[data-theme="dark"] .admin-member-item,html[data-theme="dark"] .rose-empty,html[data-theme="dark"] .support-faq details{
  background:var(--px-panel)!important;color:var(--px-text)!important;box-shadow:var(--px-shadow)!important;
}
html[data-theme="dark"] .footer,html[data-theme="dark"] .site-footer,html[data-theme="dark"] .legal-footer-links{
  background:var(--px-panel2)!important;color:var(--px-muted)!important;border-color:var(--px-border)!important;
}
html[data-theme="dark"] .footer a,html[data-theme="dark"] .footer p,html[data-theme="dark"] .footer h3,html[data-theme="dark"] .footer h4{color:var(--px-text)!important}
html[data-theme="dark"] :is(.account-card p,.feature-body p,.cl-panel p,.cl-card p,.cl2-task p,.studio-card p,.studio-feature-tile p,.review-panel p,.review-comment,.legal-document p,.legal-document li,.admin-step p,.admin-tutorial li,.command-row p,.support-card p){color:var(--px-muted)!important}
html[data-theme="dark"] :is(.account-card h3,.feature-body h3,.cl-panel h3,.cl-card h3,.studio-card h3,.studio-tile-title,.review-panel h2,.legal-document h2,.admin-step h3,.admin-tutorial h3,.command-row h3,.support-card h3){color:var(--px-text)!important}
html[data-theme="dark"] :is(.px-shortcut-icon,.feature-icon,.cl2-task-icon,.cl2-task-difficulty,.studio-tile-icon,.cl-tag,.cl2-counter,.studio-badges span,.studio-pill,.review-grade,.admin-phase-pill){background:var(--px-panel3)!important;color:var(--px-pink)!important;border-color:var(--px-border)!important}
html[data-theme="dark"] :is(.nav a,.cl-navlink,.cl-return,.studio-navbtn,.studio-server,.studio-quiet,.studio-outline,.cl2-tabs button,.cl2-filter button,.cl2-switch button){color:var(--px-text)!important}
html[data-theme="dark"] :is(.cl2-tabs button.is-active,.cl2-filter button.is-active,.cl2-switch button.is-active,.cl-navlink.sel,.studio-primary,.btn-primary,.cl-btn){color:white!important}
html[data-theme="dark"] :is(.cl2-chat-form input,.cl-field input,.cl-field textarea,.cl-search,.cl-owner-form input,.cl-owner-form textarea,.cl-owner-form select,.studio-field input,.studio-field textarea,.studio-field select,.studio-search input,.review-panel textarea,.redeem-form input,.account-card input,.account-card select){background:var(--px-panel2)!important;color:var(--px-text)!important;border-color:var(--px-border-hi)!important}
html[data-theme="dark"] :is(.stat-strip,.section.tint,.section.cream,.section.lavender,.rose-rank-section,.review-main,.admin-section,.admin-light,.studio-shell,.studio-main,.legal-shell){background:transparent!important}
html[data-theme="dark"] .rose-profile-frame{background-color:#1d1731!important} /* keep custom player background images */
html[data-theme="dark"] .rose-stat{background:rgba(22,12,40,.84)!important;color:#ffe8f4!important}
html[data-theme="dark"] .rose-stat-label{color:#ffc1dd!important}
html[data-theme="dark"] .rose-stat-value{color:#fff8ec!important}
html[data-theme="dark"] .theme-switch{background:var(--px-panel2)!important;color:var(--px-text)!important;border-color:var(--px-border-hi)!important}
html[data-theme="dark"] .mini-ribbon{background:#160b17!important}

/* 10. Layout scales; no horizontal overflow, no animation for reduced-motion users */
@media(max-width:1100px){
  .px-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.px-home .hero-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);padding:48px 32px!important}
  body.px-home .hero h1{font-size:clamp(64px,8vw,92px)!important}
  .feature-card{grid-column:span 6}
  .feature-card:nth-child(-n+2){grid-column:span 6}
  .account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .studio-shell{grid-template-columns:250px minmax(0,1fr)}
}
@media(max-width:830px){
  .px-dock{margin-top:12px;padding:0 14px}
  .px-dock-inner{border-radius:15px;gap:5px}
  .px-dock a{min-width:104px;padding:10px 11px;font-size:12px}
  body.px-home .hero{padding:12px 14px 0}
  body.px-home .hero-inner{grid-template-columns:1fr;gap:18px;text-align:left;padding:40px 28px!important}
  body.px-home .hero-stage{height:330px;width:min(460px,100%);margin:auto}
  body.px-home .hero-mascot{max-height:320px}
  body.px-home .hero h1{font-size:clamp(68px,10vw,92px)!important}
  .feature-card:nth-child(-n+2){display:flex;flex-direction:column}
  .feature-card:nth-child(-n+2) .feature-art{height:162px!important}
  .studio-shell{display:block}.studio-sidebar{position:relative;top:auto;height:auto;padding:15px}.studio-main{padding:27px 17px 115px}
  .account-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .header-inner{min-height:70px;padding-inline:13px}
  .brand-mark{width:44px!important;height:44px!important;border-radius:14px!important}.brand-mark img{width:41px!important;height:41px!important}
  .brand-name{font-size:19px!important}.brand-sub{font-size:8px!important}.hamburger{min-width:43px;width:43px;height:43px;border-radius:12px!important}
  .px-dock a{min-width:96px;padding:10px 10px;font-size:11px}
  .px-shortcuts{grid-template-columns:1fr 1fr;gap:9px;padding:0 14px}
  .px-shortcut{min-height:160px;padding:18px 15px}.px-shortcut strong{font-size:15px}.px-shortcut small{font-size:11px}
  body.px-home .hero-inner{border-radius:22px;padding:32px 21px!important;min-height:unset}
  body.px-home .hero h1{font-size:clamp(61px,14vw,80px)!important;margin:22px 0!important}
  body.px-home .hero-lead{font-size:14px;margin:19px 0}
  body.px-home .hero-actions{flex-direction:column;align-items:stretch}
  body.px-home .hero-actions .btn{max-width:none;width:100%}
  body.px-home .hero-stage{height:270px}
  body.px-home .hero-mascot{max-height:270px}
  body.px-home .floating-sticker{font-size:10px;padding:6px 9px}
  body.px-home .sticker-a{left:0}body.px-home .sticker-b{right:0}
  .feature-grid{display:grid;grid-template-columns:1fr!important}
  .feature-card,.feature-card:nth-child(-n+2){grid-column:auto!important;display:flex;flex-direction:column}
  .feature-art,.feature-card:nth-child(-n+2) .feature-art{height:160px!important}
  .stats{grid-template-columns:1fr 1fr;gap:6px;padding:16px 12px!important}
  .stat{border:0!important}.section{padding:56px 0!important}
  .page-hero,.admin-hero,.legal-hero,.review-hero{padding:18px 12px 0!important}
  .page-hero>.wrap,.admin-hero-inner,.review-hero-grid,.legal-hero-grid{min-height:unset;border-radius:22px;padding:27px 20px!important}
  .page-hero>.wrap,.admin-hero-inner,.review-hero-grid,.legal-hero-grid{grid-template-columns:1fr}
  .page-hero .wrap>img,.admin-hero-mascot,.review-hero-grid>img{max-height:135px;justify-self:end}
  .page-hero h1,.admin-hero h1,.review-hero h1,.legal-hero h1{font-size:clamp(33px,8vw,45px)!important}
  .account-grid{grid-template-columns:1fr}.account-header{display:flex;flex-wrap:wrap;gap:10px}
  .cl-top{height:auto;min-height:68px;padding:10px 13px;flex-wrap:wrap}.cl-brand{padding:8px}
  .cl-nav-wrap,.cl-main{padding-inline:13px}.cl-hero{min-height:340px;padding:27px!important;overflow:hidden}
  .cl-hero h1{font-size:clamp(32px,7.6vw,44px)}.cl-hero-art{position:absolute;right:-18px;bottom:-6px;opacity:.21}.cl-hero-art img{width:210px}
  .cl-hero>div:first-child{z-index:2}.cl-panel{padding:17px}
  .cl-grid,.cl-roster,.cl-form,.cl-quests,.cl2-tasks{grid-template-columns:1fr}
  .cl2-metrics{grid-template-columns:1fr 1fr}.cl2-profile-info{padding:16px;flex-wrap:wrap}
  .studio-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .studio-topbar{height:auto;min-height:77px;padding:10px;gap:5px}.studio-top-right{flex-wrap:wrap;justify-content:flex-end}
  .studio-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:390px){.px-shortcuts{grid-template-columns:1fr}.px-shortcut{min-height:unset}.brand-sub{display:none!important}.studio-feature-grid{grid-template-columns:1fr!important}.studio-stats{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}