*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border-width:0;border-style:solid;border-color:var(--border)}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-inter),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme=light]{--mm-sky-bright:#23c9ff;--mm-sky-primary:#0fa6fd;--mm-navy-deep:#2d3047;--mm-navy-steel:#2e4057;--mm-paper:#f8f8f8;--bg:#f6f9fc;--bg-elevated:#fff;--bg-muted:#f1f5f9;--bg-input:#fff;--fg1:#0f172a;--fg2:#475569;--fg-muted:#64748b;--fg-on-primary:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--ring:#0fa6fd;--primary:#0fa6fd;--primary-hover:#0284c7;--primary-soft:#e0f2fe;--primary-soft-fg:#075985;--selecionado:#f0f9ff;--success:#10b981;--success-soft:#d1fae5;--success-fg:#047857;--warning:#f59e0b;--warning-soft:#fef3c7;--warning-fg:#92400e;--destructive:#ef4444;--destructive-soft:#fee2e2;--destructive-fg:#b91c1c;--info:#0fa6fd;--font-sans:var(--font-inter),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:14px;--radius-pill:9999px;--radius:0.625rem;--shadow-card:0 1px 2px 0 rgba(15,23,42,.04),0 1px 6px -1px rgba(15,23,42,.06);--shadow-card-hover:0 4px 12px -2px rgba(15,23,42,.1);--shadow-card-anime:0 1px 2px rgba(16,32,64,.04);--shadow-modal:0 20px 25px -5px rgba(15,23,42,.1),0 8px 10px -6px rgba(15,23,42,.1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:400ms;--app-bg:#f6f9fc;--app-bg-image:none;--surface:#fff;--surface-2:#f8fafc;--sidebar-bg:#fff;--hover:#f1f5f9;--track:#e2e8f0;
    /* ! no escuro o tint NAO troca o rgb: so a alfa (0.12 -> 0.18).
       A unica excecao e o sky, redefinido inteiro na linha 2436.       */--tone-sky:#0284c7;--tone-sky-tint:rgba(2,132,199,.12);--tone-emerald:#059669;--tone-emerald-tint:rgba(5,150,105,.12);--tone-violet:#7c3aed;--tone-violet-tint:rgba(124,58,237,.12);--tone-amber:#d97706;--tone-amber-tint:rgba(217,119,6,.12);--tone-rose:#e11d48;--tone-rose-tint:rgba(225,29,72,.12);--tone-slate:#334155;--tone-slate-tint:rgba(51,65,85,.12);--tone-cyan:#0891b2;--tone-cyan-tint:rgba(8,145,178,.12);--sel-bg:#f0f9ff;--nav-active-bg:#e0f2fe;--avatar-line:#475569;--avatar-fill:#eef2f7;--chart-fill-sky:rgba(15,166,253,.12);--chart-fill-emerald:rgba(16,185,129,.12);--grafico-gasto:var(--tone-sky);--grafico-entrada:var(--tone-emerald);--aviso-fundo:rgba(245,158,11,.1);--aviso-tinta:rgba(245,158,11,.18);--sobre-warning:#3f2d05;--avatar-de:#0fa6fd;--avatar-ate:#7c3aed}.dark,[data-theme=dark]{--bg:#0a0a1a;--bg-elevated:hsla(0,0%,100%,.05);--bg-muted:#1e293b;--bg-input:#1e293b;--fg1:hsla(0,0%,100%,.92);--fg2:hsla(0,0%,100%,.75);--fg-muted:hsla(0,0%,100%,.55);--border:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.2);--ring:#38bdf8;--primary:#38bdf8;--primary-hover:#7dd3fc;--primary-soft:rgba(56,189,248,.18);--primary-soft-fg:#bae6fd;--selecionado:rgba(56,189,248,.1);--shadow-card:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);--shadow-card-anime:0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.2);--success-fg:#34d399;--warning-fg:#fbbf24;--destructive-fg:#fb7185;--app-bg:#0a0a1a;--app-bg-image:linear-gradient(135deg,#0a0a1a,#0d1b3e 35%,#1a0a2e 65%,#0a1628);--surface:hsla(0,0%,100%,.05);--surface-2:hsla(0,0%,100%,.03);--sidebar-bg:rgba(10,10,30,.8);--hover:hsla(0,0%,100%,.07);--track:hsla(0,0%,100%,.12);--tone-sky:#38bdf8;--tone-sky-tint:rgba(56,189,248,.18);--tone-emerald:#34d399;--tone-emerald-tint:rgba(5,150,105,.18);--tone-violet:#a78bfa;--tone-violet-tint:rgba(124,58,237,.18);--tone-amber:#fbbf24;--tone-amber-tint:rgba(217,119,6,.18);--tone-rose:#fb7185;--tone-rose-tint:rgba(225,29,72,.18);--tone-slate:#cbd5e1;--tone-slate-tint:rgba(51,65,85,.18);
    /* ! INVENCAO: o TONES do design nao tem cyan. Seguimos a receita dos
       outros seis (clareia o tom, alfa 0.18) para o `--tone-cyan` que a
       tela de contas usa. Registrado no DIVERGENCIAS.md.               */--tone-cyan:#22d3ee;--tone-cyan-tint:rgba(8,145,178,.18);--sel-bg:rgba(56,189,248,.1);--nav-active-bg:rgba(56,189,248,.16);--avatar-line:#94a3b8;--avatar-fill:rgba(148,163,184,.16);--chart-fill-sky:rgba(56,189,248,.14);--chart-fill-emerald:rgba(16,185,129,.16)}[data-area=academia]{--area-tone:var(--tone-sky);--area-tint:var(--tone-sky-tint);--area-rgb:15 166 253}[data-area=financas]{--area-tone:var(--tone-emerald);--area-tint:var(--tone-emerald-tint);--area-rgb:16 185 129}[data-area=animes]{--area-tone:var(--tone-violet);--area-tint:var(--tone-violet-tint);--area-rgb:124 58 237}[data-area=investimentos]{--area-tone:var(--tone-amber);--area-tint:var(--tone-amber-tint);--area-rgb:245 158 11}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background-color:var(--app-bg);background-image:var(--app-bg-image);background-attachment:fixed;color:var(--fg1);font-family:var(--font-sans);font-size:14px;
    /* ! ENTRELINHA `normal`, e a linha existe por causa de uma medicao.
       ---------------------------------------------------------------------
       O `preflight` do Tailwind poe `line-height: 1.5` no <html>, e nenhum
       CSS nosso dizia o contrario. O arquivo de design faz o oposto: deixa
       a entrelinha em `normal` (~1,2) e so declara valor em 14 lugares
       especificos — os que tem texto corrido.

       O `npm run decalque` mediu a diferenca em 30/08/2026: cada bloco de
       texto ficava ~3px mais alto, e o hub inteiro deslocava ate 29px. As 60
       diferencas que ele achou tinham esta unica causa.

       >>> Consequencia para quem escrever tela nova: <<<
       texto de UMA linha (rotulo, titulo, numero) nao precisa de nada.
       PARAGRAFO precisa de `lineHeight` escrito a mao — e o design escreve,
       nos 14 lugares dele. Sem isso o paragrafo fica apertado de ler.  */line-height:normal;-webkit-font-smoothing:antialiased;
    /* ! `tnum` GLOBAL. Vem do preview/_base.css do design system e vale
       para o arquivo inteiro, nao so para a classe .tabular. Sem isto,
       TODO numero fora de .tabular fica com largura diferente da do
       desenho — invisivel numa foto, obvio numa medicao.               */font-feature-settings:"rlig" 1,"calt" 1,"tnum" 1}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--track);border-radius:9999px;border:3px solid transparent;background-clip:content-box}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-\[16px_16px_calc\(104px_\+_env\(safe-area-inset-bottom\)\)\]{padding:16px 16px calc(104px + env(safe-area-inset-bottom))}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.\[-3\:BRT\]{-3:BRT}:root:not([data-theme=dark]):not(.dark){--primary:#0071b1;--tone-sky:#006ea8;--tone-emerald:#007853;--tone-amber:#a25600;--fg-muted:#5e6d84;--tone-rose:#be123c}

/* ! A TINTA DO ROSA NAO MUDOU JUNTO, e a falta e o desenho — e e o mesmo que
     ja acontece com o `--tone-emerald` e o `--tone-sky` aqui de cima.

     `--tone-rose-tint` e o valor do design (a cor cheia dele com alfa 0,12), e
     ele fica. A doze por cento sobre o cartao, a diferenca de matiz entre
     #e11d48 e #be123c nao aparece; o que aparece e o TEXTO em cima dela, que
     era o que reprovava.

     Trocando as duas, o fundo do selo tambem deixaria de bater com o design e
     o decalque ganharia uma segunda diferenca — uma diferenca que ninguem
     enxerga, perdoada para sempre, pelo prazer da simetria. */:root.dark,:root[data-theme=dark]{--success-soft:rgba(16,185,129,.18);--warning-soft:rgba(245,158,11,.18);--destructive-soft:rgba(239,68,68,.18);--fg-on-primary:#0a0a1a}.dark,:root,[data-theme=dark]{--avatar-de:#007cc1;--cartaz-veu:rgba(10,10,26,.72);--cartaz-fg:#fff;

  /* ! NAO EXISTE UM `--cartaz-trilho`, E A AUSENCIA FOI MEDIDA.

       A primeira tentativa deu ao trilho uma cor propria (#767b85). A regua
       reprovou com 1,91, e a conta explica por que NENHUMA cor resolveria:
       sobre a capa branca o veu compoe uma luminancia de 0,078, e ai o trilho
       precisaria de luminancia >= 0,334 para se separar do veu, e <= 0,300
       para a barra branca se separar dele. As duas contas nao se encontram.

       As saidas seriam escurecer o veu ate 0,88 de alfa — e ai a arte da capa
       some justamente na faixa que existe para deixa-la aparecer — ou inverter
       as cores da barra, pintando de escuro o que ja foi visto.

       A saida escolhida e a terceira: o TRILHO E O PROPRIO VEU. A faixa
       escura atravessa o cartaz inteiro na borda de baixo, e a parte cheia e
       branca em cima dela. A borda do cartaz e a marca dos 100%, e o numero
       ("Ep. 17 de 28") esta escrito logo acima. */--cartaz-favorito:#fbbf24;--capa-pior-caso:#fff;--arte-degrade:linear-gradient(180deg,rgba(10,10,26,.28),rgba(10,10,26,0) 26%,rgba(10,10,26,.22) 58%,rgba(10,10,26,.62))}@media (min-width:640px){.sm\:block{display:block}}@media (min-width:768px){.md\:flex{display:flex}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:p-\[24px_28px_56px\]{padding:24px 28px 56px}}.hv-surface:hover{background:var(--hover)}.hv-op9:hover{opacity:.9}.hv-primary-fg:hover{color:var(--primary)}.ficha-de-tipo{border:1px solid var(--border);background:var(--surface-2)}.ficha-de-tipo:has(:checked){border-color:var(--primary);background:var(--selecionado)}.ficha-de-tipo:has(:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.so-claro{display:contents}.dark .so-claro,.so-escuro,[data-theme=dark] .so-claro{display:none}.dark .so-escuro,[data-theme=dark] .so-escuro{display:contents}.cartao-hub{border-color:var(--border);box-shadow:0 10px 30px -18px rgb(var(--hub-rgb)/.55),var(--shadow-card)}.cartao-hub:hover{border-color:var(--hub-tone);box-shadow:0 14px 34px -14px rgb(var(--hub-rgb)/.55)}.dark .cartao-hub,[data-theme=dark] .cartao-hub{border-color:rgb(var(--hub-rgb)/.35);box-shadow:0 0 0 1px rgb(var(--hub-rgb)/.1),0 18px 48px -18px rgb(var(--hub-rgb)/.55)}.dark .cartao-hub:hover,[data-theme=dark] .cartao-hub:hover{border-color:var(--hub-tone);box-shadow:0 0 0 1px rgb(var(--hub-rgb)/.3),0 22px 60px -16px rgb(var(--hub-rgb)/.75)}.sinopse-texto{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}.sinopse-recolhivel:has(.sinopse-abrir[open]) .sinopse-texto{display:block;overflow:visible}

/* ! O `display: flex` MORA AQUI, E NAO NO `style` DO COMPONENTE, e isto
       nao e arrumacao: estilo embutido vence classe, sempre. Com um
       `display: "flex"` no elemento, o `display: none` de baixo nao valeria
       — e o rodape continuaria aparecendo no celular, sem erro nenhum.

       Foi exatamente o que aconteceu na primeira medicao. E e a segunda vez
       neste arquivo: o `.ficha-coluna` la embaixo conta a primeira.

       O recuo de cima e o do desenho (`:45`): 6 pontos abaixo do controle. */.sinopse-rodape{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px}@media (max-width:687px){.sinopse-recolhivel:not(:has(.sinopse-abrir[open])) .sinopse-rodape{display:none}}.secao-que-abre>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;
    /* ! O RECUO E DO CABECALHO, E NAO DO CARTAO — `:79` e `:131`.
         Desde 07/09/2026 o cartao tem recuo zero (`MOLDURA_SEM_RECUO`),
         para a linha de um episodio atravessar de borda a borda. Quem
         recua e cada pedaco de dentro, e este e o do cabecalho.

         Antes daqui morava uma margem NEGATIVA de 6, que crescia o alvo
         para dentro do recuo do cartao. Sem recuo no cartao nao ha para
         onde crescer: os 44 pontos agora saem do conteudo mais o recuo,
         que da exatamente 44 (20 de texto + 14 + 10). */padding:14px 14px 10px}.secao-que-abre>summary::-webkit-details-marker{display:none}.secao-que-abre>summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:8px}.secao-que-abre:not([open]) .secao-seta{transform:rotate(-90deg)}.secao-seta{color:var(--fg-muted);transition:transform .2s ease}.ficha-topo{display:grid}.ficha-topo>*{grid-area:1/1}

