*{box-sizing:border-box}[hidden]{display:none!important}
.demo-bar{background:#14304a;color:#fff;font:500 13px/1.4 Inter,system-ui,sans-serif;padding:9px 14px;text-align:center}
.demo-bar a{color:#9fcdf6;margin-left:6px}
.sheet{position:fixed;inset:0;z-index:50;background:rgba(10,20,30,.55);display:grid;place-items:end center;padding:16px}
.sheet .sh{background:#fff;color:#14304a;width:min(440px,100%);border-radius:22px;padding:22px;display:grid;gap:12px;font-family:Inter,system-ui,sans-serif;animation:up .35s cubic-bezier(.2,.8,.2,1)}
.sheet .k{font-size:.8rem;font-weight:600;color:#5a7389;margin:0}
.sheet .bubble{background:#dcf8c6;border-radius:14px 14px 4px 14px;padding:12px 14px;margin:0;color:#111;font-size:.95rem}
.sheet .row{display:flex;gap:10px;flex-wrap:wrap}
.sheet button,.sheet .go{font:600 .9rem Inter,sans-serif;border-radius:10px;padding:10px 16px;border:0;cursor:pointer;text-decoration:none}
.sheet button{background:#eef3f8;color:#14304a}.sheet .go{background:#0075de;color:#fff}
.back{display:inline-block;margin:16px;font:500 .9rem Inter,sans-serif}
@keyframes up{from{transform:translateY(30px);opacity:0}}
@media(prefers-reduced-motion:reduce){.sheet .sh{animation:none}}