:root { --preto: #000000; --amarelo: #ffffff; --creme: #e9e9e9;
  --papel: #e9e9e9;
  --preto-2: color-mix(in srgb, var(--creme) 6%, var(--preto));
  --preto-3: color-mix(in srgb, var(--creme) 12%, var(--preto));
  --linha: color-mix(in srgb, var(--creme) 18%, var(--preto));
  --cinza: color-mix(in srgb, var(--creme) 60%, var(--preto));
  --tinta-2: color-mix(in srgb, var(--preto) 65%, var(--papel)); }
.marca .logo { height: 34px; width: auto; align-self: center; }
body.entrar { background: var(--preto); }
body.entrar::after { mix-blend-mode: screen; opacity: .07; }
.cartao-post::before { background: var(--amarelo); }
.cartao { background: var(--preto-2); color: var(--creme); border: 1px solid var(--linha); }
.marca { min-width: 0; }
@media (max-width: 760px) { .marca span { display: none; } }
.cartao::before { display: none; }
.cartao .olho, .cartao label, .cartao .sub { color: var(--cinza); }
.cartao input { background: var(--preto); color: var(--creme); border-color: var(--linha); color-scheme: dark; }
.cartao input:focus { background: var(--preto); border-color: var(--creme); }
.cartao .botao { border-color: var(--amarelo); }
.cartao-post .capa, .mini { background: color-mix(in srgb, var(--preto) 15%, var(--papel)); }
.entrada .logo { display: block; height: 72px; width: auto; margin: 0 0 18px; }
#ondas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; display: block; }
body.entrar::after { display: none; }
.entrada { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.cartao { background: color-mix(in srgb, var(--preto) 62%, transparent); border-color: rgba(255,255,255,.14); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 18px; }
.cartao form { text-align: center; padding-top: 26px; }
.cartao label { text-align: left; }
.cartao input { border-radius: 10px; }
.cartao .botao { border-radius: 10px; }
.entrada .logo { margin: 0 auto 10px; }
@font-face { font-family: "Inter"; src: url(/estatico/fontes/Inter-Variavel.woff2); font-weight: 100 900; font-display: swap; }
:root { --titulo: "Inter", "Helvetica Neue", Arial, sans-serif; --serifa: var(--titulo); --texto: var(--titulo); --dado: var(--titulo); }
body::after, body.entrar::after, .cartao-post::before { display: none; }
.cartao, .cartao form, .fita:nth-child(odd), .fita:nth-child(even), .fita .etiqueta, .cartao-post:nth-child(odd), .cartao-post:nth-child(even), .estado { transform: none; }
.marca b, .abas a, .menu .subir, .secao, .botao, .fita .etiqueta b, .dia .data, .placar b, .semana b, .sub, .cabeca h1,
.corrigir summary, .soltar b, .cartao h1 { font-weight: 700; text-transform: none; letter-spacing: -.01em; }
.vazio, .dia .nada, .marca span, .placar p, .cartao .sub { font-style: normal; }
.marca span { font-weight: 500; }
.cartao .sub { font-size: 17px; font-weight: 400; text-transform: none; line-height: 1.3; }
.cartao h1 { font-size: 36px; line-height: 1.1; }
.olho, .cartao label { text-transform: none; letter-spacing: 0; font-weight: 600; }
.abas a { font-size: 16px; } .secao { font-size: clamp(28px, 6vw, 40px); }
.menu { background: var(--preto); color: var(--creme); border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha); }
.abas a, .menu .subir { color: var(--creme); background: transparent; }
.abas a i, .abas a[aria-current=page] i { background: var(--creme); color: var(--preto); }
.abas a:hover, .menu .subir:hover, .menu .subir.ativo { background: var(--preto-3); color: var(--creme); }
.abas a[aria-current=page] { background: var(--preto); color: var(--amarelo); box-shadow: inset 0 -3px 0 var(--amarelo); }
.cartao-post, .fita, .item.saiu, .legenda, .foto { background: var(--preto-2); color: var(--creme); border: 1px solid var(--linha); }
.cartao-post h3 a { color: var(--creme); }
.cartao-post .olho, .cartao-post .dado, .fita .tipo, .cartao-post .botao.descarta { color: var(--cinza); }
.cartao-post .capa, .mini { background: var(--preto); outline: 1px solid var(--linha); }
.cartao-post .botao { border-color: var(--creme); color: var(--creme); }
.cartao-post .botao:hover { background: var(--creme); color: var(--preto); }
.cartao-post .botao.posta { border-color: var(--amarelo); background: var(--amarelo); color: var(--preto); }
.cartao-post .botao.posta:hover { background: var(--creme); color: var(--preto); }
.fita .etiqueta { border: 1px solid var(--linha); background: var(--preto); color: var(--creme); }
.aviso, .alerta, .item.sai, .semana.cumprida, .estado.na_fila, .estado.publicando, .estado.pronto, .estado.publicado {
  background: var(--preto-3); border-color: var(--linha); color: var(--creme); }
.semana.cumprida small { color: var(--creme); }
.foto .n { background: var(--preto-3); color: var(--creme); }
.foto .mover button { border-color: var(--creme); }