/* build 21/10: só as peças que o código real precisa e que os mockups não tinham (mesmos tokens r9, sem verde fora de sucesso, sem roxo/neon) */
html.r9 .r7-pn,html.r9 .r4me-nt.pn{display:flex;align-items:flex-start;gap:7px;margin:0 0 12px;padding:8px 10px;border-radius:var(--r-tile,10px);background:var(--g-tint);box-shadow:inset 0 0 0 1px var(--g-edge-soft);font:600 12px/1.4 Inter,sans-serif;color:var(--g-txt)}
html.r9 .r7-pn svg{flex:none;width:15px;height:15px;margin-top:1px;fill:none;stroke:var(--g);stroke-width:var(--stroke,2);stroke-linecap:round;stroke-linejoin:round}
html.r9 .r8-ak{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;font-size:12px;line-height:1.4;color:var(--mist);cursor:pointer}
html.r9 .r8-ak input{flex:none;width:16px;height:16px;margin:1px 0 0;accent-color:var(--g-lo)}
html.r9 .scm-go:disabled{opacity:.45;cursor:not-allowed}
html.r9 .sc-sim{width:100%;margin-top:10px;min-height:36px;box-shadow:inset 0 0 0 1px var(--g-edge-soft);color:var(--g-txt)}
html.r9 .r4me-lk{display:block;margin-top:10px;text-align:center;font:600 12px/1 Inter,sans-serif;color:var(--mist);text-decoration:underline}
html.r9 .sc-log{list-style:none;margin:6px 0 10px;padding:0;max-height:52vh;overflow:auto}
html.r9 .sc-log li{padding:8px 0;box-shadow:inset 0 -1px 0 var(--hair)}
html.r9 .sc-log p{margin:0;font-size:12px;line-height:1.4;color:var(--mist)}.sc-log b{color:var(--ink)}
html.r9 .sc-log q{display:block;margin-top:4px;padding:6px 8px;border-radius:8px;background:rgba(163,174,198,.06);font-size:12.5px;color:var(--text);overflow-wrap:anywhere}
html.r9 .uc-del{color:var(--faint);text-decoration:line-through}
html.r9 .uc-ls.v3 li{grid-template-columns:auto 1fr auto;align-items:start}
html.r9 .uc-ls .uc-dl{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--faint);cursor:pointer}
html.r9 .uc-ls .uc-dl:hover,html.r9 .uc-ls .uc-dl:focus-visible{color:#f2bdb5;background:rgba(242,140,120,.1)}
html.r9 .uc-ls .uc-dl svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html.r9 .uc-bs{display:flex;justify-content:center;gap:10px;margin:6px 0 12px}
html.r9 .sc-pal{flex-wrap:wrap;gap:4px;padding:3px}
html.r9 .sc-pal button{min-width:24px;width:24px;height:24px;padding:0;font-size:10px}
html.r9 .sc-pal button.sc-dot{box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
html.r9 .sc-pal button.on{box-shadow:0 0 0 2px var(--g)}
html.r9 .sc-pal button:disabled{opacity:.35;cursor:not-allowed}
html.r9 .lx-colr{flex-wrap:wrap;gap:8px}
html.r9 a.lx-row{text-decoration:none;color:inherit}
.gvtip.sc-toast{position:fixed;z-index:2147483000}
html.r9 .st-b{vertical-align:-6px;margin-right:8px}
/* celular sem live: a linha do player some (is-empty), mas com o Se inscrever/Presentear do site ela fica */
@media (max-width:900px){.lp-bar.is-empty.r4{display:flex}}
html.r9 a.sc-x{text-decoration:none}
.cx.sc .cxf.sc-nm{padding:12px 10px;justify-content:center}
html.r9 .sc-bar .lx-ic svg{stroke-width:var(--stroke)}.sc-bar .lx-ic{margin-left:2px}
.sc-form.lock .sc-send{opacity:.35;pointer-events:none;cursor:not-allowed;box-shadow:none}
.sc-form.lock .sc-in{cursor:not-allowed}
.sc-xt:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
/* cartão: bloco de moderação compacto (Andre 21/10) */
.uc-sd{margin:3px 0 0;font:600 11px/1.2 Inter,sans-serif;color:var(--faint)}
.uc-stx{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}
.uc-sc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 7px;border-radius:10px;background:rgba(163,174,198,.06);box-shadow:inset 0 0 0 1px var(--hair);cursor:default;min-width:0}
.uc-sc b{font:800 italic 20px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.uc-sc span{font:600 10.5px/1 Inter,sans-serif;color:var(--faint);white-space:nowrap}
.uc-sc:focus-visible{outline:2px solid var(--gold-txt,#cdb577);outline-offset:2px}
.uc-mr.ic{justify-content:flex-start;gap:6px}
.uc-mr.ic .uc-ma.ic{flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:0;border-radius:10px}
.uc-mr.ic .uc-ma.ic svg{width:16px;height:16px;margin:0}
.uc-mr.ic .uc-ma.ic.bad{margin-left:auto;background:rgba(242,167,160,.08)}
.uc-mr.ic .uc-ma.ic:hover{background:rgba(163,174,198,.12)}
.uc-mr.ic .uc-ma.ic.bad:hover{background:rgba(242,167,160,.16)}
.uc-mr.ic .uc-ma:focus-visible{outline:2px solid var(--gold-txt,#cdb577);outline-offset:2px}
@media (max-width:900px){.uc-mr.ic .uc-ma.ic{flex-basis:44px;width:44px;height:44px}.uc-sc b{font-size:22px}.uc-sc span{font-size:11.5px}}
/* registro de moderação (só equipe): cabeçalho com avatar + cadeado, punição ativa, contadores numa linha, filtros, linha do tempo por dia */
.scm-box.ml{display:flex;flex-direction:column;width:min(460px,100%);max-height:min(640px,calc(100dvh - 48px));overflow:hidden;padding:16px 16px 10px}
.scm-box.ml .ml-hd{margin:0 34px 10px 0;gap:10px}
.scm-box.ml .uc-av{width:40px;height:40px;font-size:18px}
.ml-nr{display:flex;align-items:center;gap:6px;min-width:0}
.scm-box.ml .ml-n{margin:0;min-width:0;text-transform:none;letter-spacing:0;font:800 italic 18px/1.15 var(--display);color:var(--ink);overflow-wrap:anywhere}
.ml-lk{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:6px;color:var(--faint);cursor:default}
.ml-lk:hover{color:var(--mist)}
.ml-lk svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.scm-box.ml .uc-sd{margin-top:2px}
.ml-sc{display:flex;align-items:center;gap:7px;min-height:30px;margin:0 0 8px;padding:0 4px 0 10px;border-radius:999px;font:600 12px/1.2 Inter,sans-serif}
.ml-sc>svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ml-sc>span{flex:1;min-width:0}
.ml-sc.ban{color:#f2bdb5;background:rgba(242,140,120,.1);box-shadow:inset 0 0 0 1px rgba(242,167,160,.32)}
.ml-sc.mute{color:#f0d29a;background:rgba(232,176,74,.1);box-shadow:inset 0 0 0 1px rgba(232,176,74,.32)}
.ml-un{display:inline-flex;align-items:center;gap:5px;flex:none;height:22px;padding:0 9px;border:0;border-radius:999px;background:rgba(10,13,20,.55);box-shadow:inset 0 0 0 1px var(--hair2);color:var(--ink);font:700 11px/1 Inter,sans-serif;cursor:pointer}
.ml-un svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ml-un:hover{background:rgba(163,174,198,.14)}.ml-un:disabled{opacity:.5;cursor:default}
.ml-un:focus-visible,.ml-fc:focus-visible,.ml-t:focus-visible,.ml-lk:focus-visible,.ml-q.cl:focus-visible{outline:2px solid var(--gold-txt,#cdb577);outline-offset:2px}
/* contadores: uma linha compacta (número + rótulo lado a lado) */
.scm-box.ml .uc-stx{gap:5px;margin:0 0 10px}
.scm-box.ml .uc-sc{flex-direction:row;align-items:baseline;justify-content:center;gap:5px;padding:5px 6px;border-radius:8px}
.scm-box.ml .uc-sc b{font-size:15px}
.scm-box.ml .uc-sc span{font-size:10.5px}
.ml-f{display:flex;gap:5px;margin:0 0 8px}
.ml-fc{min-height:26px;padding:0 11px;border:0;border-radius:999px;background:transparent;box-shadow:inset 0 0 0 1px var(--hair2);color:var(--mist);font:600 11.5px/1 Inter,sans-serif;cursor:pointer}
.ml-fc:hover{color:var(--ink)}
.ml-fc[aria-pressed="true"]{background:var(--gold-tint);box-shadow:inset 0 0 0 1px var(--gold-line);color:var(--gold-txt)}
.ml-b{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px 4px;scrollbar-width:thin}
.ml-g+.ml-g{margin-top:2px}
.ml-dl{margin:4px 0 6px;font:700 10px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.ml-tl{list-style:none;margin:0;padding:0}
.ml-it{position:relative;display:grid;grid-template-columns:24px 1fr;gap:9px;padding:0 0 10px}
.ml-it:not(.last)::before{content:"";position:absolute;left:11.5px;top:26px;bottom:2px;width:1px;background:var(--hair2)}
.ml-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(163,174,198,.1);color:var(--mist)}
.ml-ic svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.k-del .ml-ic{background:rgba(163,174,198,.1);color:var(--faint)}
.k-mute .ml-ic{background:rgba(232,176,74,.14);color:#f0c46e}
.k-ban .ml-ic{background:rgba(242,140,120,.15);color:#f2a7a0}
.k-neu .ml-ic{background:transparent;box-shadow:inset 0 0 0 1px var(--hair2);color:var(--mist)}
.ml-c{min-width:0;padding-top:4px}
.ml-h{display:flex;align-items:center;gap:6px;margin:0;font:12.5px/1.25 Inter,sans-serif;color:var(--mist)}
.ml-h b{color:var(--ink);font-weight:700;white-space:nowrap}
.ml-tg{flex:none;padding:2px 6px;border-radius:5px;font:700 10px/1.2 Inter,sans-serif;white-space:nowrap;background:rgba(163,174,198,.1);color:var(--mist)}
.k-ban .ml-tg{background:rgba(242,140,120,.13);color:#f2bdb5}
.k-mute .ml-tg{background:rgba(232,176,74,.13);color:#f0d29a}
.ml-by{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--faint);font-size:11.5px}
.ml-mi{display:grid;place-items:center;flex:none;width:14px;height:14px;border-radius:50%;background:rgba(163,174,198,.14);color:var(--mist);font:700 8.5px/1 Inter,sans-serif}
.ml-bn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-t{margin-left:auto;flex:none;color:var(--faint);font-size:11px;cursor:default;white-space:nowrap}
.ml-q{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:4px 0 0;padding:1px 0 1px 9px;border-left:2px solid var(--hair2);color:var(--mist);font-size:12.5px;line-height:1.4;overflow-wrap:anywhere;quotes:none}
.ml-q::before,.ml-q::after{content:none}
.ml-q.cl{cursor:pointer}.ml-q.cl:hover{border-left-color:rgba(163,174,198,.45);color:var(--text)}
.ml-q.open{display:block;-webkit-line-clamp:unset}
.ml-d{margin:3px 0 0;padding-left:11px;color:var(--mist);font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.ml-none{margin:16px 0;text-align:center;color:var(--faint);font-size:13px}
@media (max-width:700px){.scm-box.ml{width:100%;max-height:88dvh;padding:14px 14px 12px}.ml-fc{min-height:34px;padding:0 14px;font-size:13px}.ml-un{height:30px;padding:0 11px;font-size:12px}.ml-h{font-size:13.5px}.ml-q{font-size:13.5px}.ml-sc{min-height:38px;font-size:13px}.ml-lk{width:28px;height:28px}.scm-box.ml .uc-sc b{font-size:16px}.scm-box.ml .uc-sc span{font-size:11.5px}}
.ml-g[hidden],.ml-it[hidden],.ml-none[hidden]{display:none}
/* Pix: letra miúda numa linha curta, quebra só entre os itens */
.scm-ft p.pix-fine{font-size:11px;line-height:1.5;color:var(--faint);text-wrap:balance}
.scm-ft p.pix-fine span{white-space:nowrap}

/* ===== Visual do site: PRETO (estilo X, "Lights out") — aprovado pelo Andre 21/10 =====================
   Preto puro, fios #2F3336, texto #E7E9EA / #71767B, CTA branco com texto preto, secundário com contorno #536471.
   Dourado só na arte dos selos (img). Sem brilho, sem degradê, sem roxo. Esmeralda só sucesso/ao vivo.
   Contraste: #E7E9EA/#000 ≈ 17:1 · #71767B/#000 ≈ 4,6:1 · #0F1419 sobre #EFF3F4 ≈ 17:1.
   "html.r9:root" = mesma especificidade da antiga chave data-ouro (que saiu; A/B/C/fosco em /tmp/bk_copy/*.v15). */
html.r9:root{
  --x-bg:#000; --x-raise:#16181c; --x-line:#2f3336; --x-out:#536471; --x-ink:#e7e9ea; --x-mute:#71767b; --x-btn:#eff3f4; --x-btn-h:#d7dbdc; --x-btn-ink:#0f1419;
  --x-font:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --f-num:800 normal 1em/1 var(--x-font);
  --g:var(--x-ink); --g-hi:var(--x-ink); --g-lo:var(--x-mute); --g-deep:var(--x-line); --g-txt:var(--x-ink); --g-ink:var(--x-btn-ink);
  --g-fill:var(--x-btn); --g-fill-hov:var(--x-btn-h); --g-ring:linear-gradient(var(--x-out),var(--x-out));
  --g-edge:var(--x-ink); --g-edge-soft:var(--x-line); --g-tint:var(--x-raise); --g-glow:0 0 0 0 transparent; --g-glow-lg:0 0 0 0 transparent; --g-halo:transparent;
  --gold:var(--x-btn); --gold-hov:var(--x-btn-h); --gold-txt:var(--x-ink); --gold-ink:var(--x-btn-ink); --gold-dim:var(--x-out); --gold-line:var(--x-ink); --gold-line-soft:var(--x-line); --gold-tint:var(--x-raise);
}
html.r9:root :is(.cx,.scm,.uc,.r4me,.mb,.nm,.scs,.gvav,.lp-bar){
  --hair:var(--x-line); --hair2:var(--x-line); --ink:var(--x-ink); --text:var(--x-ink); --mist:var(--x-mute); --faint:var(--x-mute);
  --s-panel:var(--x-bg); --s-raise:var(--x-bg); --s-black:var(--x-bg); --s-tile:transparent; --s-glass:rgba(0,0,0,.85);
  --s-edge:inset 0 0 0 1px var(--x-line); --s-hi:0 0 0 0 transparent; --s-drop:0 0 0 0 transparent; --warm:var(--x-mute);
}
/* superfícies: preto puro, sem sombra; fundo do modal como no X */
/* fundo dos modais: escurece a página (no preto, o cinza-azulado do X virava névoa cinza) */
html.r9:root .scm{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
html.r9:root .scm-box,html.r9:root .r4me,html.r9:root .uc,html.r9:root .scs{background:var(--x-bg);box-shadow:inset 0 0 0 1px var(--x-line);border-radius:16px;font-family:var(--x-font);animation:none}
@media (max-width:700px){html.r9:root .scm-box,html.r9:root .r4me.sheet,html.r9:root .uc.sheet{border-radius:16px 16px 0 0}}
html.r9:root :is(.scm-bd,.r4me-bd){background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
html.r9:root .scm-box h2{font-size:22px;letter-spacing:.01em;color:var(--x-ink)}  /* display itálica fica só no título: é a marca Guiven */
html.r9:root .scm-x,html.r9:root .uc-x,html.r9:root .r4me-x{border-radius:50%;background:transparent;box-shadow:none;color:var(--x-ink)}
html.r9:root .scm-x:hover,html.r9:root .uc-x:hover,html.r9:root .r4me-x:hover{background:rgba(231,233,234,.1)}
/* números: Inter pesada, reta e apertada (sem itálica dourada) */
html.r9:root :is(.r7-pr b,.r8-qt b,.uc-sc b,.r5me-due b,.nm-nx b,.mb-card .n,.pix .t,.scm-box dd.t,.gv-l b){font:800 normal 1em/1 var(--x-font);letter-spacing:-.02em;color:var(--x-ink);background:none;-webkit-background-clip:border-box;background-clip:border-box}
html.r9:root .scm-box .r7-pr b{font-size:34px!important}
html.r9:root .scm-box .r8-qt b{font-size:20px!important}
html.r9:root .uc .uc-sc b,html.r9:root .scm-box .uc-sc b{font-size:17px!important}
html.r9:root .gv-l,html.r9:root .gv-n.gv-on .gv-l{color:var(--x-mute);font-family:var(--x-font)}
html.r9:root .gv-n.gv-on .gv-l,html.r9:root .gv-n.gv-on .gv-l b{color:var(--x-ink)}
/* CTA principal: branco sólido, texto preto em negrito (pílula do X) */
html.r9:root .scm-go,html.r9:root .scm-go.r7-go,html.r9:root .r4me-gf,html.r9:root .mb-grid.two .gh,html.r9:root .nm-go,html.r9:root .uc-go{
  border:0;border-radius:9999px;clip-path:none;background:var(--x-btn)!important;color:var(--x-btn-ink);box-shadow:none;filter:none;text-shadow:none;animation:none!important;
  font:700 15px/1 var(--x-font);letter-spacing:0;text-transform:none;justify-content:center;padding:0 20px}
html.r9:root .scm-go:hover:not(:disabled),html.r9:root .r4me-gf:hover,html.r9:root .mb-grid.two .gh:hover,html.r9:root .nm-go:hover:not(:disabled),html.r9:root .uc-go:hover{background:var(--x-btn-h)!important;color:var(--x-btn-ink);box-shadow:none;filter:none}
html.r9:root .scm-go svg,html.r9:root .r4me-gf svg,html.r9:root .uc-go svg{display:none}  /* sem ícone no CTA: só a palavra */
html.r9:root .scm-go:disabled,html.r9:root .nm-go:disabled{background:var(--x-btn)!important;color:var(--x-btn-ink);opacity:.5}
html.r9:root .scm-go:focus-visible{outline:2px solid var(--accent,#79aef0);outline-offset:2px}
/* secundário: preto, contorno 1px #536471, texto branco */
html.r9:root :is(.r4me-rn,.st-r .go,.r5 .r4-sub,.r5a:not(.r4-on) .r4-sub,.sc-sim,.uc-gh,.scm-ft a.btn,.mb-grid.two .go,.cc button,.r1-gift .lx-ua,.r3 .r3-slot .lx-ua){
  border:0;border-radius:9999px;clip-path:none;background:transparent!important;color:var(--x-ink);box-shadow:inset 0 0 0 1px var(--x-out);filter:none;animation:none!important;font-family:var(--x-font);text-transform:none;letter-spacing:0}
html.r9:root :is(.r4me-rn,.st-r .go,.r5 .r4-sub,.sc-sim,.uc-gh,.cc button,.r1-gift .lx-ua,.r3 .r3-slot .lx-ua):hover{background:rgba(231,233,234,.1)!important;box-shadow:inset 0 0 0 1px var(--x-out);color:var(--x-ink)}
html.r9:root :is(.r5 .r4-sub,.r1-gift .lx-ua,.r3 .r3-slot .lx-ua) svg{fill:none!important;stroke:var(--x-ink)!important;color:var(--x-ink)}
html.r9:root .r5.r4-on .r4-sub svg{fill:var(--x-ink)!important;stroke:var(--x-ink)!important}
/* abas: texto puro com sublinhado curto arredondado (azul do X não: branco) */
html.r9:root .scm-tabs{background:transparent;box-shadow:inset 0 -1px 0 var(--x-line);border-radius:0;clip-path:none;padding:0;gap:0;width:100%;display:flex}
html.r9:root .scm-tabs button{flex:1;position:relative;height:46px;border-radius:0;background:transparent!important;box-shadow:none!important;clip-path:none;color:var(--x-mute);font:500 15px/1 var(--x-font);letter-spacing:0;text-transform:none}
html.r9:root .scm-tabs button:hover{background:rgba(231,233,234,.06)!important}
html.r9:root .scm-tabs button[aria-selected="true"]{color:var(--x-ink);font-weight:700}
html.r9:root .scm-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:50%;bottom:0;width:56px;height:4px;margin-left:-28px;border-radius:9999px;background:var(--x-ink)}
/* cartões e seleção: sem caixa; selecionado = contorno branco 2px, ou fundo #16181C */
html.r9:root :is(.r8-qt,.r8-tt,.r7-t,.sc-tier,.ds-grid button,.qty button){border-radius:12px;clip-path:none;background:transparent;box-shadow:inset 0 0 0 1px var(--x-line);color:var(--x-ink)}
html.r9:root :is(.r8-qt,.r8-tt):hover{background:rgba(231,233,234,.04);box-shadow:inset 0 0 0 1px var(--x-out)}
html.r9:root :is(.r8-qt.on,.r8-tt.on,.ds-grid button.on,.sc-tier.on,.qty button.on){background:transparent;box-shadow:inset 0 0 0 2px var(--x-ink)}
html.r9:root .r8-qt svg,html.r9:root .r8-qt.on svg{display:none}  /* sem ícone de presente em cada cartão */
html.r9:root .r8-qt span,html.r9:root .r8-qt.on span{color:var(--x-mute);font:500 13px/1 var(--x-font)}
html.r9:root .r8-tt svg,html.r9:root .r8-tt.on>svg{stroke:var(--x-ink)}
html.r9:root .r8-tt .r7-i svg{stroke:var(--x-mute)}
html.r9:root .scm-box .r7-perks .r7-t{box-shadow:none;background:transparent}
html.r9:root .r7-pv{background:transparent;box-shadow:inset 0 0 0 1px var(--x-line)}
/* fichas "faltam N": texto cinza, sem caixa colorida */
html.r9:root :is(.gv-ch,.r8-ch){clip-path:none;border-radius:9999px;background:var(--x-raise);box-shadow:none;color:var(--x-ink);font:600 12px/1 var(--x-font);letter-spacing:0;text-transform:none}
html.r9:root :is(button.gv-ch:hover,.gv-ch.gv-on,.r8-ch:hover,.r8-ch.on){background:var(--x-btn);color:var(--x-btn-ink)}
/* selos: sem anel, sem halo; linha cinza */
html.r9:root .gv-ring .fg{stroke:var(--x-ink);filter:none}
html.r9:root .gv-ring .bg{stroke:var(--x-line)}
html.r9:root .gv-ln,html.r9:root .gv-ln.gv-done,html.r9:root .gv-ln.gv-nx{background:var(--x-line)}
html.r9:root button.gv-b::after{box-shadow:none}
/* avisos (preço muda etc.): fio fino, texto claro; ícone cinza */
html.r9:root :is(.r7-pn,.r4me-nt.pn,.r4me-nt,.mb-not,.nm-nx){border-radius:12px;background:transparent;box-shadow:inset 0 0 0 1px var(--x-line);color:var(--x-ink);font-family:var(--x-font)}
html.r9:root :is(.r7-pn,.mb-not) svg{stroke:var(--x-mute)}
html.r9:root .steps span{box-shadow:none;color:var(--x-mute);font-family:var(--x-font)}
html.r9:root .steps span.on{background:transparent;color:var(--x-ink);font-weight:700;box-shadow:inset 0 -2px 0 var(--x-ink);border-radius:0}
html.r9:root .wait i{background:var(--x-ink)}
html.r9:root .cc code{background:var(--x-bg);box-shadow:inset 0 0 0 1px var(--x-line);color:var(--x-ink)}
html.r9:root .scm-ft{border-top:1px solid var(--x-line)}
@media (max-width:700px){html.r9:root .scm-ft{background:var(--x-bg)}}
/* chaves e caixas de seleção: branco */
html.r9:root :is(.r8-an input:checked+.tr,.ds-an input:checked+.tr,.lx-row input:checked+.lx-sw){background:var(--accent,#79aef0)}
html.r9:root .r8-ak input,html.r9:root .who2 input{accent-color:var(--accent,#79aef0)}
/* regras / aviso no chat (21, 22) */
html.r9:root .gvav>.gvav-in,html.r9:root .cxl li.gvav-sys{background:transparent;box-shadow:inset 0 0 0 1px var(--x-line);border-radius:12px}
html.r9:root :is(.gvav-ic,.gvav-sic,.gvav-chev){stroke:var(--x-mute)}
html.r9:root :is(.gvav-t b,.gvav-who b,.gvav-mt>b,.rg-k){color:var(--x-ink);background:transparent}
html.r9:root .gvav-a{color:var(--x-ink);text-decoration-color:var(--x-out)}
html.r9:root .gvav-ok{border-radius:9999px;background:var(--x-btn);box-shadow:none;color:var(--x-btn-ink)}
/* chat: painel preto, fios, campo de texto no estilo do X */
html.r9:root .cx{background:var(--x-bg);box-shadow:inset 0 0 0 1px var(--x-line);font-family:var(--x-font)}
html.r9:root .cx .ex{color:var(--x-mute);border-color:var(--x-line)}
html.r9:root .cxl{-webkit-mask-image:none;mask-image:none}
html.r9:root .cx[data-ev="a"] .cxl li.ev,html.r9:root .cxl li.ev{background:transparent;border-radius:0;box-shadow:inset 2px 0 0 var(--x-out);animation:none}  /* alerta: fio reto #536471 (o #2F3336 sumia no preto e o canto redondo virava "colchete") */
html.r9:root .cxl li.ev .es,html.r9:root .cx[data-ev="a"] .cxl li.ev .es{color:var(--x-mute)}
html.r9:root .cx.sc .cxl li.hl{background:var(--x-raise);box-shadow:none}
html.r9:root :is(.sc-in,.cx textarea,.cx input[type=text]){background:var(--x-bg);box-shadow:inset 0 0 0 1px var(--x-line);color:var(--x-ink);border-radius:9999px}
html.r9:root .sc-send{background:var(--x-btn);color:var(--x-btn-ink);border-radius:50%;box-shadow:none}
html.r9:root .lx-ic,html.r9:root .sc-bar .lx-ic{color:var(--x-mute)}
html.r9:root .lx-av,html.r9:root .uc-av,html.r9:root .ds-sr .av,html.r9:root .r8-sr .av{background:#333639;color:var(--x-ink);box-shadow:none}
html.r9:root .sc-pal button.on{box-shadow:0 0 0 2px var(--x-ink)}
/* cartão da pessoa / mod / registro */
html.r9:root .uc-sc{background:transparent;box-shadow:none;border-radius:0}
html.r9:root .uc-stx{gap:0;border-top:1px solid var(--x-line);border-bottom:1px solid var(--x-line);padding:8px 0}
html.r9:root .uc-sc+.uc-sc{box-shadow:inset 1px 0 0 var(--x-line)}
html.r9:root .uc-ma,html.r9:root .uc-mr.ic .uc-ma.ic{border-radius:9999px;background:transparent;box-shadow:inset 0 0 0 1px var(--x-out);color:var(--x-ink)}
html.r9:root .uc-mr.ic .uc-ma.ic.bad,html.r9:root .uc-ma.bad{color:#f4212e;box-shadow:inset 0 0 0 1px rgba(244,33,46,.6)}
html.r9:root .uc-red{background:#f4212e;color:#fff;border-radius:9999px}
html.r9:root .uc-mm,html.r9:root .uc-ban{background:var(--x-bg);box-shadow:inset 0 0 0 1px var(--x-line)}
html.r9:root .uc-rs button,html.r9:root .uc-chip{border-radius:9999px;background:transparent;box-shadow:inset 0 0 0 1px var(--x-out);color:var(--x-ink)}
html.r9:root .uc-rs button.on,html.r9:root .uc-chip[aria-expanded="true"]{background:var(--x-btn);color:var(--x-btn-ink);box-shadow:none}
html.r9:root .uc-rt{background:var(--x-bg);box-shadow:inset 0 0 0 1px var(--x-out);color:var(--x-ink)}
html.r9:root .ml-fc{border-radius:9999px;box-shadow:inset 0 0 0 1px var(--x-out);color:var(--x-ink)}
html.r9:root .ml-fc[aria-pressed="true"]{background:var(--x-btn);color:var(--x-btn-ink);box-shadow:none}
html.r9:root .ml-sc.mute{background:transparent;color:var(--x-ink);box-shadow:inset 0 0 0 1px var(--x-line)}
html.r9:root .ml-sc.mute svg{color:var(--x-ink)}
html.r9:root :is(.k-mute,.k-del,.k-neu) .ml-ic{background:transparent;box-shadow:inset 0 0 0 1px var(--x-line);color:var(--x-ink)}
html.r9:root .k-ban .ml-ic{background:transparent;box-shadow:inset 0 0 0 1px rgba(244,33,46,.6);color:#f4212e}
html.r9:root .ml-tg,html.r9:root .k-mute .ml-tg,html.r9:root .k-ban .ml-tg{background:var(--x-raise);color:var(--x-ink)}
html.r9:root .ml-sc.ban{background:transparent;color:#f4212e;box-shadow:inset 0 0 0 1px rgba(244,33,46,.5)}
html.r9:root .ml-mi{background:#333639;color:var(--x-ink)}
html.r9:root .cx.sc .cxl li.ev .sx{background:var(--x-raise);color:var(--x-ink);box-shadow:inset 0 0 0 1px var(--x-line)}
html.r9:root .ml-un{background:var(--x-btn);color:var(--x-btn-ink);box-shadow:none}
/* conta (23, 24) */
html.r9:root .mb-card,html.r9:root .mb-st{background:var(--x-bg);box-shadow:inset 0 0 0 1px var(--x-line);border-radius:16px}
html.r9:root :is(.mb-h,.mb-card h3){color:var(--x-ink)}
html.r9:root :is(.inc,.ct.ok){color:var(--x-ink)}
html.r9:root .inc svg{stroke:var(--x-ink)}
html.r9:root .sw button[aria-checked="true"]{box-shadow:0 0 0 2px #000,0 0 0 4px var(--x-ink)}
html.r9:root .pv.hl,html.r9:root .pv.al{background:var(--x-raise);box-shadow:none}
/* foco e chaves: o azul "espírito" do próprio site (acessível), nunca dourado */
html.r9:root :is(.cx,.scm,.uc,.r4me,.mb,.nm,.lp-bar) :focus-visible{outline-color:var(--accent,#79aef0)}
html.r9:root .mb .big{font:800 normal 34px/1 var(--x-font)!important;letter-spacing:-.02em}
/* restos que o tema precisa: sem brilho/halo/faísca, sem sombra de texto */
html.r9 .r5-sp{display:none!important}
html.r9 .r5 .r4-sub::before,html.r9 .r5 .r4-sub::after{display:none!important}
html.r9 .gv-n.gv-on .gv-b::before,html.r9 .gv-n.gv-on .gv-b::after,html.r9 .gv-n.gv-on .gv-b:not(:has(.gv-ring))::after{display:none}
html.r9 .r7-bw::before,html.r9 .r7b-n.on .r7b-b::before{display:none}
html.r9:root .r7-bw::after,html.r9:root .r7b-n.on .r7b-b::after,html.r9:root .r8-nb{box-shadow:inset 0 0 0 1px var(--x-line)}
html.r9 :is(.cx,.scm,.lp-bar,.uc,.r4me,.mb,.nm,.gvav) *{text-shadow:none}
html.r9:root .r3:not(.r3-no) .r3-slot .lx-ua:hover,html.r9:root .r3:not(.r3-no) .r3-slot .lx-ua.is-hov,html.r9:root .r3:not(.r3-no) .r3-slot .lx-ua:focus-visible{box-shadow:inset 0 0 0 1px var(--x-out)}
html.r9:root .ds-qk{background:var(--x-btn)!important;color:var(--x-btn-ink);box-shadow:none}
html.r9:root .ds-qk:hover{background:var(--x-btn-h)!important}
html.r9:root .r3-lb,html.r9:root .lx-ua{color:var(--x-ink)}
html.r9:root :is(.r5 .r4-sub[aria-expanded="true"],.r5a:not(.r4-on) .r4-sub:hover){background:rgba(231,233,234,.1)!important;box-shadow:inset 0 0 0 1px var(--x-out);color:var(--x-ink)}
html.r9:root .r5a:not(.r4-on) .r4-sub svg{fill:none!important;stroke:var(--x-ink)!important}
html.r9:root .gvav-ok:hover{background:var(--x-btn-h);color:var(--x-btn-ink)}
html.r9:root :is(.r5 .r4-sub,.r5a:not(.r4-on) .r4-sub,.scm-go,.r1-gift .lx-ua,.r3 .r3-slot .lx-ua) svg{filter:none}
html.r9 .r1-sh{display:none}  /* sem brilho passando no botão de presente */
/* Regras: títulos de seção sem caixa alta, menos cromo */
html.r9:root .scm-box.rg .rg-k{margin:18px 0 2px;font:700 15px/1.2 var(--x-font);letter-spacing:0;text-transform:none;color:var(--x-ink)}
html.r9:root .scm-box.rg .rg-k:first-child{margin-top:6px}
html.r9:root .scm-box.rg .rg-row{box-shadow:inset 0 -1px 0 var(--x-line)}
html.r9:root .scm-box.rg .rg-row:last-child{box-shadow:none}
html.r9:root .scm-box.rg .rg-row :is(span,dd){color:var(--x-mute)}
/* "Sua inscrição" (20) e Minha inscrição (24): renovar é a ação principal (branco); presentear é a secundária (contorno) */
html.r9:root .r4me .r4me-ft .r4me-rn,html.r9:root .mb .st-r .go{background:var(--x-btn)!important;color:var(--x-btn-ink);box-shadow:none;font:700 15px/1 var(--x-font)}
html.r9:root .r4me .r4me-ft .r4me-rn:hover,html.r9:root .mb .st-r .go:hover{background:var(--x-btn-h)!important;color:var(--x-btn-ink);box-shadow:none}
html.r9:root .r4me .r4me-gf,html.r9:root .mb .mb-grid.two .gh{background:transparent!important;color:var(--x-ink);font:700 15px/1 var(--x-font);box-shadow:inset 0 0 0 1px var(--x-out)}
html.r9:root .r4me .r4me-gf:hover,html.r9:root .mb .mb-grid.two .gh:hover{background:rgba(231,233,234,.1)!important;color:var(--x-ink);box-shadow:inset 0 0 0 1px var(--x-out)}
/* números: Inter negrito, nunca a itálica (o <em> do "Vence em N dias" vinha itálico do r9_sistema) */
html.r9:root .r4me .r5me-due b,html.r9:root .r4me .r5me-due b em{font:700 normal 17px/1 var(--x-font)!important;letter-spacing:-.01em;color:var(--x-ink)}
/* ===== /conta, /conta/nome, /conta/inscricao: página preta como a /live (Andre 21/10) ===== */
html:has(body[data-page]){background:#000;color-scheme:dark}
body.pm[data-page]{--bg:#000;--s1:#000;--s2:#16181c;--line:#2f3336;--hair:#2f3336;--hair2:#2f3336;--text:#e7e9ea;--ink:#e7e9ea;--mist:#71767b;--faint:#71767b;--header-bg:#000;--pm-glass:#000;background:#000;color:#e7e9ea}
body.pm[data-page] .top{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #2f3336}
body.pm[data-page] .nav a{color:#71767b}body.pm[data-page] .nav a:hover{color:#e7e9ea}
body.pm[data-page] .nav a:not(.cta-sm)::after{background:#e7e9ea;height:4px;border-radius:9999px}
body.pm[data-page] .brand img{box-shadow:0 0 0 1px #2f3336}
/* ===== Minha conta (23): perfil no jeito do X — faixa, avatar grande, nome forte, selos; linhas com fio, sem cartões ===== */
body[data-page="conta"] .nm.v2{max-width:600px;justify-content:flex-start;padding-top:24px}
.cp-h1{margin:0 0 16px}
.cp-hd{position:relative;margin:0 0 8px}
.cp-bn{height:128px;border-radius:16px;background:#0b0c0e url(/assets/img/banner-2120.webp) center 40%/cover no-repeat;box-shadow:inset 0 0 0 1px #2f3336;position:relative;overflow:hidden}
.cp-bn{filter:grayscale(1)}
.cp-bn::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.86)}  /* faixa quase preta: só uma textura da arte do canal, sem cor forte */
.cp-id{padding:0 4px}
html.r9 .nm-av.cp-av{width:84px;height:84px;margin:-42px 0 12px 16px;font:800 34px/1 Inter,sans-serif;font-style:normal;color:#e7e9ea;background:#333639;box-shadow:0 0 0 4px #000}
html.r9 .nm-av.cp-av img{width:24px;height:24px;padding:4px;right:0;bottom:0;background:#000;box-shadow:0 0 0 2px #000}
.cp-nm{margin:0;font:800 26px/1.15 Inter,sans-serif;letter-spacing:-.015em;color:#e7e9ea;overflow-wrap:anywhere}
.cp-since{margin:4px 0 0;font:400 15px/1.3 Inter,sans-serif;color:#71767b}
.cp-bd{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0}
.cp-bd[hidden]{display:none}
.cp-bd img{display:block;width:24px;height:24px}
.cp-k{margin:34px 0 4px;font:800 19px/1.2 Inter,sans-serif;letter-spacing:-.01em;color:#e7e9ea}
.cp-row,.cp-sub{display:flex;align-items:center;gap:14px;padding:14px 0;box-shadow:inset 0 -1px 0 #2f3336}
.cp-t{flex:1;min-width:0}
.cp-t b{display:block;font:700 15px/1.3 Inter,sans-serif;color:#e7e9ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-t small{display:block;margin-top:2px;font:400 13.5px/1.35 Inter,sans-serif;color:#71767b}
.cp-note{margin:10px 0 0;font:400 13.5px/1.4 Inter,sans-serif;color:#71767b}
html.r9:root .cp-note .nm-nx,html.r9:root .cp-note .nm-7{display:inline;margin:0;padding:0;background:none;box-shadow:none;border-radius:0;font:inherit;color:inherit}
.cp-note .nm-nx[hidden]{display:none}
html.r9:root .cp-note .nm-nx b{font:700 13.5px/1.4 Inter,sans-serif!important;letter-spacing:0;color:#e7e9ea}
/* botões: contorno #536471 (secundário), branco (principal) */
html.r9 .cp .nm-lk,html.r9 .cp .nm-gh{height:36px;padding:0 16px;border-radius:9999px;background:transparent;box-shadow:inset 0 0 0 1px #536471;color:#e7e9ea;font:700 14px/1 Inter,sans-serif;text-decoration:none}
html.r9 .cp .nm-lk:disabled{color:#71767b;opacity:1;cursor:not-allowed}
html.r9 .cp .nm-gh:hover,html.r9 .cp .nm-gh:focus-visible{background:rgba(231,233,234,.1);color:#e7e9ea;box-shadow:inset 0 0 0 1px #536471}
.cp-go{display:inline-flex;align-items:center;flex:none;height:36px;padding:0 18px;border-radius:9999px;background:#eff3f4;color:#0f1419;font:700 14px/1 Inter,sans-serif;text-decoration:none}
.cp-go:hover{background:#d7dbdc}
.cp :focus-visible{outline:2px solid #79aef0;outline-offset:2px}
/* inscrição: selo atual + linha fina até o próximo selo */
.cp-sub{flex-wrap:wrap}
.cp-sb{flex:none;width:44px;height:44px}
.cp-sb.dim{opacity:.45;filter:grayscale(1)}
.cp-sub.off .cp-sb{opacity:.55}
.cp-pg{flex:1 0 100%;display:flex;align-items:center;gap:12px;padding-left:58px;box-sizing:border-box}
.cp-pg[hidden]{display:none}
.cp-pl{flex:1;height:2px;border-radius:2px;background:#2f3336;overflow:hidden}
.cp-pl i{display:block;height:100%;background:#e7e9ea;border-radius:2px}
.cp-pg small{flex:none;font:400 13px/1.3 Inter,sans-serif;color:#71767b}
/* conexões: linhas de ajuste do X, com seta */
.cp-list{list-style:none;margin:0;padding:0}
.cp-li{display:flex;align-items:center;gap:14px;padding:14px 0;color:#e7e9ea;text-decoration:none;box-shadow:inset 0 -1px 0 #2f3336}
.cp-li:hover{background:rgba(231,233,234,.03)}
.cp-li span{flex:1;min-width:0}.cp-li b{display:block;font:700 15px/1.3 Inter,sans-serif}.cp-li small{display:block;margin-top:2px;font:400 13.5px/1.35 Inter,sans-serif;color:#71767b}
.cp-pi{flex:none;width:22px;height:22px}
.cp-li svg,.cp-xr svg{flex:none;width:18px;height:18px;fill:none;stroke:#71767b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
/* encerrar: uma linha vermelha que abre a confirmação */
.cp-end{margin-top:40px;box-shadow:inset 0 1px 0 #2f3336,inset 0 -1px 0 #2f3336}
.cp-xr{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:0;border:0;background:transparent;color:#f4212e;font:700 15px/1 Inter,sans-serif;cursor:pointer;text-align:left}
.cp-xr svg{stroke:#f4212e}
.cp-xr[aria-expanded="true"] svg{transform:rotate(90deg)}
.cp-xr:hover{color:#ff4d58}
html.r9 .cp .nm-ex{padding:0 0 18px}
html.r9 .cp .nm-ex[hidden]{display:none}
html.r9 .cp .nm-ex p{font:400 14px/1.45 Inter,sans-serif;color:#71767b}
html.r9 .cp .nm-ex input{height:44px;border-radius:9999px;padding:0 18px;background:#000;box-shadow:inset 0 0 0 1px #2f3336;color:#e7e9ea}
html.r9 .cp .nm-ex input:focus{box-shadow:inset 0 0 0 2px #79aef0;outline:0}
html.r9 .cp .nm-red{height:44px;border-radius:9999px;background:#f4212e;box-shadow:none;color:#fff;font:700 15px/1 Inter,sans-serif}
html.r9 .cp .nm-red:disabled{background:#f4212e;opacity:.4}
@media (max-width:480px){.cp-bn{height:104px;border-radius:12px}html.r9 .nm-av.cp-av{width:76px;height:76px;margin-top:-38px;margin-left:12px;font-size:30px}.cp-nm{font-size:23px}.cp-pg{padding-left:0}.cp-k{margin-top:30px}}
.cp-kn{margin:0 0 4px;font:400 13.5px/1.4 Inter,sans-serif;color:#71767b}
/* celular: "Renovar inscrição" ao lado de Presentear cabe numa linha (360 px) com folga: 14 px e respiro de 12 px */
@media (max-width:380px){html.r9:root .r4me .r4me-ft .r4me-rn,html.r9:root .r4me .r4me-gf{font-size:14px;padding:0 12px}}
/* Minha conta, celular: botão branco (Renovar na live / Se inscrever) desce para a própria linha, sem cortar "Inscrito · N meses" */
@media (max-width:480px){.cp-sub:has(.cp-go) .cp-t{flex:1 1 calc(100% - 58px)}.cp-sub:has(.cp-go) .cp-go{order:3;margin-left:58px}.cp-sub .cp-pg{order:2}}
/* presente (22/10): lista de quem vai ganhar (Uma pessoa); inscrito desligado com "Já é inscrito"; presenteado: "Presente até"; Pix: "Começa em" */
html.r9:root .r8-hits{list-style:none;margin:6px 0 0;padding:0;border-radius:12px;box-shadow:inset 0 0 0 1px var(--x-line);overflow:hidden}
html.r9:root .r8-hits[hidden]{display:none}
html.r9:root .r8-hits li+li{border-top:1px solid var(--x-line)}
html.r9:root .r8-hit{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 14px;border:0;background:transparent;color:var(--x-ink);font:500 15px/1.2 var(--x-font);text-align:left;cursor:pointer}
html.r9:root .r8-hit b{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.r9:root .r8-hit:hover:not(:disabled){background:#16181c}
html.r9:root .r8-hit.on{box-shadow:inset 3px 0 0 var(--x-ink)}
html.r9:root .r8-hit.on b::after{content:" ✓";font-weight:700}
html.r9:root .r8-hit:disabled{cursor:not-allowed;color:var(--x-mute,#71767b)}
html.r9:root .r8-hit:focus-visible{outline:2px solid var(--accent,#79aef0);outline-offset:-2px}
html.r9:root .r8-hn{padding:12px 14px;color:var(--x-mute,#71767b);font:400 14px/1.3 var(--x-font)}
html.r9:root .r8-tg{flex:none;padding:2px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--x-line);color:var(--x-mute,#71767b);font:500 12px/1.4 var(--x-font);white-space:nowrap}
html.r9:root .uc-go .r8-tg{margin-left:8px}
html.r9:root .uc .uc-go:disabled{opacity:1;background:transparent!important;box-shadow:inset 0 0 0 1px var(--x-line)!important;color:var(--x-mute,#71767b)!important;cursor:not-allowed}
html.r9:root .r5me-gft{margin:-4px 0 12px;color:var(--x-mute,#71767b);font:500 14px/1.35 var(--x-font)}
html.r9:root .pix-st{margin:10px 0 0;color:var(--x-ink);font:600 14px/1.4 var(--x-font)}
/* balões ⓘ (r7-tip) no estilo D: o fundo claro antigo ficava com o texto claro do D (ilegível). Agora cartão escuro com contorno, como os menus do X */
html.r9:root .r7-tip{background:#16181c!important;color:var(--x-ink)!important;box-shadow:inset 0 0 0 1px var(--x-line),0 8px 22px rgba(0,0,0,.6)!important}

/* ===== pop-up de presente recebido (22/10): fundo escuro, cartão preto, caixa em traço que desata e o selo que sobe (~1,8 s) ===== */
html.gp-open{overflow:hidden}
.gp-scrim{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:gpFade .2s ease-out both}
.gp-scrim.out{animation:gpOut .18s ease-in both}
.gp-card{position:relative;box-sizing:border-box;width:min(360px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:28px 24px 22px;background:#000;border:1px solid #2f3336;border-radius:16px;color:#e7e9ea;text-align:center;box-shadow:none;outline:none;
  animation:gpIn .46s cubic-bezier(.34,1.45,.64,1) both;font-family:Inter,system-ui,sans-serif}
.gp-x{position:absolute;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:#e7e9ea;cursor:pointer}
.gp-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.gp-x:hover{background:#16181c}.gp-x:focus-visible,.gp-go:focus-visible{outline:2px solid #79aef0;outline-offset:2px}
.gp-stage{position:relative;width:160px;height:160px;margin:0 auto 6px;perspective:520px}
.gp-box,.gp-sparks{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gp-ln{fill:none;stroke:#e7e9ea;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
/* 1) contorno da caixa desenha (0,10–0,45 s); 2) fita e laço desenham para fora a partir do nó (0,25–0,6 s) */
.gp-bl,.gp-br,.gp-lr{animation:gpDraw .36s cubic-bezier(.4,0,.2,1) .1s forwards}
.gp-ru,.gp-rd{animation:gpDraw .3s cubic-bezier(.4,0,.2,1) .28s forwards}
.gp-bowl,.gp-bowr{animation:gpDraw .32s cubic-bezier(.4,0,.2,1) .3s forwards}
/* 3) desata: laço e fita recolhem (0,62–0,8 s); a tampa sai girando e as laterais se abrem (0,7–1,05 s) */
.gp-rib,.gp-rb.gp-bowl,.gp-rb.gp-bowr{transform-origin:80px 56px}
.gp-rib{animation:gpUntie .2s ease-in .62s forwards}
.gp-lid{transform-box:view-box;transform-origin:80px 65px;animation:gpLid .4s cubic-bezier(.3,0,.2,1) .7s forwards}
.gp-bl{transform-box:view-box;transform-origin:40px 132px}.gp-br{transform-box:view-box;transform-origin:120px 132px}
.gp-body .gp-bl{animation:gpDraw .36s cubic-bezier(.4,0,.2,1) .1s forwards,gpOpenL .38s cubic-bezier(.3,0,.2,1) .74s forwards}
.gp-body .gp-br{animation:gpDraw .36s cubic-bezier(.4,0,.2,1) .1s forwards,gpOpenR .38s cubic-bezier(.3,0,.2,1) .74s forwards}
/* 4) o selo sobe de dentro com giro 3D e assenta (0,78–1,3 s) */
.gp-bw{position:absolute;left:32px;top:26px;width:96px;height:96px;transform-style:preserve-3d;opacity:0;animation:gpRise .56s cubic-bezier(.22,1.3,.4,1) .78s forwards}
.gp-badge{display:block;width:96px;height:96px}
/* 5) um brilho cruza só a arte do selo (recortado pela própria arte) (1,2–1,5 s) */
.gp-sweep{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:150% 0;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:0;animation:gpSweep .34s ease-in-out 1.18s forwards}
/* faíscas: traços brancos finos que saem e somem (1,0–1,45 s) */
.gp-sk{stroke:#e7e9ea;stroke-width:1.2;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:0;transform-box:view-box;transform-origin:80px 74px;animation:gpSpark .45s ease-out calc(1s + var(--i) * 18ms) forwards}
/* 6) texto sobe linha a linha (1,1–1,8 s) */
.gp-t{margin:0 0 6px;font:italic 800 26px/1.05 var(--display,"Barlow Condensed",sans-serif);letter-spacing:.005em;color:#e7e9ea;text-transform:none}
.gp-l1{margin:0 0 18px;font:600 16px/1.35 Inter,system-ui,sans-serif;color:#e7e9ea;overflow-wrap:anywhere}
.gp-t,.gp-l1,.gp-go{opacity:0;animation:gpUp .34s cubic-bezier(.2,.8,.2,1) forwards}
.gp-t{animation-delay:1.1s}.gp-l1{animation-delay:1.24s}.gp-go{animation-delay:1.38s}
.gp-go{display:block;width:100%;min-height:44px;border:0;border-radius:999px;background:#eff3f4;color:#0f1419;font:700 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
.gp-go:hover{background:#d7dbdc}
@keyframes gpFade{from{opacity:0}to{opacity:1}}@keyframes gpOut{to{opacity:0}}
@keyframes gpIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes gpDraw{to{stroke-dashoffset:0}}
@keyframes gpUntie{to{opacity:0;transform:scaleY(.2)}}
@keyframes gpLid{to{opacity:0;transform:translate(-8px,-34px) rotate(-18deg)}}
@keyframes gpOpenL{to{opacity:0;transform:translateX(-16px) rotate(-8deg)}}
@keyframes gpOpenR{to{opacity:0;transform:translateX(16px) rotate(8deg)}}
@keyframes gpRise{0%{opacity:0;transform:translateY(30px) scale(.55) rotateX(38deg) rotateY(-14deg)}45%{opacity:1}75%{transform:translateY(-4px) scale(1.04) rotateX(-6deg) rotateY(5deg)}100%{opacity:1;transform:none}}
@keyframes gpSweep{0%{opacity:1;background-position:150% 0}100%{opacity:1;background-position:-50% 0}}
@keyframes gpSpark{0%{opacity:0;transform:scale(.7)}35%{opacity:.9}100%{opacity:0;transform:scale(1.18)}}
@keyframes gpUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:400px){.gp-card{padding:24px 18px 18px}.gp-stage{width:136px;height:136px}.gp-bw{left:24px;top:20px;width:88px;height:88px}.gp-badge{width:88px;height:88px}.gp-t{font-size:24px}}
@media (prefers-reduced-motion:reduce){
  .gp-card{animation:gpFade .2s ease-out both}
  .gp-box,.gp-sparks,.gp-sweep{display:none}
  .gp-bw,.gp-t,.gp-l1,.gp-go{animation:none;opacity:1;transform:none}
}
/* ===== Minha inscrição (24), 22/10 Andre: mesma cara da Minha conta (23). Menos texto: explicações no ⓘ; o cartão da inscrição é o mesmo componente (subCard em conta.js) ===== */
body[data-page="inscricao"] .nm.v2{max-width:600px;justify-content:flex-start;padding-top:24px}
.cp-th{position:relative}
.cp-i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 0 0 4px;padding:0;border:0;border-radius:9999px;background:transparent;vertical-align:-6px;cursor:pointer}
.cp-i svg{width:16px;height:16px;fill:none;stroke:#71767b;stroke-width:2;stroke-linecap:round}
.cp-i:hover svg,.cp-i.on svg,.cp-i:focus-visible svg{stroke:#e7e9ea}
.cp-tip{position:absolute;left:0;top:calc(100% + 6px);z-index:5;width:max-content;max-width:min(320px,calc(100vw - 32px));padding:10px 12px;border-radius:12px;background:#000;box-shadow:inset 0 0 0 1px #2f3336,0 8px 22px rgba(0,0,0,.6);color:#e7e9ea;font:400 13px/1.45 Inter,sans-serif;letter-spacing:0;text-align:left;white-space:normal;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s;pointer-events:none}
.cp-i:hover .cp-tip,.cp-i:focus-visible .cp-tip,.cp-i.on .cp-tip{opacity:1;visibility:visible}
@media (prefers-reduced-motion:reduce){.cp-tip{transition:none}}
.cp-nt{flex:1 0 100%;margin:0;padding-left:58px;box-sizing:border-box;font:400 13px/1.3 Inter,sans-serif;color:#71767b}
.cp-ar{margin:8px 0 0}
.cp-lk{padding:0;border:0;background:none;color:#71767b;font:400 13.5px/1.4 Inter,sans-serif;text-decoration:underline;cursor:pointer}
.cp-bfs{margin-top:4px}
.cp-bf{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;padding:14px 0;box-shadow:inset 0 -1px 0 #2f3336}
.cp-bt{font:700 15px/1.3 Inter,sans-serif;color:#e7e9ea}
.cp-pv{display:flex;align-items:center;gap:6px;min-width:0;font:400 14px/1.3 Inter,sans-serif;color:#e7e9ea}
.cp-pv img{flex:none;width:18px;height:18px}
.cp-pv b{font-weight:700}.cp-pv b::after{content:":";color:#71767b;font-weight:400}
html.r9 .cp .sw{gap:10px}
html.r9 .cp .sw button{width:28px;height:28px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
html.r9 .cp .sw button[aria-checked="true"]{box-shadow:0 0 0 2px #000,0 0 0 4px #e7e9ea}
html.r9 .cp .sw button:disabled{opacity:.35;cursor:not-allowed}
html.r9:root .cp-t b.cp-num{font:700 22px/1.15 Inter,sans-serif;font-style:normal;letter-spacing:-.01em}
.cp-ft{margin:28px 0 0;font:400 12.5px/1.45 Inter,sans-serif;color:#71767b}
.cp-ft a{color:#e7e9ea}
@media (max-width:480px){.cp-nt{padding-left:0}.cp-sub .cp-nt{order:2}}
/* progresso (22/10): no celular a barra ocupa a largura toda e o texto vai embaixo (3 de 6 = metade, visível) */
@media (max-width:480px){.cp-pg{flex-wrap:wrap;gap:6px}.cp-pl{flex:1 0 100%}.cp-pg small{flex:1 1 auto}}
/* idade 13+ (22/10): uma pergunta, curta, no estilo D. Branco = confirmar; contorno = menos de 13 */
html.r9:root .scm-box.sc-age{text-align:left}
html.r9:root .sc-age h2{margin:0 0 8px}
html.r9:root .sc-age .sc-age-p{margin:0 0 18px;color:var(--x-ink,#e7e9ea);font:400 15px/1.45 Inter,system-ui,sans-serif}
html.r9:root .sc-age .sc-age-y{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px}
html.r9:root .sc-age .sc-age-n{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:10px;padding:0 16px;border:0;border-radius:9999px;background:transparent;box-shadow:inset 0 0 0 1px #536471;color:#e7e9ea;font:700 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
html.r9:root .sc-age .sc-age-n:hover{background:rgba(231,233,234,.1)}
html.r9:root .sc-age button:disabled{opacity:.5;cursor:default}
html.r9:root .sc-age .sc-age-m{margin:12px 0 0;color:#f4212e;font:500 14px/1.35 Inter,system-ui,sans-serif}
html.r9:root .sc-age .sc-age-f{margin:14px 0 0;color:#71767b;font:400 13px/1.4 Inter,system-ui,sans-serif}
html.r9:root .sc-age :focus-visible{outline:2px solid #79aef0;outline-offset:2px}
/* cartão da inscrição (23/24), celular: botão branco em largura total, na própria linha */
@media (max-width:479.98px){.cp-sub:has(.cp-go) .cp-go{order:3;flex:1 0 100%;justify-content:center;height:44px;margin-left:0}}
/* 22/10 (Andre): Presentear sem a fileira de selos no topo; o selo de presenteador fica dentro do cartão de quantidade (selo + número em cima, preço embaixo).
   "faltam X" só no cartão do próximo selo ainda não ganho. "Outro" sem selo. Busca de Uma pessoa: até 4 linhas visíveis, o resto rola dentro. */
html.r9:root .scm-box .r8-qb{margin-top:12px}
html.r9:root .scm-box .r8-qb .r8-qt{min-height:60px;padding:9px 6px 8px;column-gap:7px;row-gap:4px;overflow:visible}
html.r9:root .scm-box .r8-qb .r8-qi{grid-row:1;width:26px;height:26px;display:block;object-fit:contain}
html.r9:root .scm-box .r8-qb .r8-qo{grid-template-columns:auto}
html.r9:root .scm-box .r8-qb .r8-qo span{grid-column:1}
html.r9:root .scm-box .r8-qb .r8-qt span{white-space:nowrap}
html.r9:root .scm-box .r8-qf{position:absolute;top:-8px;right:8px;z-index:1;padding:2px 7px;border-radius:999px;background:var(--x-bg,#000);box-shadow:inset 0 0 0 1px var(--x-line,#2f3336);color:var(--x-ink,#e7e9ea);font:600 11px/1.3 var(--x-font);font-style:normal;white-space:nowrap;pointer-events:none}
html.r9:root .scm-box .r8-qt.on .r8-qf{box-shadow:inset 0 0 0 1px var(--x-ink,#e7e9ea)}
html.r9:root .r8-hits:not([hidden]){max-height:clamp(110px,calc(100dvh - 486px),179px);overflow-y:auto;overscroll-behavior:contain}
@media (max-width:400px){html.r9:root .scm-box .r8-qb{gap:6px}html.r9:root .scm-box .r8-qb .r8-qt{padding:9px 4px 8px;column-gap:5px}html.r9:root .scm-box .r8-qb .r8-qi{width:22px;height:22px}html.r9:root .scm-box .r8-qb .r8-qt span{font-size:12.5px}html.r9:root .scm-box .r8-qf{right:5px;padding:2px 6px;font-size:10.5px}}
/* ===== Presente entregue (compra de presentes), 22/10 9h36 Andre "melhora com ícone etc": selo do nível como herói + check verde, número grande,
   quem recebeu em fichas, progresso do selo de presenteador. Entrada curta no mesmo idioma do pop-up do presente (gpRise/gpSweep/gpUp), ~1,1 s. ===== */
.gx{display:grid;justify-items:center;gap:0;padding:6px 0 2px;text-align:center}
.gx-st{position:relative;width:96px;height:96px;margin:0 0 12px;perspective:420px}
.gx-bw{position:absolute;left:6px;top:6px;width:84px;height:84px;transform-style:preserve-3d;opacity:0;animation:gpRise .56s cubic-bezier(.22,1.3,.4,1) .05s forwards}
.gx-bd{display:block;width:84px;height:84px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}
.gx-sw{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) no-repeat;background-size:250% 100%;background-position:150% 0;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:0;animation:gpSweep .34s ease-in-out .5s forwards}
.gx-ck{position:absolute;right:0;bottom:2px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#10B981;box-shadow:0 0 0 3px #000;transform:scale(0);animation:gxPop .3s cubic-bezier(.3,1.6,.5,1) .62s forwards}
.gx-ck svg{width:16px;height:16px;fill:none;stroke:#04130d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.gx.none .gx-bd{opacity:.4;filter:grayscale(1)}
.gx-n{margin:0;font:700 17px/1.1 Inter,system-ui,sans-serif;color:var(--ink,#e7e9ea);font-style:normal}
.gx-n b{font:800 34px/1 Inter,system-ui,sans-serif;font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-right:2px}
.gx-n0{margin:0;font:700 17px/1.25 Inter,system-ui,sans-serif;color:var(--ink,#e7e9ea)}
.gx-who{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:10px 0 0;max-width:100%;font:500 13px/1.3 Inter,system-ui,sans-serif;color:var(--mist,#8b98a5)}
.gx-tk{display:inline-flex;align-items:center}
.gx-t{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#16181c;box-shadow:0 0 0 2px #000,inset 0 0 0 1px rgba(255,255,255,.1)}
.gx-t+.gx-t{margin-left:-7px}
.gx-t img{display:block;width:18px;height:18px}
.gx-more{margin-left:4px;padding:0 8px;height:24px;display:inline-grid;place-items:center;border-radius:999px;background:#16181c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:700 12px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--ink,#e7e9ea)}
.gx-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;padding:3px 11px 3px 3px;border-radius:999px;background:#16181c;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.gx-av{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#2f3336;font:700 12px/1 Inter,system-ui,sans-serif;color:#e7e9ea}
.gx-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.2 Inter,system-ui,sans-serif;color:var(--ink,#e7e9ea)}
.gx-fine{margin:10px 0 0;max-width:340px;font:500 12.5px/1.45 Inter,system-ui,sans-serif;color:var(--mist,#8b98a5)}
.gx-go{width:100%;margin-top:18px}.gx-go .scm-go{width:100%}
/* 22/10 9h49: cartão "Selo novo" (desbloqueio) e variante quieta "faltam X" */
.gx-un{width:100%;margin:16px 0 0;padding:12px 14px;border-radius:var(--r-tile,12px);background:#0a0a0a;box-shadow:inset 0 0 0 1px rgba(232,192,106,.28);text-align:left}
.gx-uh{display:flex;align-items:center;gap:12px;min-width:0}
.gx-ub{position:relative;flex:none;width:40px;height:40px}
.gx-ub img{display:block;width:40px;height:40px}
.gx-usw{animation-delay:1.02s}
.gx-ut{display:grid;gap:3px;min-width:0}
.gx-ue{font:700 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--g-txt,#f3d593)}
.gx-uname{font:700 14.5px/1.2 Inter,system-ui,sans-serif;color:var(--ink,#e7e9ea);font-style:normal;overflow-wrap:anywhere}
.gx-pv{display:flex;align-items:center;gap:0;margin:11px 0 0;padding:9px 0 0;border-top:1px solid var(--hair,rgba(255,255,255,.08));min-width:0;font:400 13px/1.3 Inter,system-ui,sans-serif;color:var(--ink,#e7e9ea);white-space:nowrap;overflow:hidden}
.gx-pvb{display:inline-flex;align-items:center;gap:3px;flex:none;margin-right:6px}
.gx-pvb img{display:block;width:18px;height:18px}
.gx-pvn{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.gx-pvm{flex:none;color:var(--mist,#8b98a5)}
.gx-nx{display:flex;align-items:center;gap:11px;width:100%;margin:16px 0 0;padding:10px 12px;border-radius:var(--r-tile,12px);box-shadow:inset 0 0 0 1px var(--hair,rgba(255,255,255,.08));text-align:left}
.gx-nxi{flex:none;width:28px;height:28px;opacity:.45;filter:grayscale(.6)}
.gx-nxb{flex:1;min-width:0;display:grid;gap:7px}
.gx-nxl{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font:500 12.5px/1.2 Inter,system-ui,sans-serif;color:var(--mist,#8b98a5)}
.gx-nxl small{flex:none;font:600 11.5px/1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--faint,#71767b);font-style:normal}
.gx-bar{height:2px;border-radius:2px;background:#2f3336;overflow:hidden}
.gx-bar i{display:block;height:100%;background:#e7e9ea;border-radius:2px}
.gx-n,.gx-n0,.gx-who,.gx-fine,.gx-un,.gx-nx,.gx-go{opacity:0;animation:gpUp .32s cubic-bezier(.2,.8,.2,1) forwards}
.gx-n,.gx-n0{animation-delay:.55s}.gx-who,.gx-fine{animation-delay:.68s}.gx-un,.gx-nx{animation-delay:.8s}.gx-go{animation-delay:.9s}
@keyframes gxPop{to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  .gx{animation:gpFade .2s ease-out both}
  .gx-sw{display:none}
  .gx-bw,.gx-ck,.gx-n,.gx-n0,.gx-who,.gx-fine,.gx-un,.gx-nx,.gx-go{animation:none;opacity:1;transform:none}
}

/* 22/10 16:5x: cartão da pessoa abre na hora; esqueleto leve só no que vem do servidor (linha sob o nome + selos) */
.uc-ms{display:flex;flex-direction:column;gap:3px;min-height:14px}
.uc-ms .uc-sd{margin:0}
.uc-sk{display:block;border-radius:6px;background:rgba(163,174,198,.16);animation:ucSk .9s ease-in-out infinite alternate}
.uc-sk.l{width:132px;height:10px;margin-top:3px}
.uc-skr{display:flex;justify-content:center;gap:10px;margin:6px 0 12px}
.uc-skr .uc-sk{width:32px;height:32px;border-radius:8px}
@keyframes ucSk{from{opacity:.5}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.uc-sk{animation:none}}
/* 22/10 pagador (Mercado Pago): CPF a cada compra + 18+/responsável; bloqueios (menor de 13, sem e-mail); QR real; "Pix gerado pelo Mercado Pago" */
.py{margin:4px 0 10px;text-align:left}
.py-f{display:flex;flex-direction:column;gap:5px;margin:0 0 10px}
.py-l{font-size:13px;font-weight:700;color:var(--ink,var(--x-ink))}
.py-f input{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--hair,var(--x-line));background:transparent;color:var(--ink,var(--x-ink));font:600 16px/1.2 var(--x-font,inherit);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.py-f input:focus-visible{outline:2px solid var(--accent,#79aef0);outline-offset:1px;border-color:transparent}
.py-f.bad input{border-color:#f4212e}
.py-h{font-size:11.5px;line-height:1.45;color:var(--mist,var(--x-mute))}
.py-e{font-size:12px;line-height:1.3;color:#f4212e;min-height:0}
.py-e:empty{display:none}
.py-ak{margin:0 0 12px}
.py-blk{margin:4px 0 12px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45;color:var(--ink,var(--x-ink));box-shadow:inset 0 0 0 1px var(--hair,var(--x-line))}
.scm-go:disabled,.scm-go.r7-go:disabled{opacity:.45;cursor:not-allowed}
.pix .qr.real{display:flex;align-items:center;justify-content:center}
.pix .qr.real img{display:block;width:100%;height:100%;image-rendering:pixelated}
.scm-ft p.pix-by{margin:4px 0 0;font-size:11px;line-height:1.4;color:var(--faint,var(--x-mute))}
.r4me-ft.solo .r4me-rn{flex:1}