:root {
  --viisto-primary: #2455f5;
  --viisto-bg: #fff;
  --viisto-text: #17191f;
  --viisto-muted: #626774;
  --viisto-border: #d9dce5;
  --viisto-font: Inter, system-ui, -apple-system, sans-serif;
  --viisto-radius: 22px;
}
#consent, #consent * { box-sizing: border-box; }

body.locked { overflow: hidden; }

#consent { width: min(540px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow: auto;
  padding: clamp(24px, 5vw, 44px); border: 1px solid var(--viisto-border); border-radius: var(--viisto-radius);
  color: var(--viisto-text); background: var(--viisto-bg); box-shadow: 0 24px 90px #0003; }
#consent::backdrop { background: #11182799; backdrop-filter: blur(5px); }
#consent .eyebrow { font-size: 10px; letter-spacing: .16em; font-weight: 700; color: var(--viisto-muted); }
#consent h2 { font-size: clamp(26px, 5vw, 34px); letter-spacing: -.04em; margin: 18px 0; }
#consent p { font-size: 15px; line-height: 1.65; color: var(--viisto-muted); }
#consent .actions { display: grid; gap: 12px; margin-top: 28px; }
#consent button { min-height: 50px; padding: 14px 20px; font: 600 14px var(--viisto-font); border-radius: 10px;
  border: 1px solid var(--viisto-primary); background: var(--viisto-bg); color: var(--viisto-primary); cursor: pointer; }
#consent #accept { background: var(--viisto-primary); color: white; }
#consent button span { margin-left: 8px; opacity: .85; }
#consent button:hover { filter: brightness(.96); }
#consent button:focus-visible { outline: 3px solid var(--viisto-primary); outline-offset: 4px; }
#consent button:disabled { opacity: .55; cursor: wait; }
#consent .text-button { border: 0; padding: 12px 0; min-height: 44px; margin: 8px 12px 0 0; text-decoration: underline; }
#consent [hidden] { display: none !important; }
#consent #status { margin-bottom: 0; font-size: 13px; }

#consent .consent-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#consent .consent-language { display:inline-flex; flex-shrink:0; padding:3px; border:1px solid var(--viisto-border); border-radius:999px; }
#consent .consent-language button { min-width:32px; min-height:28px; padding:4px 7px; border:0; border-radius:999px; background:transparent; color:var(--viisto-muted); font-size:11px; font-weight:800; }
#consent .consent-language button[aria-pressed="true"] { background:var(--viisto-text); color:#fff; }
#consent [id="accept"] span:first-child { margin-left:0; opacity:1; }

#consent { font-family: var(--viisto-font); }
#settings { position:fixed;bottom:12px;left:12px;z-index:1000;display:grid;place-items:center;width:44px;height:44px;padding:10px;border-radius:50%;border:1px solid #d9dce5;background:white;color:#17191f;font:12px system-ui;cursor:pointer;box-shadow:0 2px 8px #0001; } #settings img { width:24px;height:24px;display:block; } #settings:focus-visible { outline:3px solid #2455f5;outline-offset:3px; }