button,input,select,textarea{font-family:inherit}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0}
img{max-width:100%}
.demo-bar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px max(14px,env(safe-area-inset-right,0px)) 8px max(14px,env(safe-area-inset-left,0px));background:#14110f;color:#f4efe9;font:600 12.5px/1.3 "Atkinson Hyperlegible",system-ui,sans-serif}
.demo-bar a{color:#ffd9a8;text-decoration:none;white-space:nowrap}
.demo-bar span{opacity:.85}
.wa-modal{position:fixed;inset:0;z-index:100;background:rgba(20,17,15,.55);display:grid;place-items:end center;padding:16px}
.wa-modal[hidden]{display:none}
.wa-card{width:min(440px,100%);background:#fff;color:#1d1a17;border-radius:20px;padding:20px;display:grid;gap:12px;font:16px/1.5 "Atkinson Hyperlegible",system-ui,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:up .25s ease-out}
@keyframes up{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.wa-card h3{margin:0;font:700 18px/1.2 "Atkinson Hyperlegible",system-ui,sans-serif}
.wa-bubble{background:#dcf8c6;border-radius:12px 12px 4px 12px;padding:12px 14px;white-space:pre-wrap;font-size:15px;box-shadow:0 1px 1px rgba(0,0,0,.1);justify-self:end;max-width:100%}
.wa-chat{background:#ece5dd;border-radius:14px;padding:14px;display:grid}
.wa-note{font-size:14px;color:#5d5650;margin:0}
.wa-actions{display:flex;flex-wrap:wrap;gap:10px}
.wa-actions a,.wa-actions button{flex:1 1 160px;min-height:48px;border-radius:12px;font:700 15px "Atkinson Hyperlegible",system-ui,sans-serif;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.wa-actions a{background:#1f8f4e;color:#fff;border:0}
.wa-actions button{background:#fff;color:#1d1a17;border:1.5px solid #d6cec6}
.photo{position:relative;overflow:hidden;border-radius:16px;display:grid;place-items:end start;padding:12px;color:#fff;font:600 13px "Atkinson Hyperlegible",system-ui,sans-serif;min-height:160px}
.photo span{background:rgba(0,0,0,.45);padding:5px 10px;border-radius:999px}
:focus-visible{outline:3px solid #ffb347;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}