body{margin:0;padding:0;font-family:"Playfair Display", sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
:root {
  --paint-page: #1B1F1B;
  --tone-primary: #1D211D;
  --font-quiet: calc(17px * 1.35);
  --paint-soft: #1A1408;
  --depth-medium: 0 14px 20px rgba(0,0,0,0.08);
  --speed-entry: ease-in-out;
  --surface-base: #F4F1E8;
  --copy-small: 1.7;
  --surface-strong: #C98A2E;
  --tone-accent: #141715;
  --surface-accent: #F1EEE3;
  --ink-base: #3A4038;
  --paint-warm: #DCD7C6;
  --ink-light: #1B1F1B;
  --line-dark: #F4F1E8;
  --paint-panel: linear-gradient(135deg, #141715 0%, #1F2A24 52%, #2A332B 100%);
  --paint-clear: #2FA05A;
  --surface-inverse: #0B1A10;
  --surface-secondary: #2FA05A;
  --tone-cool: #F4F1E8;
}

.cookies{position:fixed;left:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);z-index:1200}
.cookies .media-lead{max-width:680px;margin:0 auto;padding:14px 16px;border:1px solid var(--ink-base);border-radius:24px;background:var(--ink-light);color:var(--surface-accent);box-shadow:var(--depth-medium)}
.cookies strong{display:block;font-size:var(--font-quiet)}
.cookies p{margin:6px 0 0;line-height:var(--copy-small)}
.cookies .open-copy{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.cookies .open-copy button{border:1px solid var(--ink-base);background:var(--tone-primary);color:var(--paint-warm);border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700}
.cookies .open-copy button.cookie-accept{background:var(--paint-clear);color:var(--surface-inverse)}