/* Facility · cursor de vidro (portado do Midiageral). Só aparece com mouse; some em toque e com movimento reduzido. */
@media (hover:hover) and (pointer:fine){
  html.cc,html.cc *{cursor:none !important}
  html.cc input,html.cc textarea,html.cc [contenteditable]{cursor:text !important}
  html.cc:has(dialog[open]),html.cc:has(dialog[open]) *{cursor:auto !important}   /* o diálogo fica acima do cursor customizado */
  .cur{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;border-radius:50%;will-change:transform}
  .cur.ring{width:38px;height:38px;margin:-19px 0 0 -19px;
    background:linear-gradient(158deg,rgba(255,255,255,.55),rgba(255,255,255,.18) 55%,rgba(255,255,255,.4));
    -webkit-backdrop-filter:blur(6px) saturate(190%);backdrop-filter:blur(6px) saturate(190%) brightness(1.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 2px 2px 5px rgba(255,176,120,.35),inset -2px -2px 5px rgba(120,190,255,.3),0 8px 20px rgba(90,50,20,.22),0 0 0 1px rgba(255,255,255,.55);
    transition:width .45s var(--spring),height .45s var(--spring),margin .45s var(--spring),background .3s,opacity .25s}
  .cur.ring.hov{width:58px;height:58px;margin:-29px 0 0 -29px;background:linear-gradient(158deg,rgba(255,200,150,.55),rgba(255,255,255,.2) 60%,rgba(255,255,255,.4))}
  .cur.ring.dn{width:28px;height:28px;margin:-14px 0 0 -14px}
  .cur.dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--or);box-shadow:0 0 8px rgba(242,106,33,.7);transition:opacity .25s}
  .cur.off{opacity:0}
}
@media (hover:none),(pointer:coarse){.cur{display:none}}
#snd{background:rgba(31,27,22,.06)}