.aca-root {
  --aca-bottom:86px;
  position:fixed;
  z-index:10050;
  right:20px;
  bottom:calc(var(--aca-bottom) + env(safe-area-inset-bottom,0px));
  width:354px;
  max-width:calc(100vw - 28px);
  max-height:calc(100vh - var(--aca-bottom) - env(safe-area-inset-bottom,0px) - 16px);
  max-height:calc(100dvh - var(--aca-bottom) - env(safe-area-inset-bottom,0px) - 16px);
  color:#fff;
  font:14px/1.45 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  pointer-events:none;
}
.aca-root,.aca-root * { box-sizing:border-box; }
.aca-root .aca-cards { display:grid; gap:10px; max-height:inherit; overflow:auto; overscroll-behavior:contain; padding:3px 3px 8px; }
.aca-root .aca-card {
  position:relative;
  min-width:0;
  border:1px solid #466079;
  border-left:6px solid #ff9b45;
  border-radius:10px;
  padding:12px 14px 14px;
  background:#102b43;
  box-shadow:0 8px 30px #00132759,0 2px 7px #00132733;
  pointer-events:auto;
  animation:aca-appear 180ms ease-out;
}
.aca-root .aca-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 5px; }
.aca-root .aca-kicker { color:#ffbc7d; font-size:11px; font-weight:750; line-height:1.35; letter-spacing:.025em; }
.aca-root .aca-author { display:block; margin:0; color:#fff; font-size:17px; font-weight:750; line-height:1.3; overflow-wrap:anywhere; }
.aca-root .aca-preview { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin:7px 0 12px; overflow:hidden; overflow-wrap:anywhere; color:#edf3f8; font-size:14px; line-height:1.45; }
.aca-root button { font:inherit; cursor:pointer; touch-action:manipulation; }
.aca-root .aca-close { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; margin:-6px -7px -1px 0; padding:0; border:0; border-radius:6px; background:transparent; color:#f0f5fa; font-size:25px; line-height:1; }
.aca-root .aca-close:hover { background:#ffffff1c; }
.aca-root .aca-open { display:block; width:100%; min-height:42px; padding:9px 12px; border:1px solid #ffbd86; border-radius:6px; background:#ff9b45; color:#152536; font-size:13px; font-weight:750; text-align:center; }
.aca-root .aca-open:hover { background:#ffb16e; }
.aca-root .aca-backlog { border-left-color:#9db0c1; background:#253b50; }
.aca-root .aca-backlog .aca-kicker { color:#dce7f1; }
.aca-root .aca-backlog .aca-author { font-size:15px; }
.aca-root .aca-backlog .aca-open { border-color:#99afc2; background:#edf3f8; color:#1c3348; }
.aca-root .aca-overflow { pointer-events:auto; min-height:42px; padding:9px 14px; border:1px solid #6c859d; border-radius:8px; background:#102b43; color:#fff; box-shadow:0 3px 12px #00132730; font-size:13px; font-weight:700; }
.aca-root .aca-overflow:hover { background:#25445e; }
.aca-root button:focus-visible { outline:3px solid #ffbf80; outline-offset:3px; }
.aca-root .aca-live { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes aca-appear { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:600px) {
  .aca-root { --aca-bottom:152px; right:12px; width:354px; max-width:calc(100vw - 24px); }
  .aca-root .aca-card { padding:10px 12px 12px; }
  .aca-root .aca-author { font-size:16px; }
  .aca-root .aca-open { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) { .aca-root .aca-card { animation:none; } }
@media print { .aca-root { display:none!important; } }
