/* NoFOMO.tools – Cookie-Banner im Stil „Signal“ (Weiß, Tiefschwarz, Signalgelb) */
.ck{position:fixed;z-index:1000;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));max-width:560px;margin-inline:auto;
  background:#FFFFFF;color:#0B0B0B;border:2px solid #0B0B0B;box-shadow:6px 6px 0 #FFE500;padding:18px 18px 14px;
  font:400 15px/1.5 "IBM Plex Sans","Segoe UI",system-ui,-apple-system,Arial,sans-serif}
.ck[hidden]{display:none!important}
.ck__title{margin:0 0 6px;font:800 19px/1.2 "Bricolage Grotesque","Avenir Next",Arial,sans-serif;letter-spacing:-.01em}
.ck__text{margin:0 0 12px;font-size:14px;line-height:1.45}
.ck{max-height:calc(100vh - 24px);overflow:auto}
.ck__state{margin:0 0 10px;font:600 13px/1.3 "IBM Plex Mono",ui-monospace,Consolas,monospace;color:#565656}
.ck__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ck__btn{appearance:none;cursor:pointer;min-height:46px;padding:8px 6px;line-height:1.15;border:2px solid #0B0B0B;background:#FFFFFF;color:#0B0B0B;
  font:700 16px/1.15 "Bricolage Grotesque","Avenir Next",Arial,sans-serif}
.ck__btn:hover{background:#FFE500}
.ck__btn:focus-visible{outline:3px solid #0B0B0B;outline-offset:2px}
.ck__more{display:inline-block;margin-top:10px;font-weight:600;color:#0B0B0B}
@media (min-width:640px){.ck{left:auto;right:24px;max-width:600px;bottom:calc(24px + env(safe-area-inset-bottom,0px));margin:0}}
@media (prefers-reduced-motion:no-preference){.ck{animation:ck-in .25s ease-out both}@keyframes ck-in{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}}