.animfx-interact{background:linear-gradient(130deg,#101b30,#182640);color:#f5f8ff;padding:22px;margin:26px 0;border-radius:16px;border:1px solid #344967;font:inherit}.animfx-interact h3{color:#fff;margin:0 0 16px}.animfx-options{display:flex;flex-wrap:wrap;gap:10px}.animfx-options button{cursor:pointer;border:1px solid #537196;background:#203654;color:#fff;border-radius:12px;padding:12px 16px;font:inherit}.animfx-options button:hover,.animfx-options button[aria-pressed=true]{background:#087eab;border-color:#67d7ff}.animfx-result{background:#263a55;border-radius:10px;padding:12px;margin:16px 0 0;color:#e8f7ff}.animfx-check{display:block;margin:12px 0;color:#fff}.animfx-check input{margin-right:10px;accent-color:#22c1e9}.animfx-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.animfx-comparison>div{padding:16px;border-radius:12px;background:#263a55}.animfx-interact summary{cursor:pointer;font-weight:700}.animfx-interact p{color:#e8f0ff}@media(max-width:600px){.animfx-comparison{grid-template-columns:1fr}.animfx-interact{padding:16px}}