.otd{--otd-z-trigger: 9991;line-height:1.4}.otd-trigger{--otd-trigger-size: 56px;--otd-trigger-icon-size: 22px;--otd-trigger-border-w: 0px;--otd-trigger-offset-y: 160px;--otd-trigger-offset-x: 0px;--otd-trigger-icon-color: #FFFFFF;--otd-trigger-text-color: #FFFFFF;--otd-trigger-bg: #111111;--otd-trigger-border-color: #111111;position:fixed;right:20px;bottom:20px;z-index:var(--otd-z-trigger);display:inline-flex;align-items:center;gap:8px;padding:0 calc(var(--otd-trigger-size) * .32);min-height:var(--otd-trigger-size);background:var(--otd-trigger-bg);color:var(--otd-trigger-text-color);border:var(--otd-trigger-border-w) solid var(--otd-trigger-border-color);border-radius:999px;font-size:calc(var(--otd-trigger-size) * .25);font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 4px 16px #00000026,0 2px 4px #00000014;transition:transform .2s ease,box-shadow .2s ease}.otd-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.otd-trigger:focus-visible{outline:2px solid var(--otd-trigger-bg);outline-offset:3px}.otd-trigger__icon{font-size:var(--otd-trigger-icon-size);color:var(--otd-trigger-icon-color)}.otd-trigger__icon-img{width:var(--otd-trigger-icon-size);height:var(--otd-trigger-icon-size);object-fit:contain}.otd-trigger__label{line-height:1}.otd[data-otd-trigger-position=top-left] .otd-trigger{top:calc(20px + var(--otd-trigger-offset-y));left:calc(20px + var(--otd-trigger-offset-x));right:auto;bottom:auto}.otd[data-otd-trigger-position=top-right] .otd-trigger{top:calc(20px + var(--otd-trigger-offset-y));right:calc(20px - var(--otd-trigger-offset-x));left:auto;bottom:auto}.otd[data-otd-trigger-position=bottom-left] .otd-trigger{bottom:calc(20px - var(--otd-trigger-offset-y));left:calc(20px + var(--otd-trigger-offset-x));right:auto;top:auto}.otd[data-otd-trigger-position=bottom-right] .otd-trigger{bottom:calc(20px - var(--otd-trigger-offset-y));right:calc(20px - var(--otd-trigger-offset-x));left:auto;top:auto}.otd[data-otd-trigger-effect-intensity=low]{--otd-fx-scale: .5;--otd-fx-speed: 3s}.otd[data-otd-trigger-effect-intensity=medium]{--otd-fx-scale: 1;--otd-fx-speed: 2s}.otd[data-otd-trigger-effect-intensity=high]{--otd-fx-scale: 1.5;--otd-fx-speed: 1.4s}@keyframes otd-fx-attention{0%,70%,to{transform:translateY(0) rotate(0)}75%{transform:translateY(-4px) rotate(-6deg)}85%{transform:translateY(-2px) rotate(6deg)}95%{transform:translateY(0) rotate(0)}}@keyframes otd-fx-pulse{0%,to{transform:scale(1)}50%{transform:scale(calc(1 + .06 * var(--otd-fx-scale, 1)))}}@keyframes otd-fx-glow{0%,to{box-shadow:0 4px 16px #00000026,0 0 0 0 var(--otd-trigger-glow-color, var(--otd-trigger-bg))}50%{box-shadow:0 4px 16px #00000026,0 0 calc(20px * var(--otd-fx-scale, 1)) calc(4px * var(--otd-fx-scale, 1)) var(--otd-trigger-glow-color, var(--otd-trigger-bg))}}@keyframes otd-fx-shine{0%{background-position:-100% 50%}to{background-position:200% 50%}}.otd[data-otd-trigger-effect=attention] .otd-trigger{animation:otd-fx-attention var(--otd-fx-speed, 2s) ease-in-out infinite}.otd[data-otd-trigger-effect=pulse] .otd-trigger{animation:otd-fx-pulse var(--otd-fx-speed, 2s) ease-in-out infinite}.otd[data-otd-trigger-effect=glow] .otd-trigger{animation:otd-fx-glow var(--otd-fx-speed, 2s) ease-in-out infinite}.otd[data-otd-trigger-effect=shine] .otd-trigger{background-image:linear-gradient(110deg,var(--otd-trigger-bg) 30%,rgba(255,255,255,.4) 50%,var(--otd-trigger-bg) 70%);background-size:200% 100%;animation:otd-fx-shine var(--otd-fx-speed, 2s) linear infinite}@media(prefers-reduced-motion:reduce){.otd .otd-trigger{animation:none!important}}