/* ! A PROPORCAO MORA NUM VAZIO, E NAO NA ARTE, e a primeira versao punha
       na arte — o que parecia funcionar e nao funcionava. Um item de grade
       com `aspect-ratio` NAO estica: a proporcao ganha do esticamento, e a
       arte ficava na altura dela enquanto a caixa passava por baixo.

       Medido a 320 pontos: arte 288 x 245, caixa 264 mais 28 de folga. A
       caixa sobrava 33 pontos para fora da imagem.

       Com a proporcao num pedaco invisivel, ela vira so o PISO da altura da
       celula: a arte nao tem proporcao nenhuma e estica ate o que for maior
       — ela ou a caixa. */.ficha-topo:before{content:"";grid-area:1/1;aspect-ratio:4/3.4}@media (max-width:687px){.ficha-topo:before{aspect-ratio:4/5}}.ficha-arte{position:relative;overflow:hidden;border-radius:16px;background:var(--surface-2);display:flex;align-items:center;justify-content:center}

/* ! A COR E DO ICONE, E NAO DO QUADRO. Ela morava no quadro, e o decalque
       cobrou: um quadro sem texto herda a cor da tela nos dois lados, e a
       nossa passava a ser a do icone. O icone so aparece quando nao ha nem
       arte larga nem poster. */.ficha-arte>svg{color:var(--fg-muted)}.ficha-arte-veu{position:absolute;inset:0;pointer-events:none;background:var(--arte-degrade)}.ficha-caixa{align-self:end;margin:14px;
    /* ! SEM ISTO A CAIXA SOME, e some sem nenhum erro. As duas dividem a
         mesma celula da grade, e `.ficha-arte` e `position: relative` —
         elemento posicionado pinta DEPOIS de bloco nao posicionado, por
         mais que venha antes no HTML. A caixa era desenhada primeiro e a
         arte por cima dela.

         Achado na primeira captura de tela, e nao por trava: a medicao
         dizia que a caixa estava la, com 330 por 228, no lugar certo. E
         estava — atras da imagem. */position:relative;min-width:0}.sinopse-abrir>summary{list-style:none;cursor:pointer}.sinopse-abrir>summary::-webkit-details-marker{display:none}.sinopse-abrir>summary:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.sinopse-abrir:not([open]) .sinopse-aberta,.sinopse-abrir[open] .sinopse-fechada{display:none}.sinopse-abrir[open] .sinopse-seta{transform:rotate(180deg)}.alvo-de-toque{position:relative}.alvo-de-toque:after{content:"";position:absolute;inset:-10px 0}

