.cookie-banner,.cookie-dialog{font-family:Manrope,Arial,sans-serif;color:var(--text);background:linear-gradient(145deg,var(--surface),var(--bg));border:1px solid var(--line);box-shadow:0 24px 80px #18231d29,0 2px 8px #18231d08;border-radius:28px;padding:32px;isolation:isolate}
.cookie-banner{position:fixed;bottom:24px;left:24px;z-index:100;width:min(440px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:auto;text-align:center;animation:cookie-arrive .35s ease-out}
.cookie-banner[hidden]{display:none}
.cookie-emblem{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 24px;border-radius:23px;background:linear-gradient(140deg,#e4c78e,#ac8542);color:#fffefa;box-shadow:0 10px 24px #ac85422b,inset 0 1px 1px #ffffff80;transform:rotate(-6deg)}
.cookie-emblem svg{width:38px;height:38px;stroke:currentColor;stroke-width:1.7;transform:rotate(6deg)}
.cookie-banner h2,.cookie-dialog h2{font-size:26px;line-height:1.25;letter-spacing:-.045em;margin:0 0 14px;font-weight:600}
.cookie-banner p,.cookie-dialog p{font-size:13px;line-height:1.85;color:var(--muted)}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.cookie-actions button{min-height:48px;padding:12px 16px;border-radius:12px;border:1px solid var(--gold);background:var(--cream);color:var(--text);font-size:13px;font-weight:600;transition:background .18s,box-shadow .18s;cursor:pointer}
.cookie-actions button:hover{background:var(--surface);box-shadow:0 3px 12px #ac85421c}
.cookie-actions button:last-child{grid-column:1 / -1;border-color:var(--line);background:transparent;color:var(--muted)}
.cookie-actions button:focus-visible,.cookie-settings:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.cookie-settings{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;padding:4px}
.cookie-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:32px;margin:auto}
.cookie-dialog::backdrop{background:#17231dc2;backdrop-filter:blur(6px)}
.cookie-dialog>h2{text-align:center;margin-bottom:24px}.cookie-dialog .cookie-emblem{width:58px;height:58px;border-radius:19px;margin-bottom:18px}.cookie-dialog .cookie-emblem svg{width:32px;height:32px}
.cookie-category{padding:18px;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;background:var(--surface)}
.cookie-category h3{display:inline;font-size:15px;letter-spacing:-.02em;margin:0 10px 0 0}.cookie-category span{font-size:11px;color:var(--gold);font-weight:600}.cookie-category span:empty{display:none}.cookie-category p{margin:8px 0 0;font-size:12px;line-height:1.8}.cookie-category a{display:inline-block;font-size:12px;color:var(--text);text-decoration:underline;text-underline-offset:3px;margin-top:10px}
.cookie-toggle{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;cursor:pointer}.cookie-toggle input{appearance:none;flex:none;width:40px;height:24px;border-radius:30px;background:var(--line);border:1px solid var(--muted);position:relative;cursor:pointer;margin:0}.cookie-toggle input:before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:var(--surface);left:3px;top:3px;box-shadow:0 1px 3px #0003;transition:transform .18s}.cookie-toggle input:checked{background:var(--gold);border-color:var(--gold)}.cookie-toggle input:checked:before{transform:translateX(16px)}.cookie-toggle~h3{display:none}
@keyframes cookie-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cookie-banner{animation:none}.cookie-actions button,.cookie-toggle input:before{transition:none}}
@media(max-width:540px){.cookie-banner{left:12px;bottom:12px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:24px;border-radius:24px}.cookie-emblem{width:58px;height:58px;border-radius:19px;margin-bottom:18px}.cookie-banner h2{font-size:24px}.cookie-dialog{padding:24px}.cookie-category{padding:14px}.cookie-actions button{padding:11px 8px;font-size:12px}}
/* The first consent layer is a centered native dialog. */
.cookie-banner{inset:0;margin:auto;width:min(500px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px)}.cookie-banner::backdrop{background:#17231d99;backdrop-filter:blur(5px)}.cookie-shortcut{position:fixed;bottom:14px;left:14px;z-index:90;min-height:40px;padding:9px 15px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:30px;box-shadow:0 3px 16px #18231d1a;font-size:11px;font-weight:600}.cookie-shortcut:hover{border-color:var(--gold)}

/* mascloud cloud mark with a small biscuit, in the brand palette. */
.cookie-emblem{width:84px;height:84px;border-radius:26px;background:linear-gradient(145deg,var(--surface),var(--cream));border:1px solid var(--line);color:var(--gold);transform:rotate(-5deg);box-shadow:0 10px 26px #ac85421a,inset 0 1px 1px #ffffff40}.cookie-emblem svg{width:65px;height:65px;transform:rotate(5deg)}.cookie-dialog .cookie-emblem{width:70px;height:70px;border-radius:22px}.cookie-dialog .cookie-emblem svg{width:55px;height:55px}@media(max-width:540px){.cookie-banner .cookie-emblem{width:74px;height:74px}.cookie-banner .cookie-emblem svg{width:58px;height:58px}}