.cookie-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;overflow:auto;box-sizing:border-box;border:1px solid #aab3b3;border-radius:12px;padding:32px;color:var(--dark);background:var(--cream);box-shadow:0 16px 64px #0003;font-family:var(--sans)}
.cookie-dialog::backdrop{background:#0f1b2d80;backdrop-filter:blur(3px)}
.cookie-dialog h2{margin:0 0 12px;font-size:22px;line-height:1.3;font-weight:800;color:var(--dark)}
.cookie-dialog p{margin:0 0 12px;font-size:16px;line-height:1.5;color:var(--dark)}
.cookie-actions{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:18px}
.cookie-actions button{box-sizing:border-box;border-radius:8px;font:inherit;cursor:pointer}
.cookie-actions [data-choice="granted"]{width:min(280px,100%);min-height:52px;border:0;padding:14px 28px;background:var(--dark);color:var(--cream);font-size:18px;font-weight:700}
.cookie-actions [data-choice="denied"]{min-height:44px;border:0;padding:8px 12px;background:transparent;color:var(--dark);text-decoration:underline;text-underline-offset:3px}
.cookie-actions [data-choice="granted"]:hover{box-shadow:0 0 0 2px var(--dark)}
.cookie-actions [data-choice="denied"]:hover{text-decoration-thickness:2px}
.cookie-settings{appearance:none;font:inherit;color:var(--dark);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:4px;min-height:44px;cursor:pointer}
.cookie-dialog :focus-visible,.cookie-settings:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
html:has(.cookie-dialog[open]){overflow:hidden}
@media(max-width:520px){.cookie-dialog{padding:24px}}