:root {
  --tone-base: #FFFFFF;
  --gap-wide: 2.06rem;
  --tone-accent: #1A2B2E;
  --tone-clear: #2C3E3E;
  --radius-card: 0.32rem;
  --tone-soft: #FFFFFF;
  --speed-hover: cubic-bezier(0.2,0.8,0.2,1);
  --corner-card: 1.24rem;
  --surface-clear: #0F7A8C;
  --tone-extra-20: #5A7A7E;
  --gutter-card: 1.5rem;
  --tone-extra-14: linear-gradient(135deg, #0F7A8C 0%, #1BA0B5 100%);
  --surface-deep: #F5F9FA;
  --lift-soft: 0 16px 26px rgba(0,0,0,0.07);
  --paint-primary: #D0E1E3;
  --surface-secondary: #E8F1F2;
  --ink-muted: #E8A87C;
  --paint-light: #2C3E3E;
  --surface-primary: #FFFFFF;
  --line-primary: #2C3E3E;
  --paint-secondary: #0F7A8C;
  --tone-inverse: #FFFFFF;
}

body{margin:0;padding:0;font-family:"Libre Baskerville", sans-serif;}
*{box-sizing:border-box;}
.cookies{position:fixed;left:var(--gap-wide);right:var(--gap-wide);bottom:var(--gutter-card);z-index:1200;}
.cookies .top-body{max-width:720px;margin:0 auto;background:var(--tone-inverse);border:1px solid var(--paint-primary);border-radius:var(--corner-card);box-shadow:var(--lift-soft);padding:var(--gutter-card) var(--gap-wide);color:var(--line-primary);}
.cookies .simple-method{display:flex;align-items:center;gap:8px;}
.cookies .top-body p{margin:8px 0 0;}
.cookies .featured-media{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap;}
.cookies .featured-media button{border:1px solid var(--paint-primary);background:var(--surface-secondary);color:var(--tone-extra-20);border-radius:var(--radius-card);padding:8px 12px;cursor:pointer;}
.cookies .featured-media button.cookie-accept{background:var(--ink-muted);color:var(--paint-light);border-color:transparent;font-weight:700;}