.cmp-backdrop{position:fixed;z-index:1000;inset:0;display:grid;align-items:end;padding:24px;background:rgba(1,5,18,.56)}
.cmp-backdrop[hidden],.cmp-manage[hidden]{display:none}
.cmp-panel{width:min(720px,100%);margin:0 auto;padding:24px;border:1px solid rgba(105,203,255,.4);border-radius:22px;background:linear-gradient(145deg,rgba(12,31,68,.98),rgba(31,16,57,.98));box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04) inset;color:#f4f7ff}
.cmp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.cmp-eyebrow{margin:0 0 7px;color:#49dcff;font:10px/1.2 var(--mono,monospace);letter-spacing:2px}
.cmp-panel h2{margin:0;font:600 clamp(22px,4vw,30px)/1.1 var(--sans,system-ui);letter-spacing:-.8px}
.cmp-description{max-width:620px;margin:14px 0 20px;color:#b4c0dc;font:15px/1.55 var(--sans,system-ui)}
.cmp-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(137,180,255,.28);border-radius:50%;background:rgba(255,255,255,.05);color:#dce8ff;font-size:24px;line-height:1;cursor:pointer}
.cmp-close:hover{border-color:#20ddff;color:#20ddff}
.cmp-options{display:grid;gap:10px;margin:0 0 20px}
.cmp-option{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid rgba(137,180,255,.18);border-radius:14px;background:rgba(5,14,35,.4)}
.cmp-option span:first-child{display:grid;gap:4px}
.cmp-option strong{font-size:15px}
.cmp-option small{color:#9daaca;font-size:13px;line-height:1.35}
.cmp-option-state{color:#58e0c7;font:11px/1 var(--mono,monospace);white-space:nowrap}
.cmp-option-toggle input{width:20px;height:20px;flex:0 0 20px;accent-color:#20ddff;cursor:pointer}
.cmp-actions{display:flex;flex-wrap:wrap;gap:10px}
.cmp-button{min-height:42px;padding:10px 15px;border:1px solid rgba(137,180,255,.3);border-radius:11px;font:600 13px/1 var(--sans,system-ui);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.cmp-button:hover{transform:translateY(-2px)}
.cmp-button:focus-visible,.cmp-close:focus-visible,.cmp-manage:focus-visible,.cmp-option-toggle input:focus-visible{outline:2px solid #20ddff;outline-offset:3px}
.cmp-button-secondary{background:rgba(255,255,255,.05);color:#edf3ff}
.cmp-button-secondary:hover{border-color:#20ddff;background:rgba(32,221,255,.1)}
.cmp-button-quiet{background:transparent;color:#b9c7e5}
.cmp-button-quiet:hover{border-color:rgba(32,221,255,.45);color:#fff}
.cmp-button-primary{border-color:rgba(32,221,255,.5);background:linear-gradient(120deg,#20ddff,#728bff 54%,#e85ac7);color:#041024;box-shadow:0 8px 24px rgba(32,221,255,.13)}
.cmp-button-primary:hover{box-shadow:0 12px 30px rgba(32,221,255,.28)}
.cmp-privacy-link{display:inline-block;margin-top:16px;color:#7fdfff;font-size:13px;text-underline-offset:3px}
.cmp-manage{position:fixed;z-index:999;right:18px;bottom:18px;padding:9px 13px;border:1px solid rgba(32,221,255,.34);border-radius:999px;background:rgba(7,17,42,.9);box-shadow:0 12px 30px rgba(0,0,0,.26);color:#bfeeff;font:12px/1 var(--sans,system-ui);cursor:pointer}
.cmp-manage:hover{border-color:#20ddff;background:rgba(14,34,72,.96);color:#fff;transform:translateY(-2px)}@media(max-width:600px){.cmp-backdrop{padding:12px}
.cmp-panel{padding:20px;border-radius:19px}
.cmp-description{font-size:14px}
.cmp-actions{display:grid;grid-template-columns:1fr 1fr}
.cmp-button{width:100%}
.cmp-button-primary:last-child{grid-column:1/-1}
.cmp-manage{right:12px;bottom:12px}
.cmp-option{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.cmp-button,.cmp-manage{transition:none}
.cmp-button:hover,.cmp-manage:hover{transform:none}}