/* Cookie choices use the shared control size, shape, focus, and color variables. */
.ck{--ck-bg:var(--ink);--ck-fg:var(--paper);--ck-accent:var(--paper);--ck-line:#ffffff38;position:fixed;z-index:10000;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(680px,calc(100% - 20px));background:var(--ck-bg);color:var(--ck-fg);border:1px solid var(--ck-line);border-radius:18px;box-shadow:0 10px 30px -12px #0007;font:13px/1.4 var(--text);padding:10px 12px;animation:ck-in .25s ease-out}
.ck[hidden],.ck-more[hidden]{display:none}
@keyframes ck-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.ck-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ck-text{margin:0;flex:1 1 280px;min-width:0;color:var(--ck-fg)}
.ck-btns{display:flex;gap:6px;flex:none;margin-left:auto}
.ck button{font:inherit;cursor:pointer;min-height:44px;border-radius:var(--control-radius);font-size:12px;font-weight:600;transition:background .18s,border-color .18s}
.ck-btns button,.ck-more button{padding:0 14px;border:1px solid var(--ck-line);background:transparent;color:var(--ck-fg)}
.ck-btns button:first-child{background:var(--paper);color:var(--ink)}
.ck-btns button:hover,.ck-more button:hover{border-color:var(--ck-accent);box-shadow:inset 0 0 0 1px var(--ck-accent)}
.ck-more-btn{background:none;border:0;padding:0 3px;color:var(--ck-accent);text-decoration:underline;text-underline-offset:3px}
.ck-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;padding-top:8px;border-top:1px solid var(--ck-line)}
.ck a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--ck-fg)}
.ck-switch{display:inline-flex;align-items:center;gap:7px;cursor:pointer;min-height:44px;padding-right:8px}
.ck-switch input{appearance:none;-webkit-appearance:none;flex:none;width:30px;height:18px;min-height:18px;margin:0;padding:0;border:1px solid var(--ck-line);border-radius:var(--control-radius);background:var(--ck-line);position:relative;cursor:pointer;box-shadow:none;transition:background .15s}
.ck-switch input::after{content:"";position:absolute;top:1px;left:1px;width:14px;height:14px;border-radius:50%;background:var(--ck-fg);transition:transform .15s}
.ck-switch input:checked{background:var(--ck-accent)}
.ck-switch input:checked::after{transform:translateX(12px);background:var(--ck-bg)}
.ck :disabled{opacity:.45;cursor:not-allowed}
.ck :focus-visible{outline:3px solid var(--ck-accent);outline-offset:3px}
.ck button:active{transform:translateY(1px)}
.ck-settings{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:inherit}
.ck-settings:hover{text-decoration:underline}
.ck-settings-float{position:fixed;right:10px;bottom:10px;z-index:9999;font:12px var(--text)}
@media(max-width:520px){.ck{font-size:11px}.ck-text{flex-basis:145px}.ck-btns button{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.ck{animation:none}.ck *{transition:none}}