*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font:400 var(--tipo-corpo)/1.5 var(--fonte)}main{padding:var(--espaco-4)}h1{font-size:var(--tipo-grande);line-height:1.05;font-weight:500;letter-spacing:-.03em;margin:0 0 var(--espaco-4)}h2{font-size:var(--tipo-titulo);line-height:1.15;font-weight:500;margin:0 0 var(--espaco-3)}h3{font-size:var(--tipo-corpo);font-weight:600;margin:var(--espaco-3) 0 var(--espaco-1)}p{margin:0 0 var(--espaco-2);max-width:85ch}a{color:var(--texto);text-underline-offset:4px}section{margin-top:var(--espaco-6)}figure{margin:0}figcaption{font-size:var(--tipo-nota);margin-top:var(--espaco-1)}img{display:block;max-width:100%;height:auto}.amostras{display:flex;align-items:flex-end;gap:var(--espaco-3);flex-wrap:wrap}.amostras figure{padding-block:var(--espaco-2)}.w480{width:480px}.w240,.word240{width:240px}.word480{width:480px}.w120{width:120px}.w64{width:64px}.w36{width:36px}.w32{width:32px}.w24{width:24px}.w16{width:16px}.escalas{margin-bottom:var(--espaco-3)}.simbolos{display:grid;grid-template-columns:1fr 1fr 2fr 2fr;gap:var(--espaco-3);align-items:center}.symbol{width:110px}.dark{background:var(--fundo);color:var(--texto);padding:var(--espaco-3)}.icons{display:flex;gap:var(--espaco-3);align-items:center}.pixel16{width:64px;image-rendering:pixelated}.pixel32{width:128px;image-rendering:pixelated}.lockups{display:flex;gap:var(--espaco-4);align-items:center;flex-wrap:wrap}.respiro{display:grid;grid-template-columns:320px 1fr;gap:var(--espaco-4);align-items:center;margin-block:var(--espaco-4)}.respiro>div{background:var(--superficie);padding:12px}.paleta{display:flex;margin-bottom:var(--espaco-3)}.paleta span{padding:var(--espaco-3);flex:1}.dia{background:var(--fundo)}.pedra{background:var(--superficie)}.ink{background:var(--texto);color:var(--fundo)}.noite{background:#2B3835;color:#F3F4F1}.folha{background:var(--folha);color:#F3F4F1}.interfaces,.tipo{display:grid;grid-template-columns:1fr 1fr;gap:var(--espaco-4)}.interface{background:var(--superficie);color:var(--texto);padding:var(--espaco-3)}.interface header{display:flex;align-items:center;justify-content:space-between;gap:var(--espaco-2)}.navmarca{width:80px}.interface p{font-size:var(--tipo-nota)}.proxima{color:var(--proxima)}.prazo{color:var(--prazo)}.erro{color:var(--erro)}.exito{color:var(--exito)}.bloqueio{color:var(--bloqueio)}label{display:block;font-size:var(--tipo-nota)}input{display:block;width:100%;font:inherit;border:2px solid var(--borda);background:var(--fundo);color:var(--texto);padding:var(--espaco-1);border-radius:var(--raio);margin-block:var(--espaco-1) var(--espaco-2)}input::placeholder{color:var(--secundario);opacity:1}button{font:600 var(--tipo-nota) var(--fonte);padding:var(--espaco-2);background:var(--acao);color:var(--sobre-acao);border:0;border-radius:var(--raio);min-height:44px;cursor:pointer;transition:transform var(--duracao) var(--curva)}button:hover{text-decoration:underline}button:active{transform:translateY(2px)}:focus-visible{outline:3px solid var(--foco);outline-offset:4px}summary{padding-block:var(--espaco-3);cursor:pointer;min-height:44px}table{border-collapse:collapse;width:100%;font-size:var(--tipo-nota);font-variant-numeric:tabular-nums}td,th{padding:var(--espaco-1);text-align:left}tbody tr:nth-child(odd){background:var(--superficie)}.table-scroll{overflow-x:auto}.grande{font-size:36px;line-height:1.1;letter-spacing:-.02em}footer{margin-top:var(--espaco-6);background:var(--superficie);padding:var(--espaco-3)}.estudo{background:var(--superficie);padding:var(--espaco-3);margin-top:var(--espaco-4)}.comparar{display:flex;gap:var(--espaco-6);align-items:center;margin-top:var(--espaco-3)}.zoom24{width:192px;image-rendering:pixelated}
.amostras figure{max-width:100%;min-width:0}.simbolos>*{min-width:0}.table-scroll{max-width:100%}.sinal{display:inline-block;width:1em;height:1em;vertical-align:-.15em;margin-right:var(--espaco-1)}
@media(max-width:700px){main{padding:var(--espaco-2)}h1{font-size:36px}h2{font-size:var(--tipo-titulo)}.simbolos{grid-template-columns:repeat(2,minmax(0,1fr))}.simbolos .dark{padding:var(--espaco-2)}.simbolos>div{grid-column:1/-1}.interfaces,.tipo,.respiro{grid-template-columns:minmax(0,1fr)}.paleta{flex-wrap:wrap}.paleta span{flex-basis:50%}.lockups{display:grid;grid-template-columns:minmax(0,1fr)}.comparar{flex-wrap:wrap}.grande{font-size:24px}.interface header span{font-size:var(--tipo-nota)}section{margin-top:var(--espaco-5)}}