sagadeck 1.2.0

package/src/runtime/science.js

@@ -0,0 +1,89 @@
+(function () {
+  let loader;
+  function load() {
+    if (window.Plotly) return Promise.resolve();
+    return loader ||= new Promise((resolve,reject) => {
+      const script = document.createElement('script');
+      script.src = 'plotly.min.js'; script.onload = resolve;
+      script.onerror = () => { loader = null; script.remove(); reject(new Error('Não foi possível carregar o gráfico.')); };
+      document.head.append(script);
+    });
+  }
+  // cores do tema do slide (--s1..--s5) para as curvas; "em", "hi"… como no deck
+  function palette(p) {
+    const cs = getComputedStyle(p);
+    const pick = (n) => cs.getPropertyValue(`--${n}`).trim();
+    // Uma cor de preenchimento (hi) pode sumir como traço no mesmo tema.
+    const canvas = document.createElement('canvas').getContext('2d');
+    const rgb = color => {
+      const probe = document.createElement('i'); probe.style.color = color; p.append(probe);
+      canvas.fillStyle = getComputedStyle(probe).color; probe.remove();
+      canvas.clearRect(0, 0, 1, 1); canvas.fillRect(0, 0, 1, 1);
+      return [...canvas.getImageData(0, 0, 1, 1).data].slice(0, 3);
+    };
+    const luminance = c => c.map(v => v / 255).map(v => v <= .04045 ? v / 12.92 : ((v + .055) / 1.055) ** 2.4).reduce((s,v,i) => s + v * [.2126,.7152,.0722][i],0);
+    const bg = luminance(rgb(pick('bg') || '#fff'));
+    const readable = color => {
+      const source = rgb(color), target = bg > .4 ? 0 : 255;
+      for (let a = 0; a <= 1.01; a += .05) {
+        const c = source.map(v => Math.round(v * (1-a) + target * a));
+        const l = luminance(c);
+        if ((Math.max(l,bg)+.05)/(Math.min(l,bg)+.05) >= 3) return `rgb(${c.join(',')})`;
+      }
+      return target ? '#fff' : '#000';
+    };
+    return { series: [1, 2, 3, 4, 5].map((i) => readable(pick(`s${i}`) || ['#7760ed', '#e0672c', '#1b998b', '#c2185b', '#3d5a80'][i - 1])), named: (c) => readable(pick(c) || c) };
+  }
+  // fórmula -> traces: a mesma conta do motor (src/science.js), com os valores atuais dos controles
+  function formulaTraces(m, values, p) {
+    const F = window.SagaFormula, col = palette(p), out = [];
+    if (!m.surface) m.functions.forEach((f, i) => { // com superfície 3D, só ela (curva 2D e 3D juntas não combinam)
+      if (!f.ok) return;
+      const s = F.sample(F.compile(f.fn, ['x']), m.x, values, 400, m.xlog);
+      out.push({ type: 'scatter', mode: 'lines', name: f.name, x: s.x, y: s.y, line: { width: 4, dash: ['solid','dash','dot','dashdot'][i % 4], color: f.color ? col.named(f.color) : col.series[i % 5] } });
+    });
+    if (m.points && !m.surface) out.push({ type: 'scatter', mode: 'markers', name: m.points.name, x: m.points.x, y: m.points.y, marker: { size: 11, color: col.series[out.length % 5] } });
+    if (m.surface) {
+      const c = F.compile(m.surface, ['x', 'y']), n = 61, xs = Array.from({ length: n }, (_, i) => m.x[0] + ((m.x[1] - m.x[0]) * i) / (n - 1));
+      out.push({ type: 'surface', x: xs, y: xs, z: xs.map((y) => xs.map((x) => c.eval({ ...values, x, y }))), colorscale: 'Viridis', showscale: true });
+    }
+    return out;
+  }
+  const valuesOf = (p) => Object.fromEntries([...p.querySelectorAll('[data-param]')].map((i) => [i.dataset.param, Number(i.value)]));
+  async function mount(root = document) {
+    const plots = [...root.querySelectorAll('.science-plot:not([data-mounted])')];
+    if (!plots.length) return;
+    plots.forEach(p=>p.dataset.mounted='pending');
+    try {
+      await load();
+      await Promise.all(plots.map(async p => {
+        const m = JSON.parse(p.querySelector('.science-data').textContent);
+        const target = p.querySelector('.science-plot-target');
+        const formula = m.kind === 'formula';
+        const data = formula ? formulaTraces(m, valuesOf(p), p) : m.data;
+        const layout = {separators:',.',paper_bgcolor:'rgba(0,0,0,0)',plot_bgcolor:'rgba(0,0,0,0)',font:{size:20,color:getComputedStyle(p).color},margin:{t:35,b:65,l:75,r:40},showlegend:data.length > 1,legend:{orientation:'h',y:1.08},
+          ...m.layout, autosize:true};
+        // eixos: os do modelo (log, faixa) juntam com o que o deck pôs em layout (títulos), sem um apagar o outro
+        if (formula) {
+          layout.xaxis = { ...(m.xlog ? { type: 'log', range: m.x.map((v) => Math.log10(v)) } : { range: m.x, zeroline: true }), ...(m.layout.xaxis || {}) };
+          layout.yaxis = { ...(m.ylog ? { type: 'log' } : {}), ...(m.y ? { range: m.ylog ? m.y.map((v) => Math.log10(v)) : m.y } : {}), ...(m.layout.yaxis || {}) };
+        }
+        if (formula && !data.length) return void (p.dataset.mounted = 'ready'); // nada para desenhar: fica a dica
+        target.replaceChildren(); // sai a prévia desenhada, entra o gráfico que se explora
+        await window.Plotly.newPlot(target,data,layout,{responsive:true,displaylogo:false,scrollZoom:true});
+        // controles deslizantes: mudou o valor, a curva redesenha (sem mexer no zoom que a pessoa escolheu)
+        p.querySelectorAll('[data-param]').forEach((input) => {
+          const stop = (e) => e.stopPropagation(); // setas e espaço no controle não trocam de slide
+          input.addEventListener('keydown', stop); input.addEventListener('pointerdown', stop); input.addEventListener('click', stop);
+          input.addEventListener('input', () => {
+            input.nextElementSibling.textContent = String(+Number(input.value).toFixed(3)).replace('.', ',');
+            window.Plotly.react(target, formulaTraces(m, valuesOf(p), p), { ...target.layout, datarevision: Date.now() });
+          });
+        });
+        p.dataset.mounted='ready';
+      }));
+    } catch (e) { plots.forEach(p=>{p.dataset.mounted='error';p.querySelector('.science-help').textContent=e.message;}); }
+  }
+  window.SagaScience = {mount, dispose(root) { root.querySelectorAll('.science-plot-target').forEach(p=>window.Plotly?.purge(p)); }};
+  window.SagaScienceReady = mount();
+})();

