.safety-note{box-sizing:border-box;width:min(100%,420px);margin:16px auto;color:#4f574b;text-align:left;font-size:14px;line-height:1.35}
.safety-note{position:relative;background:transparent;border:1px solid #d3d7d0;border-radius:12px;padding:14px 16px}
.safety-note h2{position:relative;font-size:16px;line-height:1.2;margin:0 0 8px;text-align:left;color:#3d443a}
.safety-note ul{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.safety-note li{position:relative;padding:5px 8px 5px 24px;margin:0;font-size:13.5px;line-height:1.25;border:1px dashed #dde0da;border-radius:8px}
.safety-note li:before{content:"";position:absolute;left:9px;top:8px;width:5px;height:9px;border:solid #8a9285;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.safety-note p{position:relative;font-size:12px;margin:8px 0 0;padding:0;border:0;color:#8a9285}
@media(max-width:480px){.safety-note{width:calc(100% - 32px)}.safety-note ul{grid-template-columns:1fr;gap:2px}.safety-note li{border:0;padding:2px 0 2px 20px;font-size:14px}.safety-note li:before{left:4px;top:5px}}

/* lily-pad vote buttons: hover lift, press sink, splash, focus ring (overrides style.css) */
.vote-panel .pad{transition:transform .2s cubic-bezier(.2,.8,.3,1),filter .2s ease,opacity .2s ease}
.vote-panel .pad:hover:not(:disabled){transform:translateY(-3px) scale(1.06);filter:drop-shadow(0 14px 10px rgba(0,30,25,.5)) brightness(1.12) saturate(1.1)}
.vote-panel .pad:hover:not(:disabled) .lbl{text-shadow:0 2px 0 rgba(0,0,0,.55),0 5px 12px rgba(0,0,0,.7),0 0 2px rgba(0,0,0,.7)}
.vote-panel .pad:hover:not(:disabled)::before{animation:pad-pulse .8s ease-out 1 both}
.vote-panel .pad:active:not(:disabled){transform:translateY(2px) scale(.94);filter:drop-shadow(0 2px 3px rgba(0,30,25,.5)) brightness(.97)}
.vote-panel .pad:active:not(:disabled)::after{inset:-2px -6px 0;border-width:3px;animation:pad-splash .45s ease-out 1 both}
.vote-panel .pad:focus-visible{outline:0;box-shadow:0 0 0 4px rgba(255,255,255,.95),0 0 0 7px rgba(53,80,34,.55)}
.vote-panel .pad:disabled{opacity:.55;cursor:not-allowed}
.vote-panel .pad:disabled::before,.vote-panel .pad:disabled::after{animation:none}
@keyframes pad-pulse{0%{transform:scale(.95);opacity:.9}100%{transform:scale(1.4);opacity:0}}
@keyframes pad-splash{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.vote-panel .pad:hover:not(:disabled),.vote-panel .pad:active:not(:disabled){transform:none}}

/* no-wallet popup: lily-pad shaped native dialog */
.wallet-dialog{--top:var(--green);--sh:var(--green-sh);--vein:#467226;position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(92vw,420px);height:min(92vw,420px);max-width:none;max-height:none;padding:0;border:0;background:transparent;color:#fff;overflow:visible;font:inherit}
.wallet-dialog:not([open]){display:none}
.wallet-dialog[open]{animation:wd-in .2s cubic-bezier(.2,.8,.3,1) both}
.wallet-dialog::backdrop{background:rgba(0,40,30,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.wallet-dialog::before{content:"";position:absolute;inset:-4% -6%;border-radius:50%;border:3px solid rgba(255,255,255,.55);opacity:0;pointer-events:none;z-index:-1}
.wallet-dialog[open]::before{animation:wd-ripple .9s ease-out .05s both}
.wd-pad{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 18px rgba(0,30,25,.5))}
.wd-body{position:relative;box-sizing:border-box;height:100%;padding:19% 19% 12%;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:stretch}
.wd-body h2{margin:0 auto 8px;max-width:72%;font-size:clamp(18px,5vw,22px);line-height:1.15;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.4)}
.wd-body p{margin:0;font-size:clamp(12.5px,3.4vw,14px);line-height:1.35;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.wd-pad .p-vein{opacity:.1}
.wd-link{display:flex;gap:8px;margin-top:16px;align-items:center}
.wd-link input{flex:1;min-width:0;box-sizing:border-box;height:40px;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:0 14px;font:inherit;font-size:13px;font-weight:600;color:#274016;background:rgba(255,255,255,.92);text-overflow:ellipsis}
.wd-copy,.wd-close{font:inherit;cursor:pointer;transition:transform .18s ease,filter .18s ease,background-color .18s ease}
.wd-copy{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;margin:0;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#fff;color:#355022}
.wd-copy svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wd-copy svg[hidden]{display:none}
.wd-copy.done{background:#d9f2c4;color:#2c6a12}
.wd-copy:hover{transform:translateY(-2px) scale(1.06);filter:brightness(1.05)}
.wd-copy:active,.wd-close:active{transform:translateY(1px) scale(.94)}
.wd-status{min-height:1.3em;margin-top:6px!important;font-size:13px!important;font-weight:800!important}
.wd-close{align-self:center;min-height:36px;padding:0 20px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(0,40,20,.28);color:#fff;font-size:14px;font-weight:700;margin:0}
.wd-close:hover{transform:translateY(-2px);background:rgba(0,40,20,.4)}
.wd-copy:focus-visible,.wd-close:focus-visible,.wd-link input:focus-visible{outline:3px solid #fff;outline-offset:2px}
@keyframes wd-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@keyframes wd-ripple{0%{opacity:.9;transform:scale(.92)}100%{opacity:0;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.wallet-dialog[open],.wallet-dialog[open]::before{animation:none}.wd-copy:hover,.wd-close:hover,.wd-copy:active,.wd-close:active{transform:none}}

/* vote outcome dialog (same lily-pad shape) */
.vote-dialog .wd-body{align-items:center;justify-content:center;text-align:center;gap:0}
.vote-dialog .wd-body h2{max-width:78%;font-size:clamp(20px,5.6vw,26px)}
.vote-dialog .vd-text{max-width:92%;margin:0 auto}
.vote-dialog .vd-sub{margin-top:6px;font-size:12.5px;opacity:.85}
.vote-dialog .vd-sub[hidden],.vote-dialog .vd-spin[hidden],.vote-dialog .wd-close[hidden]{display:none}
.vd-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}
.vd-spin{width:30px;height:30px;margin-bottom:8px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:vd-spin .8s linear infinite}
.vote-dialog[data-kind=err]{--top:#b8574a}
.vote-dialog[data-kind=err] .p-top{fill:#b8574a}
.vote-dialog[data-kind=err] .p-sh{fill:#8a3a31}
.vote-dialog[data-kind=ok] h2{font-size:clamp(24px,7vw,30px)}
@keyframes vd-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.vd-spin{animation-duration:2.4s}}
/* status pill under the pads: readable on the water */
.pond .vote-panel .vote-status:not(:empty){width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;margin:12px auto 0;padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.88);color:#1f3a14;text-shadow:none;font-size:14px;font-weight:700;box-shadow:0 4px 14px rgba(0,30,25,.2)}
/* chosen pad label */
.pad .tag{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);white-space:nowrap;padding:3px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#1f3a14;font-size:13px;font-weight:800;letter-spacing:0;text-shadow:none;box-shadow:0 3px 10px rgba(0,30,25,.25);pointer-events:none;z-index:2}