.notas-pagina{padding-bottom:4rem;--poeira: var(--borda-sutil)}.cabecalho-notas{max-width:var(--largura-max);margin:0 auto;padding:2rem var(--pad-lateral) 0}.cabecalho-notas__titulo{margin:0;font-size:var(--t-pagina);font-weight:400;line-height:1.1}.acoes-notas{max-width:var(--largura-max);margin:1rem auto 0;padding:0 var(--pad-lateral);display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;justify-content:space-between}.acoes-notas__conta{font-size:var(--t-micro);color:var(--texto-suave)}.mural{position:relative;max-width:var(--largura-max);margin:.75rem auto 0;min-height:34rem;padding:1rem;border:2px solid var(--linha);background-color:var(--fundo-elevado);background-image:radial-gradient(var(--poeira) 1px,transparent 1px);background-size:22px 22px;box-shadow:var(--sombra-dura);overflow:hidden}.mural__vazio{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:var(--t-micro);color:var(--texto-suave);pointer-events:none}.nota{position:absolute;width:13.5rem;display:flex;flex-direction:column;border:2px solid var(--linha);box-shadow:var(--sombra-dura);color:var(--tinta-bloco);transform:rotate(var(--torcao, 0deg));transition:transform .12s,box-shadow .12s}.nota[data-cor=amarelo]{background:var(--amarelo)}.nota[data-cor=roxo]{background:var(--roxo)}.nota[data-cor=verde]{background:var(--verde)}.nota[data-cor=cinza]{background:var(--cinza)}.nota:hover,.nota:focus-within{transform:rotate(0)}.nota[data-pegada]{transform:rotate(0) scale(1.02);box-shadow:7px 7px 0 var(--linha);cursor:grabbing}.nota__alca{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.25rem .4rem;border-bottom:1px solid var(--linha);background:color-mix(in srgb,var(--linha) 12%,transparent);cursor:grab;touch-action:none}.nota__ancora{font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tinta-bloco)}.nota__ancora--solta{opacity:.55}.nota__acoes{display:flex;gap:.2rem;flex:0 0 auto}.nota__acao{font:inherit;font-size:11px;line-height:1;width:1.1rem;height:1.1rem;padding:0;background:transparent;color:var(--tinta-bloco);border:1px solid transparent;border-radius:var(--raio);cursor:pointer}.nota__acao:hover{border-color:var(--linha)}.nota__acao:focus-visible{outline:2px solid var(--roxo-forte);outline-offset:1px}.nota__texto{font:inherit;font-size:var(--t-micro);line-height:1.55;min-height:6.5rem;padding:.5rem;background:transparent;color:inherit;border:0;border-radius:var(--raio);resize:none}.nota__texto:focus{outline:none;background:color-mix(in srgb,#ffffff 25%,transparent)}.nota__pe{display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;border-top:1px solid var(--linha)}.cores{display:flex;gap:.2rem}.cor{width:.8rem;height:.8rem;padding:0;border:1px solid var(--linha);border-radius:var(--raio);cursor:pointer}.cor[data-cor=amarelo]{background:var(--amarelo-forte)}.cor[data-cor=roxo]{background:var(--roxo-forte)}.cor[data-cor=verde]{background:var(--verde-forte)}.cor[data-cor=cinza]{background:var(--texto-suave)}.cor[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--fundo-elevado)}.cor:focus-visible{outline:2px solid var(--roxo-forte);outline-offset:1px}.dica-notas{max-width:var(--largura-max);margin:.75rem auto 0;padding:0 var(--pad-lateral);font-size:var(--t-micro);color:var(--texto-suave)}@media(max-width:56rem){.mural{min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;overflow:visible}.nota{position:static;width:auto;--torcao: 0deg}.nota__alca{cursor:default}.mural__vazio{position:static;grid-column:1 / -1;padding:2rem 0}}@media(max-width:40rem){.cabecalho-notas,.acoes-notas,.dica-notas{padding-inline:1rem}.mural{margin-inline:1rem}}@media(prefers-reduced-motion:reduce){.nota{transition:none}}