.skip{position:absolute;left:12px;top:8px;z-index:80;transform:translateY(-160%);background:#fff;color:#0a0a0a;padding:10px 14px;border-radius:999px;font-weight:700}
.skip:focus{transform:none;outline:2px solid #f00;outline-offset:3px}
.ck{position:fixed;top:12px;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));z-index:48;max-width:560px;margin-inline:auto;background:#141414;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:14px;box-shadow:0 16px 40px rgba(0,0,0,.45)}
body:has(header.ui) .ck{top:82px}
.ck[hidden]{display:none}
.ck p{margin:0 0 12px;font:15px/1.45 Archivo,system-ui,sans-serif}
.ck a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.ck-actions{display:flex;gap:8px}
.ck-actions button{flex:1 1 0;min-height:48px;appearance:none;border:2px solid #fff;border-radius:999px;background:#fff;color:#0a0a0a;font:700 15px/1 Archivo,system-ui,sans-serif;cursor:pointer}
.ck-actions button:focus-visible,.skip:focus-visible{outline:2px solid #f00;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .skip{transition:none}
}