package/src/runtime/skins/aluminio.css

@@ -0,0 +1,31 @@
+/* Alumínio (lançamento de iPhone e iPad, 2020-2021): prata metálico com brilho de luz de estúdio, alumínio escovado,
+   títulos cromados (a cor continua sólida em "color": o fiscal mede o contraste por ela), cartões de metal com
+   chanfro de luz; capa com o título embaixo à esquerda e um disco de metal polido à direita; o escuro é grafite */
+/* o metal sai das cores do tom (--bg, --fg, --surface): com uma paleta por cima, ele acompanha */
+.th-aluminio{background-color:var(--bg);background-image:radial-gradient(120% 90% at 18% 0%,color-mix(in srgb,#fff 45%,var(--bg)) 0%,transparent 55%),linear-gradient(165deg,color-mix(in srgb,#fff 25%,var(--bg)) 0%,var(--bg) 48%,color-mix(in srgb,#000 12%,var(--bg)) 100%)}
+.th-aluminio:is(.tone-dark,.tone-accent){background-image:radial-gradient(110% 80% at 80% 0%,color-mix(in srgb,#fff 14%,var(--bg)) 0%,transparent 60%),linear-gradient(170deg,color-mix(in srgb,#fff 8%,var(--bg)) 0%,var(--bg) 65%,color-mix(in srgb,#000 30%,var(--bg)) 100%)}
+/* escovado: linhas finíssimas na horizontal, quase nada (dá o "metal" sem virar listra) */
+.th-aluminio::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.025) 1px 3px)}
+.th-aluminio.tone-dark::after{opacity:.35;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,.08) 1px 3px)}
+/* título cromado: grafite que clareia no meio, como o reflexo num corpo de alumínio */
+.th-aluminio .ttl{background:linear-gradient(180deg,color-mix(in srgb,var(--fg) 82%,var(--bg)) 0%,var(--fg) 38%,color-mix(in srgb,var(--fg) 80%,var(--bg)) 62%,color-mix(in srgb,var(--fg) 58%,var(--bg)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
+.th-aluminio .ttl :is(mark,.em,.katex){-webkit-text-fill-color:currentColor}
+.th-aluminio.tone-accent .ttl,.th-aluminio.tone-alert .ttl{background:none;-webkit-text-fill-color:currentColor}
+/* kicker: pílula de metal com contorno fino, sem fundo cheio */
+.th-aluminio .kicker{align-self:flex-start;padding:6px 20px;border:1.5px solid color-mix(in srgb,var(--fg) 28%,transparent);border-radius:999px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;background:transparent}
+/* capa e fim: o título embaixo à esquerda; à direita, um disco de metal polido (o brilho de um produto) */
+.th-aluminio .L-cover:not(:has(.cv-fig)) .cv-main,.th-aluminio .L-end:not(:has(.en-fig)) .en-main{justify-content:flex-end;align-items:flex-start;text-align:left;padding-bottom:30px;max-width:1150px}
+.th-aluminio .orn i:nth-child(1){display:block;width:760px;height:760px;right:-160px;top:-120px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffffff 0%,#eceef1 18%,#c3c6cc 46%,#9a9da4 70%,#d9dbdf 100%);box-shadow:inset -30px -40px 80px rgba(0,0,0,.18),inset 30px 30px 60px rgba(255,255,255,.7),0 40px 120px rgba(0,0,0,.12)}
+.th-aluminio.tone-dark .orn i:nth-child(1){background:radial-gradient(circle at 34% 28%,#6e6e73 0%,#3a3a3e 30%,#1c1c1e 70%,#2c2c2e 100%);box-shadow:inset -30px -40px 80px rgba(0,0,0,.5),inset 20px 20px 60px rgba(255,255,255,.08),0 40px 120px rgba(0,0,0,.5)}
+.th-aluminio .orn i:nth-child(2){display:block;left:120px;right:120px;bottom:96px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 30%,transparent),transparent)}
+.th-aluminio:not(.L-cover-slide):not(.L-end-slide):not(.L-section-slide)>.orn i:nth-child(1){display:none}
+.th-aluminio.L-cover-slide .cv-fig,.th-aluminio.L-end-slide .en-fig{z-index:1}
+/* seção: número grande em metal, o título ao lado */
+.th-aluminio .L-section:not(:has(.sc-fig)){flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:60px;padding-bottom:40px}
+.th-aluminio .sc-num{font-size:220px;line-height:.8;background:linear-gradient(180deg,#ffffff 0%,#c7c9ce 45%,#8e9097 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.12))}
+/* cartões, números e citação: alumínio com chanfro (luz em cima, sombra embaixo) */
+.th-aluminio :is(.card:not(.card-hi),.stat-card,.step-card,.cp-col:not(.hl),.ps-panel){background:linear-gradient(180deg,color-mix(in srgb,#fff 30%,var(--surface)) 0%,var(--surface) 55%,color-mix(in srgb,#000 6%,var(--surface)) 100%);border:1px solid color-mix(in srgb,var(--fg) 10%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 60%,transparent),inset 0 -1px 0 rgba(0,0,0,.06),0 18px 40px -18px rgba(0,0,0,.3)}
+.th-aluminio .cd-ico,.th-aluminio .st-icon,.th-aluminio .step-icon{background:radial-gradient(circle at 35% 30%,#ffffff,#d1d3d8 60%,#b5b8be);color:var(--em);box-shadow:inset 0 -2px 4px rgba(0,0,0,.15)}
+.th-aluminio .hd::after{content:"";flex:none;width:120px;height:4px;border-radius:4px;background:linear-gradient(90deg,#8e8e93,#e5e5ea,#8e8e93)}
+.th-aluminio .li-n{color:var(--muted)}
+.th-aluminio .q-mark{color:#a1a1a6}

package/src/runtime/skins/arcade.css

@@ -0,0 +1,25 @@
+/* Arcade: tela de tubo (azul-noite, linhas de varredura, brilho no meio), neon, tudo de pixel. A capa tem o título no
+   meio, uma placa de "PLAYER 1" (kicker com fundo e borda de pixel) e o chão de tijolinhos de um jogo de plataforma */
+/* o fundo sai do --bg do tom: com uma paleta por cima, ele acompanha */
+.th-arcade{background-color:var(--bg);background-image:radial-gradient(120% 90% at 50% 45%,color-mix(in srgb,var(--fg) 9%,var(--bg)) 0%,var(--bg) 62%,color-mix(in srgb,#000 40%,var(--bg)) 100%)}
+/* linhas de varredura e a curvinha escura da borda do tubo */
+.th-arcade::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0 2px,transparent 2px 4px),radial-gradient(130% 120% at 50% 50%,transparent 60%,rgba(0,0,0,.55) 100%)}
+.th-arcade .ttl{text-shadow:0 0 18px color-mix(in srgb,var(--hi) 45%,transparent),4px 4px 0 color-mix(in srgb,var(--em) 70%,transparent)}
+.th-arcade .kicker{align-self:flex-start;background:var(--hi);color:var(--on-hi);border:4px solid var(--fg);box-shadow:4px 4px 0 var(--em);padding:4px 16px;text-transform:uppercase;font-size:30px;letter-spacing:.1em}
+/* capa e fim: no meio, como a tela de "PRESS START" */
+.th-arcade .L-cover:not(:has(.cv-fig)) .cv-main,.th-arcade .L-end:not(:has(.en-fig)) .en-main{align-items:center;text-align:center;justify-content:center;gap:34px}
+.th-arcade :is(.L-cover,.L-end) .kicker{align-self:center}
+/* chão de tijolos (capa, seção e fim) e uma moeda de pixel no alto */
+.th-arcade .orn i:nth-child(1){display:block;left:0;right:0;bottom:0;height:64px;background:linear-gradient(0deg,#7a3b12 0 6px,transparent 6px),repeating-linear-gradient(90deg,#c8642a 0 60px,#7a3b12 60px 64px),#c8642a;box-shadow:inset 0 6px 0 #ffb066,inset 0 -6px 0 #5a2a0c}
+.th-arcade .orn i:nth-child(2){display:block;width:48px;height:48px;right:150px;top:120px;background:#ffd23f;box-shadow:0 0 0 6px #b88a00,0 0 30px #ffd23f;clip-path:polygon(25% 0,75% 0,75% 12%,88% 12%,88% 25%,100% 25%,100% 75%,88% 75%,88% 88%,75% 88%,75% 100%,25% 100%,25% 88%,12% 88%,12% 75%,0 75%,0 25%,12% 25%,12% 12%,25% 12%)}
+.th-arcade:not(.L-cover-slide):not(.L-end-slide):not(.L-section-slide)>.orn i{display:none}
+/* seção: "WORLD 1-1" — o número grande em pixel, o título embaixo */
+.th-arcade .L-section:not(:has(.sc-fig)){flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px}
+.th-arcade .sc-num{font-family:'Press Start 2P',monospace;font-size:120px;color:var(--hi);text-shadow:6px 6px 0 var(--em)}
+/* conteúdo: cartões com borda de pixel e sombra dura, ícones em quadradinho, números da lista em placa */
+.th-arcade :is(.card:not(.card-hi),.stat-card,.step-card,.cp-col:not(.hl),.ps-panel){background:var(--surface);border:4px solid color-mix(in srgb,var(--fg) 85%,transparent);border-radius:0;box-shadow:8px 8px 0 color-mix(in srgb,var(--em) 75%,transparent)}
+.th-arcade .card-hi{border:4px solid var(--fg);box-shadow:8px 8px 0 var(--em)}
+.th-arcade .cd-ico,.th-arcade .st-icon,.th-arcade .step-icon{border-radius:0;background:var(--hi);color:var(--on-hi);box-shadow:4px 4px 0 var(--em)}
+.th-arcade .li-n{background:var(--hi);color:var(--on-hi);padding:2px 10px;font-family:'VT323',monospace}
+.th-arcade .hd::after{content:"";flex:none;width:180px;height:8px;background:repeating-linear-gradient(90deg,var(--hi) 0 16px,transparent 16px 24px)}
+.th-arcade .q-mark{color:var(--em)}

package/src/runtime/skins/aurora.css

@@ -0,0 +1,17 @@
+/* Aurora: dois brilhos desfocados nos cantos, capa centralizada com traço em gradiente sob o título */
+.th-aurora .orn i:nth-child(1){display:block;width:640px;height:640px;left:-220px;top:-240px;border-radius:50%;background:var(--hi);filter:blur(120px);opacity:.35}
+.th-aurora .orn i:nth-child(2){display:block;width:560px;height:560px;right:-180px;bottom:-260px;border-radius:50%;background:var(--em);filter:blur(120px);opacity:.3}
+.th-aurora .kicker{letter-spacing:.2em;color:var(--hi)}
+.th-aurora .L-cover:not(:has(.cv-fig)) .cv-main,.th-aurora .L-end:not(:has(.en-fig)) .en-main{align-items:center;text-align:center}
+.th-aurora :is(.L-cover,.L-end) .ttl{padding-bottom:30px;background:linear-gradient(90deg,var(--hi),var(--em)) no-repeat 50% 100%/240px 6px}
+.th-aurora .sc-num{background:linear-gradient(180deg,var(--hi),var(--em));-webkit-background-clip:text;background-clip:text;color:transparent}
+/* conteúdo: traço em gradiente sob o título, cartões de vidro com brilho, números da lista com traço luminoso, citação
+   e número grande em vidro, frase centralizada */
+.th-aurora .hd::after{content:"";flex:none;width:200px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--hi),var(--em))}
+.th-aurora :is(.card:not(.card-hi),.stat-card){background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid color-mix(in srgb,var(--hi) 35%,transparent);box-shadow:0 0 40px color-mix(in srgb,var(--hi) 18%,transparent)}
+.th-aurora .li-n{color:var(--hi);border-bottom:3px solid var(--em);padding-bottom:8px}
+.th-aurora .L-quote{align-items:center;text-align:center;padding:0 160px}
+.th-aurora .q-mark{color:var(--hi)}
+.th-aurora .q-text{background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid color-mix(in srgb,var(--hi) 35%,transparent);border-radius:var(--radius);padding:50px 70px}
+.th-aurora .nb-main{background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid color-mix(in srgb,var(--hi) 35%,transparent);border-radius:var(--radius);padding:40px 60px}
+.th-aurora .L-statement{align-items:center;text-align:center}

package/src/runtime/skins/bauhaus.css

@@ -0,0 +1,19 @@
+/* Bauhaus: círculo, quadrado e triângulo na capa e no fim, faixa de cor na lateral, número da seção num círculo */
+.th-bauhaus .orn i:nth-child(4){display:block;left:0;top:0;bottom:0;width:18px;background:var(--hi)}
+.th-bauhaus:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(1){display:block;right:-120px;top:-120px;width:520px;height:520px;border-radius:50%;background:var(--hi)}
+.th-bauhaus:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(2){display:block;right:280px;bottom:0;width:230px;height:230px;background:var(--em)}
+.th-bauhaus:is(.L-cover-slide,.L-end-slide) .orn i:nth-child(3){display:block;right:40px;bottom:0;border-left:130px solid transparent;border-right:130px solid transparent;border-bottom:220px solid var(--fg)}
+.th-bauhaus .kicker{align-self:flex-start;background:var(--hi);color:var(--on-hi);padding:8px 18px}
+.th-bauhaus .L-cover .cv-main,.th-bauhaus .L-end .en-main{justify-content:flex-end}
+.th-bauhaus .sc-num{display:flex;align-items:center;justify-content:center;width:440px;height:440px;border-radius:50%;background:var(--hi);color:var(--on-hi);font-size:230px}
+/* conteúdo: círculo de cor acima do título, cartões com faixa grossa no alto alternando as primárias, números da lista
+   em círculos, marca da citação num círculo, número grande e frase com bloco de cor */
+.th-bauhaus .hd::before{content:"";flex:none;width:56px;height:56px;border-radius:50%;background:var(--em)}
+.th-bauhaus :is(.card,.stat-card){border-radius:0;border-top:18px solid var(--hi)}
+.th-bauhaus :is(.card,.stat-card):nth-child(3n+2){border-top-color:var(--em)}
+.th-bauhaus :is(.card,.stat-card):nth-child(3n){border-top-color:var(--fg)}
+.th-bauhaus .li-n{display:flex;align-items:center;justify-content:center;width:92px;height:92px;min-width:92px;border-radius:50%;background:var(--hi);color:var(--on-hi);font-size:38px}
+.th-bauhaus .li-b{border:0;border-radius:0;background:var(--em);width:26px;height:26px}
+.th-bauhaus .q-mark{width:170px;height:170px;border-radius:50%;background:var(--hi);color:var(--on-hi);text-align:center;font-size:240px;line-height:1.05;overflow:hidden}
+.th-bauhaus .nb-val{border-left:24px solid var(--hi);padding-left:40px;margin-left:0}
+.th-bauhaus .st-body{border-top:18px solid var(--hi);padding-top:40px}

package/src/runtime/skins/editorial.css

@@ -0,0 +1,19 @@
+/* Editorial (revista): fio duplo no alto, chapéu entre fios, capa e fim centralizados; seção com o número à direita */
+.th-editorial .orn i:nth-child(1){display:block;left:120px;right:120px;top:58px;border-top:2px solid var(--fg)}
+.th-editorial .orn i:nth-child(2){display:block;left:120px;right:120px;top:66px;border-top:1px solid var(--fg)}
+.th-editorial .kicker{align-self:flex-start;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:8px 0;text-transform:uppercase;letter-spacing:.3em}
+.th-editorial .L-cover:not(:has(.cv-fig)) .cv-main,.th-editorial .L-end:not(:has(.en-fig)) .en-main{align-items:center;text-align:center}
+.th-editorial .L-cover .kicker,.th-editorial .L-end .kicker{align-self:center}
+.th-editorial .L-section:not(:has(.sc-fig)){flex-direction:row-reverse}
+.th-editorial .sc-num{font-style:italic;border-left:2px solid var(--fg);padding-left:50px}
+/* conteúdo: título sobre fio fino, cartões sem caixa (só o fio de coluna no alto), número da lista em itálico com fio,
+   citação e frase centralizadas entre fios, número grande em itálico sublinhado */
+.th-editorial .hd{border-bottom:1px solid var(--fg);padding-bottom:26px}
+.th-editorial :is(.card:not(.card-hi),.stat-card){background:transparent;border:0;border-top:2px solid var(--fg);border-radius:0;padding:32px 8px 0}
+.th-editorial .li-n{font-style:italic;border-right:1px solid var(--fg);padding-right:24px}
+.th-editorial .L-quote{align-items:center;text-align:center;padding:0 160px}
+.th-editorial .q-mark{height:100px}
+.th-editorial .q-text{border-top:1px solid var(--fg);border-bottom:1px solid var(--fg);padding:40px 0}
+.th-editorial .nb-val{font-style:italic;border-bottom:2px solid var(--fg)}
+.th-editorial .L-statement{align-items:center;text-align:center}
+.th-editorial .st-body{border-top:1px solid var(--fg);border-bottom:1px solid var(--fg);padding:36px 0}

package/src/runtime/skins/jornal.css

@@ -0,0 +1,17 @@
+/* Jornal: cabeçalho com fio grosso e fino, fio no pé, chapéu com fio duplo, manchete no alto sublinhada, seção com fio de coluna */
+.th-jornal .orn i:nth-child(1){display:block;left:80px;right:80px;top:56px;height:8px;border-top:3px solid var(--fg);border-bottom:1px solid var(--fg)}
+.th-jornal .orn i:nth-child(2){display:block;left:80px;right:80px;bottom:76px;border-top:1px solid var(--fg)}
+.th-jornal .kicker{align-self:flex-start;border-top:4px double currentColor;padding-top:10px;text-transform:uppercase;letter-spacing:.18em}
+.th-jornal .L-cover .cv-main,.th-jornal .L-end .en-main{justify-content:flex-start}
+.th-jornal .L-cover .ttl{border-bottom:2px solid var(--fg);padding-bottom:14px}
+.th-jornal .sc-num{font-size:220px;border-right:2px solid var(--fg);padding-right:60px}
+/* conteúdo: título sobre fio duplo, cartões como colunas de jornal (fio vertical, sem caixa), número da lista em
+   tarja escura, citação e frase entre fio grosso e fino, número grande sublinhado grosso */
+.th-jornal .hd{border-bottom:4px double var(--fg);padding-bottom:22px}
+.th-jornal :is(.card:not(.card-hi),.stat-card){background:transparent;border:0;border-left:1px solid var(--fg);border-radius:0;padding:10px 0 10px 36px}
+.th-jornal .li-n{background:var(--fg);color:var(--bg);padding:6px 14px 0;text-align:center}
+.th-jornal .li-b{border:0;border-radius:0;background:var(--fg);width:18px;height:18px}
+.th-jornal .q-mark{display:none}
+.th-jornal .q-text{font-style:italic;border-top:6px solid var(--fg);border-bottom:2px solid var(--fg);padding:36px 0}
+.th-jornal .nb-val{border-bottom:6px solid var(--fg);padding-bottom:10px}
+.th-jornal .st-body{border-top:6px solid var(--fg);border-bottom:2px solid var(--fg);padding:34px 0}

package/src/runtime/skins/manual-noite.css

@@ -0,0 +1,14 @@
+/* Manual noite (documentação técnica escura): tudo alinhado à esquerda como numa página de docs; título com filete embaixo, chapéu
+   em mono como um caminho de arquivo, cartões e código com borda fina, sem ornamento. Mesmo arranjo do manual (par claro). */
+.th-manual-noite{--doc-rule:color-mix(in srgb,var(--fg) 14%,transparent)}
+.th-manual-noite .kicker{font-family:var(--font-mono,monospace);letter-spacing:.02em;text-transform:none;color:var(--em)}
+.th-manual-noite .hd{align-items:flex-start;text-align:left;padding-bottom:22px;margin-bottom:40px;border-bottom:2px solid var(--doc-rule)}
+.th-manual-noite .hd .ttl{text-align:left}
+.th-manual-noite :is(.card:not(.card-hi),.stat-card,.adaptive-item){background:var(--surface);border:1px solid var(--doc-rule);box-shadow:none}
+.th-manual-noite .code{border:1px solid var(--doc-rule)}
+.th-manual-noite .L-cover:not(:has(.cv-fig)) .cv-main{align-items:flex-start;text-align:left;border-left:10px solid var(--em);padding-left:56px}
+.th-manual-noite .L-section:not(:has(.sc-fig)){flex-direction:row;align-items:center;gap:48px;text-align:left}
+.th-manual-noite .L-section .sc-num{font-family:var(--font-mono,monospace);font-size:96px;color:var(--em)}
+.th-manual-noite .L-quote{border-left:8px solid var(--em);padding-left:60px}
+.th-manual-noite .L-statement{align-items:flex-start;text-align:left}
+.th-manual-noite .li-n{font-family:var(--font-mono,monospace);color:var(--em)}

package/src/runtime/skins/manual.css

@@ -0,0 +1,14 @@
+/* Manual (documentação técnica): tudo alinhado à esquerda como numa página de docs; título com filete embaixo, chapéu
+   em mono como um caminho de arquivo, cartões e código com borda fina, sem ornamento. O par manual-noite usa o mesmo arranjo. */
+.th-manual{--doc-rule:color-mix(in srgb,var(--fg) 14%,transparent)}
+.th-manual .kicker{font-family:var(--font-mono,monospace);letter-spacing:.02em;text-transform:none;color:var(--em)}
+.th-manual .hd{align-items:flex-start;text-align:left;padding-bottom:22px;margin-bottom:40px;border-bottom:2px solid var(--doc-rule)}
+.th-manual .hd .ttl{text-align:left}
+.th-manual :is(.card:not(.card-hi),.stat-card,.adaptive-item){background:var(--surface);border:1px solid var(--doc-rule);box-shadow:none}
+.th-manual .code{border:1px solid var(--doc-rule)}
+.th-manual .L-cover:not(:has(.cv-fig)) .cv-main{align-items:flex-start;text-align:left;border-left:10px solid var(--em);padding-left:56px}
+.th-manual .L-section:not(:has(.sc-fig)){flex-direction:row;align-items:center;gap:48px;text-align:left}
+.th-manual .L-section .sc-num{font-family:var(--font-mono,monospace);font-size:96px;color:var(--em)}
+.th-manual .L-quote{border-left:8px solid var(--em);padding-left:60px}
+.th-manual .L-statement{align-items:flex-start;text-align:left}
+.th-manual .li-n{font-family:var(--font-mono,monospace);color:var(--em)}

package/src/runtime/skins/noite.css

@@ -0,0 +1,21 @@
+/* Noite (sala de decisão): moldura fina na cor de destaque, chapéu entre traços, tudo centralizado e sóbrio */
+.th-noite .orn i:nth-child(1){display:block;inset:34px;border:1.5px solid color-mix(in srgb,var(--hi) 70%,transparent)}
+.th-noite .kicker{display:flex;align-items:center;gap:22px;letter-spacing:.35em;text-transform:uppercase;color:var(--hi)}
+.th-noite .kicker::before,.th-noite .kicker::after{content:"";width:60px;height:1px;background:currentColor}
+.th-noite .L-cover:not(:has(.cv-fig)) .cv-main,.th-noite .L-end:not(:has(.en-fig)) .en-main{align-items:center;text-align:center}
+.th-noite .L-section:not(:has(.sc-fig)){flex-direction:column;justify-content:center;gap:10px;text-align:center}
+.th-noite .L-section .sc-num{font-size:150px;color:var(--hi)}
+.th-noite .sc-text{align-items:center}
+/* conteúdo: título centralizado, cartões vazados com fio de latão, números da lista em anel fino, citação, número e
+   frase centralizados (sala de decisão: simétrico e sóbrio) */
+.th-noite .hd{align-items:center;text-align:center}
+.th-noite .hd .ttl{text-align:center}
+.th-noite :is(.card:not(.card-hi),.stat-card){background:transparent;border:1.5px solid color-mix(in srgb,var(--hi) 60%,transparent);border-radius:0}
+.th-noite .li-n{display:flex;align-items:center;justify-content:center;width:96px;height:96px;min-width:96px;border:1.5px solid var(--hi);border-radius:50%;font-size:38px;color:var(--hi)}
+.th-noite .L-quote{align-items:center;text-align:center;padding:0 140px}
+.th-noite .q-mark{color:var(--hi)}
+.th-noite .L-number:not(:has(.nb-side)){justify-content:center}
+.th-noite .L-number:not(:has(.nb-side)) .nb-main{flex:none;align-items:center;text-align:center}
+.th-noite .L-statement{align-items:center;text-align:center}
+/* botão Voltar (navegação por caminhos) fora da barra/moldura do tema */
+.th-noite .nav-back{top:46px;left:60px}

package/src/runtime/skins/oceano.css

@@ -0,0 +1,17 @@
+/* Oceano: ondas no pé, chapéu em pílula, seção com o número em contorno acima do título */
+.th-oceano .orn i:nth-child(1),.th-oceano .orn i:nth-child(2){display:block;left:-10%;right:-10%;height:420px;border-radius:50% 50% 0 0/60% 60% 0 0}
+.th-oceano .orn i:nth-child(1){bottom:-330px;background:color-mix(in srgb,var(--hi) 20%,transparent)}
+.th-oceano .orn i:nth-child(2){bottom:-350px;left:10%;right:-30%;background:color-mix(in srgb,var(--hi) 32%,transparent)}
+.th-oceano .kicker{align-self:flex-start;background:var(--hi);color:var(--on-hi);padding:6px 22px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em}
+.th-oceano .L-section:not(:has(.sc-fig)){flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
+.th-oceano .sc-num{font-size:200px;color:transparent;-webkit-text-stroke:3px var(--fg)}
+/* conteúdo: traço arredondado sob o título, cartões bem arredondados e flutuando (sombra), números da lista em bolhas,
+   citação e frase em balão, número grande numa pílula */
+.th-oceano .hd::after{content:"";flex:none;width:160px;height:8px;border-radius:8px;background:var(--hi)}
+.th-oceano :is(.card:not(.card-hi),.stat-card){border:0;border-radius:40px;box-shadow:0 18px 40px color-mix(in srgb,var(--fg) 12%,transparent)}
+.th-oceano .li-n{display:flex;align-items:center;justify-content:center;width:92px;height:92px;min-width:92px;border-radius:50%;background:color-mix(in srgb,var(--hi) 22%,var(--bg));color:var(--fg);font-size:38px}
+.th-oceano .L-quote{justify-content:center}
+.th-oceano .q-text{background:var(--surface);border-radius:48px;padding:50px 70px}
+.th-oceano .nb-val{align-self:flex-start;background:color-mix(in srgb,var(--hi) 16%,var(--bg));border-radius:999px;padding:14px 70px 0;margin:10px 0 6px}
+.th-oceano .L-statement{align-items:center;text-align:center}
+.th-oceano .st-body{background:var(--surface);border-radius:48px;padding:50px 70px}

package/src/runtime/skins/pop.css

@@ -0,0 +1,23 @@
+/* Pop: adesivos (selo serrilhado e bloco torto), chapéu em etiqueta inclinada, capa e seção centralizadas com sombra chapada */
+.th-pop .orn i:nth-child(1){display:block;top:40px;right:60px;width:80px;height:80px;border-radius:50%;background:var(--hi);border:5px dashed var(--bg);outline:5px solid var(--hi);transform:rotate(12deg)}
+.th-pop:is(.L-cover-slide,.L-section-slide,.L-end-slide) .orn i:nth-child(1){width:150px;height:150px;top:50px;right:70px}
+.th-pop .orn i:nth-child(2){display:block;left:60px;bottom:50px;width:70px;height:70px;background:var(--em);border-radius:20px;transform:rotate(-14deg)}
+.th-pop .kicker{align-self:flex-start;background:var(--em);color:var(--bg);padding:6px 18px;border-radius:12px;transform:rotate(-3deg);text-transform:uppercase}
+.th-pop .L-cover:not(:has(.cv-fig)) .cv-main,.th-pop .L-end:not(:has(.en-fig)) .en-main{align-items:center;text-align:center}
+.th-pop :is(.L-cover,.L-end,.L-section) .kicker{align-self:center}
+.th-pop :is(.L-cover,.L-section) .ttl{text-shadow:6px 6px 0 var(--hi)}
+.th-pop .L-section:not(:has(.sc-fig)){flex-direction:column;justify-content:center;text-align:center;gap:0}
+.th-pop .L-section .sc-num{font-size:180px}
+.th-pop .sc-text{align-items:center}
+/* conteúdo: título com sombra chapada, cartões com contorno grosso e sombra dura (levemente tortos), números da lista
+   em etiquetas, citação e frase em balão de HQ, número grande com sombra chapada */
+.th-pop .hd .ttl{text-shadow:5px 5px 0 var(--hi)}
+.th-pop .hd{transform:rotate(-1deg)}
+.th-pop :is(.card,.stat-card){border:4px solid var(--fg);box-shadow:10px 10px 0 var(--fg)}
+.th-pop :is(.card,.stat-card):nth-child(odd){transform:rotate(-1.2deg)}
+.th-pop :is(.card,.stat-card):nth-child(even){transform:rotate(1deg)}
+.th-pop .li-n{background:var(--em);color:var(--bg);border-radius:18px;padding:6px 16px 0;transform:rotate(-4deg)}
+.th-pop .L-quote{align-items:center;text-align:center;padding:0 120px}
+.th-pop .q-text{background:var(--surface);border:4px solid var(--fg);border-radius:40px;box-shadow:10px 10px 0 var(--hi);padding:50px 70px}
+.th-pop .nb-val{text-shadow:10px 10px 0 var(--hi);transform:rotate(-3deg)}
+.th-pop .st-body{border:4px solid var(--fg);border-radius:30px;box-shadow:10px 10px 0 var(--hi);padding:50px 70px}

package/src/runtime/skins/prata.css

@@ -0,0 +1,18 @@
+/* Prata (Keynote): nada de enfeite; muito respiro, tudo centralizado, título contido, número da seção discreto */
+.th-prata .L-cover:not(:has(.cv-fig)) .cv-main,.th-prata .L-end:not(:has(.en-fig)) .en-main{align-items:center;text-align:center;gap:28px}
+.th-prata :is(.L-cover,.L-end) .ttl{max-width:1300px}
+.th-prata .kicker{color:var(--muted);letter-spacing:.02em}
+.th-prata .L-section:not(:has(.sc-fig)){flex-direction:column;justify-content:center;text-align:center;gap:24px}
+.th-prata .L-section .sc-num{font-size:120px;color:var(--muted)}
+.th-prata .sc-text{align-items:center}
+/* conteúdo: tudo centralizado e com ar; cartões sem caixa, números da lista discretos, citação e número grande no meio */
+.th-prata .hd{align-items:center;text-align:center;margin-bottom:70px}
+.th-prata .hd .ttl{text-align:center}
+.th-prata :is(.card:not(.card-hi),.stat-card){background:transparent;border:0;text-align:center;align-items:center}
+.th-prata .li-n{color:var(--muted);font-size:40px}
+.th-prata .L-quote{align-items:center;text-align:center;padding:0 200px}
+.th-prata .q-mark{color:var(--muted);font-size:200px;height:90px}
+.th-prata .L-number:not(:has(.nb-side)){justify-content:center}
+.th-prata .L-number:not(:has(.nb-side)) .nb-main{flex:none;align-items:center;text-align:center}
+.th-prata .L-statement{align-items:center;text-align:center}
+.th-prata .st-body{max-width:1400px}

package/src/runtime/skins/prisma.css

@@ -0,0 +1,28 @@
+/* Prisma: cor localizada, hierarquia ampla e superfícies claras. */
+.th-prisma .kicker{color:var(--c-c5);letter-spacing:.12em;font-size:23px}
+.th-prisma .hd{align-items:flex-start;text-align:left;margin-bottom:32px}
+.th-prisma .hd .ttl{text-align:left;letter-spacing:-.045em}
+.th-prisma .slide-num{color:var(--c-c5)}
+.th-prisma :is(.card,.adaptive-item,.bt-tile){border:1px solid var(--line);box-shadow:none;background:#fff}
+.th-prisma :is(.card,.adaptive-item):nth-child(5n+1){--item-color:var(--c-c1)}
+.th-prisma :is(.card,.adaptive-item):nth-child(5n+2){--item-color:var(--c-c2)}
+.th-prisma :is(.card,.adaptive-item):nth-child(5n+3){--item-color:var(--c-c3)}
+.th-prisma :is(.card,.adaptive-item):nth-child(5n+4){--item-color:var(--c-c4)}
+.th-prisma :is(.card,.adaptive-item):nth-child(5n){--item-color:var(--c-c5)}
+.th-prisma :is(.adaptive-index,.adaptive-value,.card-icon){color:var(--item-color,var(--em))}
+.th-prisma .adaptive-ribbon .adaptive-item{border:0;border-top:5px solid var(--item-color);border-radius:0;background:transparent}
+.th-prisma .adaptive-mosaic .adaptive-item{border-top:6px solid var(--item-color)}
+.th-prisma .L-cover .ttl{letter-spacing:-.065em;line-height:1.02}
+.th-prisma .L-cover .sub{color:var(--muted);font-size:36px;max-width:800px}
+.th-prisma .L-section .sc-num{color:var(--c-c5);letter-spacing:-.08em}
+.th-prisma .L-statement{align-items:flex-start;text-align:left}
+.th-prisma .L-statement .st-line{letter-spacing:-.045em}
+.th-prisma .meeting-option{border-left:5px solid var(--c-c1);background:#fff}
+.th-prisma .meeting-option:nth-child(2){border-left-color:var(--c-c2)}
+.th-prisma .meeting-option:nth-child(3){border-left-color:var(--c-c3)}
+.th-prisma .meeting-actions button{border-radius:12px}
+.th-prisma .ps-letter{color:var(--c-c5)}
+.th-prisma .ps-panel:nth-child(2) .ps-letter{color:var(--c-c2)}
+.th-prisma .ps-panel:nth-child(3) .ps-letter{color:var(--c-c3)}
+.th-prisma .ps-panel:nth-child(4) .ps-letter{color:var(--c-c4)}
+.th-prisma .pg-frame{border:0;background:#fff;border-radius:24px}

package/src/runtime/skins/rabisco.css

@@ -0,0 +1,18 @@
+/* Rabisco: fitas adesivas nos cantos, chapéu com marca-texto torto, títulos de capa e seção levemente inclinados */
+.th-rabisco .orn i:nth-child(1),.th-rabisco .orn i:nth-child(2){display:block;top:26px;width:170px;height:44px;background:color-mix(in srgb,var(--hi) 45%,transparent);box-shadow:0 2px 4px #0000001a}
+.th-rabisco .orn i:nth-child(1){left:70px;transform:rotate(-8deg)}
+.th-rabisco .orn i:nth-child(2){right:70px;transform:rotate(7deg)}
+.th-rabisco .kicker{align-self:flex-start;background:color-mix(in srgb,var(--hi) 55%,transparent);padding:2px 14px;transform:rotate(-2deg)}
+.th-rabisco :is(.L-cover,.L-section,.L-end) .ttl{transform:rotate(-1.5deg)}
+.th-rabisco .sc-num{transform:rotate(-6deg)}
+/* conteúdo: risco de caneta sob o título, cartões tracejados e tortinhos, números da lista circulados à mão, citação
+   num papel de recado, número e frase levemente inclinados */
+.th-rabisco .hd::after{content:"";flex:none;width:320px;height:16px;border-top:5px solid var(--hi);border-radius:50%;transform:rotate(-2deg)}
+.th-rabisco :is(.card:not(.card-hi),.stat-card){background:transparent;border:3px dashed var(--line);border-radius:26px 8px 30px 10px/12px 30px 8px 26px}
+.th-rabisco :is(.card,.stat-card):nth-child(odd){transform:rotate(-.8deg)}
+.th-rabisco :is(.card,.stat-card):nth-child(even){transform:rotate(.8deg)}
+.th-rabisco .li-n{display:flex;align-items:center;justify-content:center;width:90px;height:84px;min-width:90px;border:3px solid var(--em);border-radius:48% 52% 45% 55%/55% 45% 52% 48%;font-size:38px;transform:rotate(-4deg)}
+.th-rabisco .q-mark{transform:rotate(-8deg);margin-bottom:40px}
+.th-rabisco .q-text{background:color-mix(in srgb,var(--hi) 18%,transparent);padding:40px 50px;transform:rotate(-1deg)}
+.th-rabisco .nb-val{transform:rotate(-3deg)}
+.th-rabisco .st-body{transform:rotate(-1deg)}

package/src/runtime/skins/relevo.css

@@ -0,0 +1,33 @@
+/* Relevo: a sala de controle de um filme de ficção científica, sóbria. Fundo grafite com um halo frio, curvas de nível
+   finíssimas, cantoneiras de mira, painéis de vidro fosco com traço gelo, rótulos técnicos em monoespaçada.
+   Capa: o título leve embaixo à esquerda, um rótulo técnico com traço antes, as curvas de nível concentradas à direita */
+/* o fundo sai das cores do tom (--bg, --hi): com uma paleta por cima, ele acompanha (a letra nunca cai na cor do fundo) */
+.th-relevo{background-color:var(--bg);background-image:radial-gradient(90% 70% at 72% 30%,color-mix(in srgb,var(--hi) 9%,var(--bg)) 0%,var(--bg) 60%,color-mix(in srgb,#000 22%,var(--bg)) 100%)}
+/* curvas de nível ao fundo (anéis concêntricos deformados), quase invisíveis */
+.th-relevo::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:
+  repeating-radial-gradient(ellipse 60% 48% at 78% 34%,transparent 0 38px,color-mix(in srgb,var(--hi) 8%,transparent) 38px 39px),
+  repeating-radial-gradient(ellipse 40% 30% at 18% 92%,transparent 0 30px,color-mix(in srgb,var(--hi) 6%,transparent) 30px 31px)}
+/* cantoneiras de mira nos quatro cantos */
+.th-relevo .orn i{display:block;width:44px;height:44px;border:0 solid color-mix(in srgb,var(--hi) 50%,transparent)}
+.th-relevo .orn i:nth-child(1){left:48px;top:44px;border-left-width:1.5px;border-top-width:1.5px}
+.th-relevo .orn i:nth-child(2){right:48px;top:44px;border-right-width:1.5px;border-top-width:1.5px}
+.th-relevo .orn i:nth-child(3){left:48px;bottom:44px;border-left-width:1.5px;border-bottom-width:1.5px}
+.th-relevo .orn i:nth-child(4){right:48px;bottom:44px;border-right-width:1.5px;border-bottom-width:1.5px}
+/* rótulo técnico: um traço antes, monoespaçada fina */
+.th-relevo .kicker{display:flex;align-items:center;gap:16px;color:var(--hi);font-size:20px;background:transparent}
+.th-relevo .kicker::before{content:"";width:46px;height:1.5px;background:currentColor;opacity:.8}
+.th-relevo .ttl mark{background:transparent;color:var(--hi);box-shadow:inset 0 -.035em 0 color-mix(in srgb,var(--hi) 55%,transparent)}
+/* capa e fim: título leve embaixo à esquerda, bem grande */
+.th-relevo .L-cover:not(:has(.cv-fig)) .cv-main,.th-relevo .L-end:not(:has(.en-fig)) .en-main{justify-content:flex-end;padding-bottom:70px;max-width:1300px}
+.th-relevo :is(.L-cover,.L-end) .ttl{font-weight:200}
+/* seção: número fino e enorme, como uma leitura de instrumento */
+.th-relevo .L-section:not(:has(.sc-fig)){flex-direction:row;align-items:center;gap:70px}
+.th-relevo .sc-num{font-size:260px;font-weight:100;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--hi) 70%,transparent)}
+/* conteúdo: vidro fosco com traço gelo e um marcador de canto */
+.th-relevo :is(.card:not(.card-hi),.stat-card,.step-card,.cp-col:not(.hl),.ps-panel){background:linear-gradient(180deg,color-mix(in srgb,var(--fg) 5%,transparent),color-mix(in srgb,var(--fg) 2%,transparent));border:1px solid color-mix(in srgb,var(--hi) 20%,transparent);border-radius:6px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--fg) 6%,transparent),0 30px 60px -30px rgba(0,0,0,.5);backdrop-filter:blur(6px)}
+.th-relevo .card-hi{border:1px solid color-mix(in srgb,var(--hi) 55%,transparent)}
+.th-relevo .cd-ico,.th-relevo .st-icon,.th-relevo .step-icon{background:transparent;border:1px solid color-mix(in srgb,var(--hi) 50%,transparent);color:var(--hi);border-radius:4px}
+.th-relevo .hd::after{content:"";flex:none;width:90px;height:1.5px;background:linear-gradient(90deg,var(--hi),transparent)}
+.th-relevo .li-n{color:var(--hi);font-family:'Cascadia Mono',monospace;font-weight:400}
+.th-relevo .q-mark{color:var(--em)}
+.th-relevo .st-val,.th-relevo .nb-val{font-weight:200}

package/src/runtime/skins/sinal.css

@@ -0,0 +1,16 @@
+/* Sinal (sinalização): faixa zebrada de aviso no pé, losango de atenção, selo no chapéu; capa e fim ancorados embaixo */
+.th-sinal .orn i:nth-child(1){display:block;left:0;right:0;bottom:0;height:22px;background:repeating-linear-gradient(-45deg,var(--fg) 0 26px,transparent 26px 52px) var(--hi)}
+.th-sinal .orn i:nth-child(2){display:block;top:40px;right:48px;width:40px;height:40px;border:6px solid var(--hi);transform:rotate(45deg)}
+.th-sinal .kicker{align-self:flex-start;background:var(--fg);color:var(--bg);padding:8px 16px;text-transform:uppercase;letter-spacing:.12em}
+.th-sinal .L-cover .cv-main,.th-sinal .L-end .en-main{justify-content:flex-end}
+.th-sinal .sc-num{font-size:300px;border:14px solid currentColor;padding:10px 40px 0;border-radius:var(--radius)}
+/* conteúdo: título com barra de aviso ao lado, cartões de placa (faixa escura no alto), marcador em placa amarela,
+   citação e frase com a barra de aviso, número grande dentro de uma placa */
+.th-sinal .hd{border-left:14px solid var(--hi);padding-left:30px}
+.th-sinal :is(.card,.stat-card){border-top:12px solid var(--fg);border-radius:0 0 var(--radius) var(--radius)}
+.th-sinal .li-n{background:var(--hi);color:var(--on-hi);padding:8px 14px 2px;text-align:center}
+.th-sinal .li-b{border-radius:0;transform:translateY(-.08em) rotate(45deg)}
+.th-sinal .L-quote{border-left:14px solid var(--hi);padding-left:60px}
+.th-sinal .q-mark{display:none}
+.th-sinal .nb-val{align-self:flex-start;border:12px solid currentColor;border-radius:var(--radius);padding:14px 40px 0;margin:10px 0 6px}
+.th-sinal .L-statement{border-left:14px solid var(--hi);padding-left:60px}

package/src/runtime/skins/terminal.css

@@ -0,0 +1,23 @@
+/* Terminal: todo slide é uma janela (barra com três bolinhas e o caminho), chapéu com prompt, capa no alto */
+.th-terminal .orn i:nth-child(1){display:block;left:0;right:0;top:0;height:54px;background:var(--surface);border-bottom:1px solid var(--line)}
+.th-terminal .orn i:nth-child(2){display:block;left:28px;top:19px;width:16px;height:16px;border-radius:50%;background:var(--em);box-shadow:26px 0 var(--hi),52px 0 var(--muted)}
+.th-terminal .orn i:nth-child(3){display:block;left:0;right:0;top:17px;text-align:center;font:18px/1 "Cascadia Mono",Consolas,monospace;color:var(--muted)}
+.th-terminal .orn i:nth-child(3)::after{content:"~/apresentacao"}
+.th-terminal .kicker::before{content:"> ";color:var(--hi)}
+.th-terminal .L-cover .cv-main,.th-terminal .L-end .en-main{justify-content:flex-start}
+.th-terminal .sc-num::before{content:"#";opacity:.4}
+.th-terminal .headbar{top:70px}
+/* conteúdo: título como comando ($) sobre linha tracejada, cartões como janelinhas (barra no alto), lista [01],
+   marcador em cursor, citação e frase com a barra do prompt, número grande num painel */
+.th-terminal .hd{border-bottom:1px dashed var(--line);padding-bottom:22px}
+.th-terminal .hd .ttl::before{content:"$ ";color:var(--hi)}
+.th-terminal :is(.card:not(.card-hi),.stat-card){background:transparent;border:1px solid var(--line);border-top:34px solid var(--surface);border-radius:6px}
+.th-terminal .li-n::before{content:"[";opacity:.5}
+.th-terminal .li-n::after{content:"]";opacity:.5}
+.th-terminal .li-b{border:0;border-radius:0;background:var(--hi);width:16px;height:30px}
+.th-terminal .L-quote{border-left:4px solid var(--hi);padding-left:50px}
+.th-terminal .q-mark{display:none}
+.th-terminal .nb-val{align-self:flex-start;background:var(--surface);border:1px solid var(--line);padding:20px 40px 0;margin:10px 0 6px}
+.th-terminal .st-body{border-left:4px solid var(--hi);padding-left:40px}
+/* botão Voltar (navegação por caminhos) fora da barra/moldura do tema */
+.th-terminal .nav-back{top:9px;left:120px}

package/src/runtime/vendor/KATEX-LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2013-2020 Khan Academy and other contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/runtime/vendor/MERMAID-LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 - 2022 Knut Sveidqvist
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/runtime/vendor/PLOTLY-LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016-2024 Plotly Technologies Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.