.ask{width:min(100% - 32px,600px);max-height:none;color:var(--ink);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:9px 10px 0 var(--ink);margin:auto;padding:0;overflow:visible}.ask::backdrop{background:#2a145880}.ask[open]{animation:ask-in .45s var(--spring)}@keyframes ask-in{0%{opacity:0;scale:.9}}@media (prefers-reduced-motion:reduce){.ask[open]{animation:none}}.ask-in{text-align:center;justify-items:center;padding:48px 40px 24px;display:grid;position:relative}.ask-tag{margin-bottom:16px}.ask h2{margin-bottom:14px;font-size:clamp(34px,4.4vw,48px)}.ask .lede{text-wrap:pretty;max-width:27em;margin-bottom:24px;font-size:18px;line-height:1.45}.ask .wait{background:var(--bg);box-shadow:none;border-color:#0000}.ask .wait:has(input:focus-visible){outline-offset:-3px}.ask-x{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.ask-x:hover{background:var(--bg)}.ask-x svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;width:20px;height:20px}.ask-no{min-height:44px;color:inherit;cursor:pointer;font:600 16px/1 var(--body);text-underline-offset:3px;background:0 0;border:0;margin-top:10px;padding:0 14px;text-decoration:underline}.ask .joined{margin:4px 0 16px}.ask .joined~.ask-no{display:none}@media (height<=640px){.ask{max-height:calc(100% - 32px);overflow:auto}}@media (width<=560px){.ask-in{padding:48px 18px 16px}.ask h2{font-size:32px}.ask .lede{font-size:17px}}
