html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:"Manrope", sans-serif;}
.cookies{position:fixed;left:clamp(14px,2vw,24px);bottom:clamp(14px,2vw,24px);z-index:1200}
:root {
  --line-panel: #f6f3ee;
  --tone-extra-22: #4a6f92;
  --paint-warm: #22252a;
  --copy-button: calc(17.3px * 1.35);
  --motion-slow: cubic-bezier(0.16,1,0.3,1);
  --paint-card: #ffffff;
  --tone-warm: #3a3e44;
  --tone-extra-8: #ffffff;
  --paint-primary: #ffffff;
  --tone-light: #faf7f2;
  --paint-light: #e2ddd4;
  --shadow-strong: 0 28px 36px rgba(0,0,0,0.21);
  --line-deep: #22252a;
  --paint-dark: linear-gradient(135deg, #faf7f2 0%, #eef1f5 55%, #dfe6ee 100%);
  --font-quiet: 1.63;
  --tone-card: #4a6f92;
  --ink-panel: #6b8bab;
  --ink-soft: #22252a;
  --tone-soft: #f1ece4;
  --paint-secondary: #22252a;
}

.cookies .visual-surface{width:min(18rem,calc(100vw - 28px));padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:var(--tone-extra-22);color:var(--paint-card);box-shadow:var(--shadow-strong)}
.cookies strong{display:block;font-size:var(--copy-button)}
.cookies p{margin:6px 0 0;line-height:var(--font-quiet)}
.cookies .plain-proof{margin-top:12px;display:grid;gap:8px}
.cookies .plain-proof button{border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.16);color:inherit;border-radius:12px;padding:8px 12px;cursor:pointer;font-weight:700}
.cookies .plain-proof button.cookie-accept{background:var(--tone-light);color:var(--ink-soft)}