.safe-ck{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:9998;width:calc(100% - 28px);max-width:660px;
  display:none;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;
  background:rgba(17,19,24,.96);border:1px solid rgba(0,194,255,.28);box-shadow:0 10px 34px rgba(0,0,0,.45);
  color:#cfd6e4;font-size:12.5px;line-height:1.5;backdrop-filter:blur(10px)}
.safe-ck.on{display:flex}
.safe-ck p{margin:0;flex:1}
.safe-ck a{color:#00C2FF;text-decoration:none;font-weight:600;white-space:nowrap}
.safe-ck a:hover{text-decoration:underline}
.safe-ck button{flex:0 0 auto;background:#00C2FF;color:#04141c;border:0;border-radius:9px;
  padding:7px 14px;font-size:12.5px;font-weight:800;cursor:pointer}
.safe-ck button:hover{filter:brightness(1.06)}

.safe-ck--opc{max-width:760px}
.safe-ck-btns{display:flex;gap:8px;flex:0 0 auto}
.safe-ck .safe-ck-no{background:transparent;color:#cfd6e4;border:1px solid rgba(207,214,228,.45)}
@media(max-width:560px){.safe-ck{flex-direction:column;align-items:stretch;text-align:center;gap:9px}
  .safe-ck-btns button{flex:1}}
@media(prefers-reduced-motion:reduce){.safe-ck{transition:none}}