.observation-float[hidden]{display:none}
.observation-float{position:fixed;z-index:78;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:flex-start;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.observation-float.is-visible{opacity:1;transform:none;pointer-events:auto}
.observation-float-action{min-height:56px;padding:11px 20px 11px 14px;border:1px solid rgba(238,233,221,.45);background:#080808;color:#eee9dd;display:flex;align-items:center;gap:12px;box-shadow:0 12px 34px rgba(0,0,0,.26);font:700 10px/1 Archivo,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.observation-float-action img{width:28px;height:auto;aspect-ratio:8425/7831;display:block;object-fit:contain}
.observation-float-action:hover,.observation-float-action:focus-visible{border-color:#ed231d}.observation-float-dismiss{position:absolute;right:-7px;top:-11px;width:25px;height:25px;padding:0;border:1px solid rgba(238,233,221,.55);border-radius:50%;background:#eee9dd;color:#080808;font:500 16px/1 Arial,sans-serif;cursor:pointer}
@media(max-width:520px){.observation-float{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.observation-float-action{min-height:52px;padding:9px 17px 9px 12px;font-size:9px}.observation-float-action img{width:26px;height:auto}}
@media(prefers-reduced-motion:reduce){.observation-float{transition:none}}