.topoai-cookie-notice {
  --notice-bg:#fff; --notice-text:#25282c; --notice-muted:#53585f;
  --notice-line:#d9dce0; --notice-button:#202225; --notice-button-text:#fff; --notice-hover:#383b40;
  position:fixed; inset:auto 16px 18px; z-index:5000;
  display:flex; align-items:center; gap:18px;
  box-sizing:border-box; width:calc(100% - 32px); max-width:700px; margin:0 auto; padding:18px 58px 18px 22px;
  border:1px solid var(--notice-line); border-radius:16px;
  background:var(--notice-bg); color:var(--notice-text);
  box-shadow:0 8px 32px rgba(0,0,0,.12);
  font:14px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; text-align:left;
}
html[data-theme="dark"] .topoai-cookie-notice {
  --notice-bg:#202225; --notice-text:#f1f2f3; --notice-muted:#c3c6ca;
  --notice-line:#41454b; --notice-button:#f1f2f3; --notice-button-text:#202225; --notice-hover:#d5d8dc;
}
@media (prefers-color-scheme:dark) {
  html:not([data-theme]) .topoai-cookie-notice {
    --notice-bg:#202225; --notice-text:#f1f2f3; --notice-muted:#c3c6ca;
    --notice-line:#41454b; --notice-button:#f1f2f3; --notice-button-text:#202225; --notice-hover:#d5d8dc;
  }
}
.topoai-cookie-notice .topoai-cookie-notice__text { flex:1; margin:0; padding:0; color:var(--notice-muted); font:inherit; }
.topoai-cookie-notice__text a,
.topoai-cookie-notice__text a:hover { color:var(--notice-text); text-decoration:underline; text-underline-offset:3px; border:0; box-shadow:none; }
.topoai-cookie-notice button {
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
  min-width:44px; min-height:44px; margin:0; padding:10px 18px; border:1px solid transparent; border-radius:9px;
  background:var(--notice-button); color:var(--notice-button-text); box-shadow:none;
  font:600 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:normal; cursor:pointer;
}
.topoai-cookie-notice button:hover { background:var(--notice-hover); color:var(--notice-button-text); transform:none; box-shadow:none; }
.topoai-cookie-notice .topoai-cookie-notice__close { position:absolute; top:8px; right:7px; width:44px; padding:0; background:transparent; color:var(--notice-muted); }
.topoai-cookie-notice .topoai-cookie-notice__close:hover { background:transparent; color:var(--notice-text); border-color:var(--notice-line); }
.topoai-cookie-notice :is(a,button):focus-visible { outline:2px solid var(--notice-text); outline-offset:3px; }
@media (max-width:560px) {
  .topoai-cookie-notice { inset-inline:10px; bottom:10px; width:calc(100% - 20px); flex-wrap:wrap; gap:12px; padding:17px 54px 17px 18px; }
  .topoai-cookie-notice .topoai-cookie-notice__text { flex-basis:100%; }
}
@media print { .topoai-cookie-notice { display:none; } }