:root {
  --tone-extra-12: linear-gradient(135deg, #0a1128 0%, #1e3a5f 50%, #0a1128 100%);
  --line-deep: #12203f;
  --tone-extra-11: #e2e8f0;
  --tone-extra-18: #cbd5e1;
  --ink-card: #0a1128;
  --delay-fast: cubic-bezier(0.2,0.8,0.2,1);
  --shadow-soft: 0 26px 38px rgba(0,0,0,0.24);
  --tone-muted: #38bdf8;
  --surface-warm: #e2e8f0;
  --tone-deep: #0a1128;
  --surface-cool: #0a1128;
  --paint-accent: #38bdf8;
  --paint-light: #e2e8f0;
  --space-item: 1.62rem;
  --ink-panel: #2d3f5e;
  --curve-medium: 1.17rem;
  --tone-clear: #38bdf8;
  --ink-main: #e2e8f0;
  --line-muted: #0a1128;
  --ink-deep: #0f1d3a;
  --tone-panel: #7dd3fc;
  --space-section: 1.5rem;
}

body{margin:0;padding:0;font-family:"Source Serif 4", sans-serif;box-sizing:border-box;}
*{box-sizing:border-box;}
.cookies{position:fixed;right:var(--space-item);bottom:var(--space-section);width:min(420px,calc(100vw - (var(--space-item) * 2)));z-index:1200;}
.cookies .quiet-surface{border-radius:var(--curve-medium);padding:16px;background:var(--tone-extra-12);color:var(--paint-light);box-shadow:var(--shadow-soft);}
.cookies .quiet-surface h3{margin:0 0 6px;}
.cookies .quiet-surface p{margin:0;opacity:.92;}
.cookies .plain-details{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;}
.cookies .plain-details a{text-decoration:none;border:1px solid color-mix(in srgb, currentColor 30%, transparent);background:color-mix(in srgb, currentColor 16%, transparent);color:inherit;border-radius:999px;padding:7px 11px;}
.cookies .plain-details a.cookie-accept{background:var(--tone-panel);color:var(--ink-card);border-color:var(--tone-muted);}