.cpo-dialog {
  --cpo-accent:#ff35dc; --cpo-glow:rgba(255,53,220,.22);
  box-sizing:border-box; position:fixed; inset:0; width:min(560px,calc(100% - 32px)); max-width:560px;
  max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px);
  margin:auto; padding:0; border:2px solid var(--cpo-accent); border-radius:22px;
  background:#000; color:#fff; overflow:auto; overscroll-behavior:contain;
  box-shadow:0 0 9px var(--cpo-glow),0 0 38px var(--cpo-glow);
  font-family:Arial,Helvetica,sans-serif; text-align:left; color-scheme:dark;
}
.cpo-dialog:not([open]) { display:none; }
.cpo-dialog[data-accent="blue"] { --cpo-accent:#29a9ff; --cpo-glow:rgba(41,169,255,.25); }
.cpo-dialog::backdrop { background:rgba(0,0,0,.82); }
.cpo-dialog *, .cpo-dialog *::before, .cpo-dialog *::after { box-sizing:border-box; }
.cpo-dialog .cpo-panel-inner { position:relative; min-width:0; }
.cpo-dialog .cpo-toolbar { position:sticky; top:0; z-index:2; height:62px; background:#000; }
.cpo-dialog .cpo-close {
  position:absolute; top:10px; right:10px; display:grid; place-items:center;
  width:44px; height:44px; padding:0; margin:0; border:1px solid #777; border-radius:50%;
  background:#111; color:#fff; font:normal 30px/1 Arial,sans-serif; cursor:pointer;
  box-shadow:none; text-decoration:none;
}
.cpo-dialog .cpo-close:hover { border-color:var(--cpo-accent); color:var(--cpo-accent); }
.cpo-dialog .cpo-image { display:block; width:100%; height:auto; max-height:340px; object-fit:contain; margin:0; border:0; background:#000; }
.cpo-dialog .cpo-content { padding:26px 30px 32px; }
.cpo-dialog .cpo-eyebrow { margin:0 0 12px; color:var(--cpo-accent); font-size:13px; font-weight:700; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; }
.cpo-dialog .cpo-title { margin:0 0 18px; color:#fff; font-family:"Anton",Impact,"Arial Narrow",sans-serif; font-size:clamp(30px,7vw,46px); font-weight:400; line-height:1.15; text-transform:uppercase; letter-spacing:.005em; overflow-wrap:anywhere; }
.cpo-dialog .cpo-message { color:#eee; font-size:18px; line-height:1.65; overflow-wrap:anywhere; }
.cpo-dialog .cpo-message p { margin:0 0 14px; font-size:inherit; line-height:inherit; }
.cpo-dialog .cpo-message p:last-child { margin-bottom:0; }
.cpo-dialog .cpo-message a { color:#7bcaff; text-decoration:underline; text-underline-offset:3px; }
.cpo-dialog .cpo-message ul, .cpo-dialog .cpo-message ol { padding-left:23px; margin:0 0 14px; }
.cpo-dialog .cpo-message li { margin-bottom:6px; }
.cpo-dialog .cpo-message h2,.cpo-dialog .cpo-message h3,.cpo-dialog .cpo-message h4 { color:#fff; font-size:22px; line-height:1.3; margin:14px 0; }
.cpo-dialog .cpo-button { display:flex; align-items:center; justify-content:center; min-height:48px; margin-top:24px; padding:13px 20px; border:1px solid #c9fe00; border-radius:10px; background:#c9fe00; color:#000 !important; text-decoration:none !important; font:700 16px/1.4 Arial,Helvetica,sans-serif; text-align:center; overflow-wrap:anywhere; }
.cpo-dialog .cpo-button:hover { background:#e0ff72; border-color:#e0ff72; }
.cpo-dialog :focus-visible { outline:3px solid #fff; outline-offset:3px; }
.cpo-dialog .cpo-preview-label { position:absolute; top:23px; left:25px; color:#aaa; font:700 12px/1 Arial,sans-serif; letter-spacing:.12em; }
@media(max-width:600px) {
 .cpo-dialog { border-radius:18px; }
 .cpo-dialog .cpo-content { padding:22px 20px 26px; }
 .cpo-dialog .cpo-image { max-height:260px; }
}