.kq{position:fixed;inset:auto;left:-12000px;top:0;margin:0;width:min(1200px,94vw);height:min(760px,86dvh);padding:0;border:0;background:transparent;overflow:visible;visibility:hidden}
.kq:not(:popover-open){display:block}
.kq:popover-open{left:50%;top:50%;translate:-50% -50%;visibility:visible;animation:kq-in .28s cubic-bezier(.2,.8,.2,1)}
@keyframes kq-in{from{opacity:0;scale:.97}}
.kq::backdrop{background:#081209d9;backdrop-filter:blur(3px)}
.kq-box{display:flex;flex-direction:column;width:100%;height:100%;border-radius:12px;overflow:hidden;background:#0d1a12;box-shadow:0 30px 80px #000a}
.kq-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 10px 10px 18px;background:#1d3b2c;color:#fff8e8}
.kq-bar p{margin:0;font:800 15px/1.2 Arial,sans-serif;letter-spacing:.02em}
.kq-close{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid #fff8e855;background:transparent;color:#fff;font:400 28px/1 Arial,sans-serif;cursor:pointer}
.kq-close:hover{background:#a22e33;border-color:#a22e33}
.kq-frame{flex:1;display:grid;place-items:center;min-height:0;color:#f3c663;font:800 16px Arial,sans-serif;text-decoration:none}
.kq-frame iframe{display:block;width:100%;height:100%;border:0}
@media (max-width:767px){.kq{width:100vw;height:100dvh}.kq-box{border-radius:0}}
@media (prefers-reduced-motion:reduce){.kq:popover-open{animation:none}}