# Ícone de Dock em vidro — luz por trás, aro que morre nos cantos

Aprendido em 2026-09-11 replicando o render `refff` (nó `622:1897`, arquivo
`<figma-componentes>`) no efeito GLASS nativo do Figma. Ficha completa e
medidas em `~/Documents/MNZS/replicas/nash-navigator-dock-glass/SPEC.md`.
Renderizado e visto — o antes e o depois estão em `medidas/`.

- **O GLASS do Figma não é uma aparência, é uma leitura do fundo.** Ele refrata
  o que está atrás do nó. Sobre fundo chapado ele devolve o fundo chapado, e o
  resultado é indistinguível de `blur()` mais um gradiente. Duas formas de matá-lo
  sem perceber: um filho opaco cobrindo o nó (o efeito renderiza e o filho pinta
  por cima) e não haver nada atrás para refratar. As duas estavam presentes.
- **A luz mora atrás do vidro, nunca nele.** O violeta da referência é uma fonte
  de luz por trás da placa, recortada na silhueta do ladrilho, subindo só até um
  terço da altura. Pintado como gradiente de fill *na* placa, o mesmo violeta lê
  como plástico colorido. A troca de camada é o efeito inteiro.
- **`depth` é medida real, em px.** 100 num ladrilho de 280 px é 36 % do lado: o
  bisel toma a peça e volta a ler como degradê. A parede de vidro da referência
  mede 1 % do lado (6–9 px em 772). `depth 20` em 280 acerta.
- **O aro morre nos cantos, e é esse detalhe que separa vidro de borda branca.**
  Perfil medido de 15 em 15 graus: flanco direito lum 209, esquerdo 166, topo 85,
  cantos 17 a 28. Reproduzido com `GRADIENT_ANGULAR` de quatro lobos
  (posição 0 = 0°, cresce anti-horário), claro em 0/90/180/270 e quase zerado em
  45/135/225/315. Gradiente linear vertical — o reflexo de sempre — dá a
  polaridade oposta: claro no topo, apagado nos flancos.
- **`lightAngle` se escolhe por varredura, não por intuição.** Quatro valores
  medidos contra o perfil do aro da referência: 225 ganhou (erro médio 33 contra
  41 do 0) e põe o canto apagado em 135°, onde a referência também apaga.
  `lightIntensity` alto espalha o especular pelos cantos e sabota o aro;
  `splay` baixo aperta a queda.
- **`refraction` alto borra a marca.** 0,9 deixa o símbolo ilegível atrás do
  vidro; 0,55 com `radius` (geada) 2 mantém a leitura e ainda distorce nas bordas.
- **Recorte:** o container precisa de `clipsContent false` para a sombra da placa
  não ser cortada, então o que fica atrás do vidro vai num frame interno próprio,
  com o raio do ladrilho e `clipsContent true`. Sem esse frame o brilho de hover
  vaza e o flash de clique aparece como quadrado de canto vivo.
- **`cornerSmoothing 0,6`** (o squircle da Apple) existe e aceita, mas não aparece
  na tipagem exposta pelo skill do Figma — vale tentar dentro de `try`.
- **Conota**: um corpo que deixa ver através de si não esconde nada, e a cor que
  aparece dentro dele vem de fora. A luz por baixo lê como energia contida — some
  no estado inativo, volta no ativo, então o violeta significa "ligado". O aro que
  apaga nas curvas é o que um vidro real faz e um retângulo com borda nunca faz.

**Armadilha da API, paga na sessão:** `blendMode` não é chave aceita no efeito
`NOISE` desta versão do plugin, e a rejeição **reverte o script inteiro** —
inclusive mutações já aplicadas em iterações anteriores do mesmo laço. Auditar o
estado depois de qualquer falha; nunca assumir que o que passou ficou.