/* cookie — ported from the approved design; colours come only from theme variables. */
.cookie{position:fixed;left:16px;right:16px;bottom:76px;transform:translateY(24px);opacity:0;transition:transform .36s var(--ease),opacity .36s;z-index:90;max-width:560px;background:var(--night);color:var(--chrome-text);border-radius:20px;padding:20px;box-shadow:var(--shadow-lg);border:1px solid var(--chrome-3)}
.cookie h2{font-size:1.05rem;color:var(--white);margin-bottom:.4em}
.cookie p{font-size:.9rem;margin-bottom:.8em}
.cookie a{color:var(--violet-light)}
.cookie .row{display:flex;flex-wrap:wrap;gap:8px}
.cookie .btn{min-height:42px;font-size:.86rem;padding:0 14px}
.gpc{font-size:.82rem;background:color-mix(in srgb,var(--mint) 14%,transparent);border:1px solid color-mix(in srgb,var(--mint) 40%,transparent);color:var(--mint-light);border-radius:10px;padding:8px 10px}
dialog.dlg{border:0;border-radius:22px;padding:0;max-width:560px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg)}
dialog.dlg::backdrop{background:color-mix(in srgb,var(--night) 55%,transparent)}
.dlg-in{padding:24px}
.dlg-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.dlg-row p{margin:0;font-size:.86rem;color:var(--muted)}
.dlg-row h3{font-size:1rem;margin:0 0 4px}
.switch{position:relative;width:52px;height:30px}
.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.switch span{position:absolute;inset:0;border-radius:999px;background:var(--switch-off);transition:background-color .2s}
.switch span::after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:var(--white);transition:transform .25s var(--ease);box-shadow:0 1px 3px color-mix(in srgb,var(--night) 25%,transparent)}
.switch input:checked + span{background:var(--accent)}
.switch input:checked + span::after{transform:translateX(22px)}
.switch input:disabled + span{opacity:.6}
.switch input:focus-visible + span{outline:3px solid var(--accent-ink);outline-offset:2px}
.dlg-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:18px}
.dlg-gpc{font-size:.85rem;background:var(--mint-pale);border:1px solid var(--mint-line);color:var(--mint-ink);border-radius:10px;padding:10px 12px;margin:12px 0 0}