/* ! O `display: flex` DA COLUNA MORA AQUI, E NAO NO `style` DA FICHA,
       e isto NAO e arrumacao: estilo embutido vence classe, sempre. Com
       um `display: "flex"` no elemento, o `display: contents` de baixo
       nunca valeria — e a ordem no celular continuaria a antiga, sem
       erro nenhum, sem nada vermelho.

       E exatamente o defeito que a trava de `estilo.test.ts` descreve, e
       eu o escrevi de novo antes de perceber. */.ficha-coluna{display:flex;flex-direction:column;gap:14px}@media (max-width:687px){.ficha-coluna{display:contents}
    /* ! A ORDEM MUDOU EM 07/09/2026, com o desenho novo da ficha
         (`Ficha do Anime.dc.html`). Entrou o cartao do progresso, e o
         sugeridor desceu para o fim: no desenho o "ver outras partes"
         e a ULTIMA coisa da tela, depois da ficha tecnica.

         Isso reforca o que ja estava escrito acima — o sugeridor e a
         tarefa rara, e agora ele esta atras de todas as frequentes. */.ficha-cartao{order:1}.ficha-progresso{order:2}.ficha-partes{order:3}.ficha-episodios{order:4}.ficha-tecnica{order:5}.ficha-sugeridor{order:6}.ficha-tirar{order:7}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}