/* Fixed global H3 + C2 design. Decorations stay local to the interaction. */
:root {--fx-spot:rgba(151,193,171,.16);--fx-mist-a:rgba(150,195,177,.4);--fx-mist-b:rgba(204,179,207,.26)}
:root[data-theme=dark] {--fx-spot:rgba(161,197,178,.105);--fx-mist-a:rgba(155,200,183,.3);--fx-mist-b:rgba(193,167,204,.22)}
.url-body {overflow:hidden;isolation:isolate}
.url-body:before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0}
.click-effect {position:fixed;width:64px;height:64px;margin:-32px 0 0 -32px;z-index:999;pointer-events:none;border-radius:50%;box-sizing:border-box}
.click-effect.bloom {background:radial-gradient(circle at 40% 40%,var(--fx-mist-a),transparent 65%),radial-gradient(circle at 60% 55%,var(--fx-mist-b),transparent 65%)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html[data-hover-effect="spot"] .url-body:hover {transform:none;box-shadow:none;border-color:var(--strong-line)}
  html[data-hover-effect="spot"] .url-body:before {background:radial-gradient(circle 56px at var(--fx-x,50%) var(--fx-y,50%),var(--fx-spot),transparent 100%);transition:opacity .25s ease}
  html[data-hover-effect="spot"] .url-body:hover:before {opacity:1}
}
@media (prefers-reduced-motion:reduce) {.url-body:before {display:none}.url-card .url-body:hover {transform:none}.click-effect {display:none}}